@extends('layouts.app')

@section('title', 'Campaign for Medical Students - CHEER MEDICS FOUNDATION')

@section('content')
<!-- CAMPAIGN STUDENTS PAGE -->
<div class="pt-20">
    <section class="relative py-32 animated-bg text-white overflow-hidden"><div class="absolute inset-0 bg-black/30"></div><div class="relative max-w-7xl mx-auto px-4 text-center"><h1 class="text-6xl md:text-7xl font-black mb-6">Campaign for Medical Students</h1><p class="text-2xl max-w-4xl mx-auto">Empowering the next generation of healthcare professionals</p></div></section>
    <section class="py-20 bg-white">
        <div class="max-w-7xl mx-auto px-4">
            <div class="grid lg:grid-cols-2 gap-16 mb-16">
                <div class="h-96 rounded-3xl overflow-hidden shadow-2xl"><img src="https://images.unsplash.com/photo-1576091160550-2173dba999ef?w=600" class="w-full h-full object-cover"></div>
                <div><h2 class="text-4xl font-black text-gray-900 mb-8">Supporting Future Doctors</h2><p class="text-gray-600 text-lg leading-relaxed mb-6">Medical school can be overwhelming, both academically and financially. As a volunteer, you can provide much-needed assistance and mentorship to medical students, helping them cope with the demands of their studies and relieve some of their financial burdens.</p><p class="text-gray-600 text-lg leading-relaxed">Our organization is committed to reaching out to marginalized medical students who face unique challenges. By volunteering with us, you can help empower these students by organizing workshops, seminars, and training sessions.</p></div>
            </div>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="gradient-primary rounded-3xl p-10 text-white shadow-2xl card-hover"><h3 class="text-2xl font-black mb-4">Scholarships</h3><p class="text-white/90">Financial assistance and scholarships for deserving medical students facing economic challenges</p></div>
                <div class="gradient-secondary rounded-3xl p-10 text-white shadow-2xl card-hover"><h3 class="text-2xl font-black mb-4">Mentorship</h3><p class="text-white/90">One-on-one mentoring from experienced healthcare professionals and medical practitioners</p></div>
                <div class="bg-gradient-to-br from-emerald-500 to-teal-600 rounded-3xl p-10 text-white shadow-2xl card-hover"><h3 class="text-2xl font-black mb-4">Skills Training</h3><p class="text-white/90">Workshops and seminars to enhance clinical skills, knowledge, and professional confidence</p></div>
            </div>
        </div>
    </section>
</div>
@endsection