📄 study-abroad.php

<?php
require_once __DIR__ . '/includes/functions.php';

$currentPage = 'study-abroad';
$countries = db()->query("SELECT * FROM countries WHERE status = 'active' ORDER BY sort_order")->fetchAll();

$pageSeoTitle = 'Study Abroad';
$pageSeoDescription = 'Explore study abroad destinations - Australia, UK, USA, Canada, New Zealand, Europe and more.';
require __DIR__ . '/partials/header.php';
?>

<section class="page-banner relative py-24 md:py-32 overflow-hidden">
  <div class="max-w-7xl mx-auto px-6 relative z-10 text-center" data-aos="fade-up">
    <span class="inline-block px-4 py-1.5 rounded-full bg-brand-gold/20 border border-brand-gold text-brand-gold text-xs font-semibold mb-5">Study Abroad</span>
    <h1 class="text-white font-heading font-extrabold text-3xl md:text-5xl leading-tight mb-4">Explore Your Study Destination</h1>
    <p class="text-gray-300 max-w-2xl mx-auto">We guide students to the right country, university, and program &mdash; every step of the way.</p>
  </div>
</section>

<section class="py-20">
  <div class="max-w-7xl mx-auto px-6">
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
      <?php foreach ($countries as $i => $c): ?>
      <a href="study-abroad-<?= e($c['slug']) ?>.php" class="card-hover group relative rounded-2xl overflow-hidden h-64" data-aos="fade-up" data-aos-delay="<?= $i * 80 ?>">
        <img src="<?= e(resolve_image($c['hero_image'])) ?>" class="w-full h-full object-cover group-hover:scale-105 transition duration-500" alt="<?= e($c['name']) ?>">
        <div class="absolute inset-0 bg-gradient-to-t from-brand-black/90 via-brand-black/20 to-transparent flex flex-col justify-end p-6">
          <h3 class="text-white font-heading font-bold text-xl mb-1"><?= e($c['name']) ?></h3>
          <p class="text-gray-200 text-sm mb-3"><?= e($c['short_description']) ?></p>
          <span class="text-brand-gold text-sm font-semibold">Explore <i class="fa-solid fa-arrow-right ml-1"></i></span>
        </div>
      </a>
      <?php endforeach; ?>
    </div>
  </div>
</section>

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