<?php $page='Home'; define('BASE',''); require __DIR__.'/includes/header.php'; require __DIR__.'/includes/hero.php';
hero('Est. '.$FACULTY['founded'], $FACULTY['name'], $FACULTY['tagline'], 'assets/images/hero.jpg', $FACULTY['primary']);
?>
<section class="max-w-6xl mx-auto px-4 py-16 grid md:grid-cols-3 gap-6">
  <?php foreach([['Students',$FACULTY['students']],['Founded',$FACULTY['founded']],['Dean',$FACULTY['dean']]] as $s): ?>
  <div class="rounded-xl border p-6 bg-white shadow-sm">
    <p class="text-xs uppercase tracking-widest text-slate-500"><?= $s[0] ?></p>
    <p class="mt-2 font-serif text-xl font-semibold"><?= htmlspecialchars($s[1]) ?></p>
  </div>
  <?php endforeach; ?>
</section>

<section class="max-w-6xl mx-auto px-4 pb-16 grid md:grid-cols-2 gap-10">
  <div>
    <p class="text-xs uppercase tracking-[0.2em] text-accent font-semibold">Overview</p>
    <h2 class="mt-3 font-serif text-3xl font-bold">Welcome to <?= htmlspecialchars($FACULTY['short']) ?></h2>
    <p class="mt-4 text-slate-600 leading-relaxed"><?= htmlspecialchars($FACULTY['description']) ?></p>
    <ul class="mt-6 space-y-2 text-sm">
      <?php foreach($FACULTY['highlights'] as $h): ?>
      <li class="flex gap-2"><span class="mt-1.5 w-1.5 h-1.5 rounded-full shrink-0" style="background: <?= $FACULTY['accent'] ?>"></span><?= htmlspecialchars($h) ?></li>
      <?php endforeach; ?>
    </ul>
    <a href="pages/admissions.php" class="inline-block mt-6 px-5 py-3 rounded-md text-white font-medium" style="background: <?= $FACULTY['primary'] ?>">Apply now</a>
  </div>
  <div>
    <img src="assets/images/hero.jpg" alt="" class="rounded-2xl shadow-lg aspect-[4/3] object-cover w-full">
  </div>
</section>

<section class="bg-slate-50 py-16">
  <div class="max-w-6xl mx-auto px-4">
    <h2 class="font-serif text-3xl font-bold">Featured programs</h2>
    <div class="mt-8 grid md:grid-cols-2 gap-6">
      <?php foreach(array_slice($PROGRAMS,0,4) as $p): ?>
      <div class="bg-white border rounded-xl p-6 shadow-sm">
        <h3 class="font-serif text-lg font-semibold"><?= htmlspecialchars($p['title']) ?></h3>
        <p class="mt-2 text-sm text-slate-600"><?= htmlspecialchars($p['desc']) ?></p>
      </div>
      <?php endforeach; ?>
    </div>
    <a href="pages/programs.php" class="inline-block mt-8 font-medium" style="color: <?= $FACULTY['primary'] ?>">See all programs →</a>
  </div>
</section>

<section class="max-w-6xl mx-auto px-4 py-16 grid md:grid-cols-2 gap-8">
  <div>
    <h2 class="font-serif text-3xl font-bold">Latest news</h2>
    <div class="mt-6 space-y-4">
      <?php foreach(array_slice($NEWS,0,3) as $n): ?>
      <div class="border-l-4 pl-4" style="border-color: <?= $FACULTY['accent'] ?>">
        <p class="text-xs text-slate-500"><?= $n['date'] ?></p>
        <p class="font-semibold"><?= htmlspecialchars($n['title']) ?></p>
        <p class="text-sm text-slate-600"><?= htmlspecialchars($n['excerpt']) ?></p>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
  <div>
    <h2 class="font-serif text-3xl font-bold">Upcoming events</h2>
    <div class="mt-6 space-y-4">
      <?php foreach($EVENTS as $e): ?>
      <div class="border rounded-lg p-4">
        <p class="text-xs uppercase tracking-widest" style="color: <?= $FACULTY['primary'] ?>"><?= $e['date'] ?></p>
        <p class="font-semibold mt-1"><?= htmlspecialchars($e['title']) ?></p>
        <p class="text-sm text-slate-600 mt-1"><?= htmlspecialchars($e['desc']) ?></p>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<?php require __DIR__.'/includes/footer.php'; ?>
