<x-main-inner-page 
    category="Contact" title="GARI Alumni" 
    subtitle="Join our global network of esteemed researchers, past attendees, and academic leaders."
>
<!-- Intro Banner -->
<div class="bg-slate-900 rounded-3xl p-10 md:p-16 mb-12 relative overflow-hidden flex flex-col md:flex-row items-center justify-between gap-10">
    <div class="absolute inset-0 z-0 opacity-20">
        <img src="https://images.unsplash.com/photo-1523240795612-9a054b0db644?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80" alt="Alumni" class="w-full h-full object-cover">
    </div>
    <div class="relative z-10 max-w-2xl text-center md:text-left">
        <h2 class="text-3xl md:text-5xl font-bold text-white mb-4">Stay Connected</h2>
        <p class="text-slate-300 text-lg">As a GARI alumni, you are part of an exclusive group of professionals shaping the future through global research and innovation.</p>
    </div>
    <div class="relative z-10 shrink-0">
        <a href="#" class="inline-flex items-center gap-2 bg-brand-600 hover:bg-brand-500 text-white font-bold px-8 py-4 rounded-xl shadow-lg transition-all">
            Join the Alumni Network <i class="fas fa-arrow-right"></i>
        </a>
    </div>
</div>

<!-- Benefits Grid -->
<div class="mb-16">
    <div class="text-center mb-10">
        <h2 class="text-3xl font-bold text-slate-900">Alumni Benefits</h2>
        <p class="text-slate-500 mt-2">Exclusive perks for past participants and presenters.</p>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
        <div class="bg-white border border-slate-100 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 text-center">
            <div class="w-16 h-16 bg-brand-50 rounded-full flex items-center justify-center mx-auto mb-6">
                <i class="fas fa-ticket-alt text-brand-600 text-2xl"></i>
            </div>
            <h3 class="font-bold text-lg text-slate-900 mb-3">Registration Discounts</h3>
            <p class="text-slate-600 text-sm leading-relaxed">Enjoy up to 20% off exclusively for returning participants on all future international conferences.</p>
        </div>
        <div class="bg-white border border-slate-100 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 text-center">
            <div class="w-16 h-16 bg-brand-50 rounded-full flex items-center justify-center mx-auto mb-6">
                <i class="fas fa-book-open text-brand-600 text-2xl"></i>
            </div>
            <h3 class="font-bold text-lg text-slate-900 mb-3">Publishing Priority</h3>
            <p class="text-slate-600 text-sm leading-relaxed">Fast-tracked review processing for your submissions to our associated high-impact journals.</p>
        </div>
        <div class="bg-white border border-slate-100 p-8 rounded-2xl shadow-sm hover:shadow-xl transition-all duration-300 text-center">
            <div class="w-16 h-16 bg-brand-50 rounded-full flex items-center justify-center mx-auto mb-6">
                <i class="fas fa-users text-brand-600 text-2xl"></i>
            </div>
            <h3 class="font-bold text-lg text-slate-900 mb-3">Networking Hub</h3>
            <p class="text-slate-600 text-sm leading-relaxed">Gain access to the closed GARI Alumni portal to find collaborators and funding opportunities globally.</p>
        </div>
    </div>
</div>

</x-main-inner-page>