<?php $page='Departments'; define('BASE','../'); require __DIR__.'/../includes/header.php'; require __DIR__.'/../includes/hero.php';
hero('Departments', 'Departments', $FACULTY['tagline'], '../assets/images/hero.jpg', $FACULTY['primary']);
?>
<section class="max-w-6xl mx-auto px-4 py-16">
<h2 class="font-serif text-3xl font-bold">Departments</h2>
<p class="mt-3 text-slate-600 max-w-2xl">Academic units within the faculty.</p>
<div class="mt-10 grid sm:grid-cols-2 md:grid-cols-3 gap-4">
  <?php foreach($FACULTY['departments'] as $d): ?>
  <div class="border rounded-lg p-5 bg-white hover:shadow-md transition">
    <div class="w-8 h-8 rounded-md mb-3" style="background: <?= $FACULTY['accent'] ?>"></div>
    <p class="font-semibold"><?= htmlspecialchars($d) ?></p>
  </div>
  <?php endforeach; ?>
</div>
</section>
<?php require __DIR__.'/../includes/footer.php'; ?>
