@extends('layouts.app')

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

@section('content')
<!-- CAMPAIGN ELDERLY 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 Elderly</h1><p class="text-2xl max-w-4xl mx-auto">Supporting medically disadvantaged elderly people with essential healthcare</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><h2 class="text-4xl font-black text-gray-900 mb-8">The Challenge</h2><p class="text-gray-600 text-lg leading-relaxed mb-6">Medically disadvantaged elderly people often struggle to access essential healthcare and resources. As a CHEER MEDICS FOUNDATION volunteer or supporter, you can help create awareness about these issues and contribute to sustainable solutions.</p><p class="text-gray-600 text-lg leading-relaxed">By organizing seminars, conducting research, and raising public sensitivity towards elderly healthcare, we work towards a healthier and more equitable society for our senior citizens.</p></div>
                <div class="h-96 rounded-3xl overflow-hidden shadow-2xl"><img src="https://api.cheermed.org/public/home/assets/images/resources/gift-bg-1-1.jpg" class="w-full h-full object-cover"></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">Healthcare Access</h3><p class="text-white/90">Free health checkups and medical consultations for elderly individuals in underserved communities</p></div>
                <div class="gradient-secondary rounded-3xl p-10 text-white shadow-2xl card-hover"><h3 class="text-2xl font-black mb-4">Awareness Programs</h3><p class="text-white/90">Conducting seminars and public campaigns about elderly healthcare needs and challenges</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">Research & Advocacy</h3><p class="text-white/90">Policy research and advocacy for better elderly healthcare systems and support</p></div>
            </div>
        </div>
    </section>
</div>
@endsection