@extends('layouts.website')

@section('title', 'Support EPDFU')

@section('content')

<x-website.page-header
    title="Support EPDFU"
    subtitle="Invest in healthier communities, stronger livelihoods and sustainable development across Uganda." />

{{-- INTRODUCTION --}}
<section class="py-20">

    <div class="max-w-5xl mx-auto px-6 text-center">

        <h2 class="text-4xl font-bold mb-8">
            Become Part Of The Solution
        </h2>

        <p class="text-lg leading-8 text-gray-700">

            Every healthy child, empowered youth, supported family and resilient community begins with collective action. At {{ config('organization.short_name') }}, we believe sustainable development is achieved when communities, volunteers, development partners, institutions and individuals work together toward a shared vision of prosperity and wellbeing.

        </p>

        <p class="mt-6 text-lg leading-8 text-gray-700">

            Your support enables community health outreach, disease prevention initiatives, education and skills development programs, economic empowerment activities, volunteer mobilization and long-term community development interventions.

        </p>

        <p class="mt-6 text-lg leading-8 text-gray-700">

            Whether you contribute financial resources, professional expertise, medical supplies or strategic partnerships, your support creates measurable and lasting impact for vulnerable and underserved communities.

        </p>

    </div>

</section>

{{-- WHY SUPPORT EPDFU --}}
<section class="py-20 bg-green-50">

    <div class="max-w-6xl mx-auto px-6">

        <div class="text-center mb-16">

            <h2 class="text-4xl font-bold">
                Why Support EPDFU?
            </h2>

        </div>

        <div class="grid md:grid-cols-3 gap-8">

            <div class="bg-white rounded-xl p-8 shadow-sm">

                <h3 class="text-xl font-bold mb-4">
                    Community Driven
                </h3>

                <p>

                    Our interventions are designed around community priorities and implemented with active participation from local stakeholders.

                </p>

            </div>

            <div class="bg-white rounded-xl p-8 shadow-sm">

                <h3 class="text-xl font-bold mb-4">
                    Sustainable Impact
                </h3>

                <p>

                    We focus on long-term solutions that strengthen resilience, build capacity and create opportunities beyond immediate assistance.

                </p>

            </div>

            <div class="bg-white rounded-xl p-8 shadow-sm">

                <h3 class="text-xl font-bold mb-4">
                    Accountability
                </h3>

                <p>

                    We are committed to transparency, responsible stewardship and measurable results for all stakeholders.

                </p>

            </div>

        </div>

    </div>

</section>

{{-- IMPACT --}}
<x-website.stats-section />

{{-- WAYS TO SUPPORT --}}
<section class="py-24">

    <div class="max-w-7xl mx-auto px-6">

        <h2 class="text-4xl font-bold text-center mb-16">
            Ways To Support
        </h2>

        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">

            <div class="border rounded-xl p-8">

                <h3 class="text-xl font-bold mb-4">
                    Financial Contributions
                </h3>

                <p>

                    Support medical outreach programs, health camps, education initiatives, community development projects and emergency interventions.

                </p>

            </div>

            <div class="border rounded-xl p-8">

                <h3 class="text-xl font-bold mb-4">
                    Medical Supplies
                </h3>

                <p>

                    Donate medicines, medical equipment, diagnostics, laboratory supplies and essential healthcare consumables.

                </p>

            </div>

            <div class="border rounded-xl p-8">

                <h3 class="text-xl font-bold mb-4">
                    Volunteer Expertise
                </h3>

                <p>

                    Contribute professional knowledge, technical skills and mentorship through volunteer service opportunities.

                </p>

            </div>

            <div class="border rounded-xl p-8">

                <h3 class="text-xl font-bold mb-4">
                    Strategic Partnerships
                </h3>

                <p>

                    Collaborate through corporate social responsibility programs, sponsorships and long-term development partnerships.

                </p>

            </div>

        </div>

    </div>

</section>

{{-- PARTNERSHIP OPPORTUNITIES --}}
<section class="py-24 bg-green-50">

    <div class="max-w-7xl mx-auto px-6">

        <h2 class="text-4xl font-bold text-center mb-16">
            Partnership Opportunities
        </h2>

        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">

            <div class="bg-white p-8 rounded-xl shadow-sm">

                <h3 class="font-bold text-xl">
                    Bronze Partner
                </h3>

                <p class="mt-4">

                    Support community awareness campaigns, health education activities and local outreach initiatives.

                </p>

            </div>

            <div class="bg-white p-8 rounded-xl shadow-sm">

                <h3 class="font-bold text-xl">
                    Silver Partner
                </h3>

                <p class="mt-4">

                    Sponsor health camps, targeted interventions and community-based service delivery programs.

                </p>

            </div>

            <div class="bg-white p-8 rounded-xl shadow-sm">

                <h3 class="font-bold text-xl">
                    Gold Partner
                </h3>

                <p class="mt-4">

                    Support multi-community programs, institutional strengthening and capacity-building initiatives.

                </p>

            </div>

            <div class="bg-white p-8 rounded-xl shadow-sm">

                <h3 class="font-bold text-xl">
                    Strategic Partner
                </h3>

                <p class="mt-4">

                    Engage in long-term collaboration to drive sustainable development and transformational impact.

                </p>

            </div>

        </div>

    </div>

</section>

{{-- ACCOUNTABILITY --}}
<x-website.accountability-section />

{{-- DEVELOPMENT ALIGNMENT --}}
<section class="py-24 bg-gray-50">

    <div class="max-w-5xl mx-auto px-6 text-center">

        <h2 class="text-4xl font-bold">
            Investing In Shared Development Goals
        </h2>

        <p class="mt-6 text-lg leading-8 text-gray-700">

            Support to EPDFU contributes to community-level progress aligned with national development priorities, skills development initiatives, health system strengthening efforts, the Sustainable Development Goals and the aspirations of Agenda 2063: The Africa We Want.

        </p>

        <p class="mt-6 text-lg leading-8 text-gray-700">

            Together we can build healthier communities, expand opportunities for young people and strengthen resilience for future generations.

        </p>

    </div>

</section>

{{-- CTA --}}
<section class="bg-gray-900 text-white py-24">

    <div class="max-w-5xl mx-auto text-center px-6">

        <h2 class="text-4xl font-bold">
            Let's Build Stronger Communities Together
        </h2>

        <p class="mt-6 text-xl leading-8">
            Contact us to discuss donations, sponsorships,
            volunteer opportunities, institutional support
            or strategic partnerships.
        </p>

        <div class="mt-10 flex flex-wrap justify-center gap-4">

            <a href="{{ route('contact') }}"
               class="bg-green-600 hover:bg-green-700 px-10 py-4 rounded-lg">

                Contact Us

            </a>

            <a href="{{ route('partnerships') }}"
               class="bg-white text-black px-10 py-4 rounded-lg">

                Partnership Opportunities

            </a>

        </div>

    </div>

</section>

@endsection