<?php $page='Faculty & Staff'; define('BASE','../'); require __DIR__.'/../includes/header.php'; require __DIR__.'/../includes/hero.php';
hero('Faculty & Staff', 'Faculty & Staff', $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">Faculty & Staff</h2>
<p class="mt-3 text-slate-600 max-w-2xl">Meet the academic leadership.</p>
<div class="mt-10 grid md:grid-cols-2 lg:grid-cols-4 gap-6">
  <?php foreach($STAFF as $s): ?>
  <div class="border rounded-xl p-6 text-center bg-white">
    <div class="w-20 h-20 mx-auto rounded-full flex items-center justify-center text-white text-2xl font-bold" style="background: <?= $FACULTY['primary'] ?>"><?= strtoupper(substr($s['name'],5,1)) ?></div>
    <p class="mt-4 font-serif text-lg font-semibold"><?= htmlspecialchars($s['name']) ?></p>
    <p class="text-sm text-slate-500"><?= htmlspecialchars($s['role']) ?></p>
  </div>
  <?php endforeach; ?>
</div>
</section>
<?php require __DIR__.'/../includes/footer.php'; ?>
