<?php $page='Events'; define('BASE','../'); require __DIR__.'/../includes/header.php'; require __DIR__.'/../includes/hero.php';
hero('Events', 'Events', $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">Events</h2>
<div class="mt-8 grid md:grid-cols-2 gap-6">
  <?php foreach($EVENTS as $e): ?>
  <div class="border rounded-xl p-6 bg-white">
    <div class="inline-block px-3 py-1 rounded-full text-xs font-semibold text-white" style="background: <?= $FACULTY['primary'] ?>"><?= $e['date'] ?></div>
    <h3 class="mt-3 font-serif text-xl font-semibold"><?= htmlspecialchars($e['title']) ?></h3>
    <p class="mt-2 text-slate-600"><?= htmlspecialchars($e['desc']) ?></p>
  </div>
  <?php endforeach; ?>
</div>
</section>
<?php require __DIR__.'/../includes/footer.php'; ?>
