@extends('layouts.website')

@section('title', 'Partnerships')

@section('content')

<x-website.page-header
    title="Partner With EPDFU"
    subtitle="Building strategic partnerships that improve lives, strengthen communities and accelerate sustainable development across Uganda." />

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

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

        <h2 class="text-4xl font-bold mb-8">

            Transforming Communities Through Partnership

        </h2>

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

            At {{ config('organization.short_name') }}, we recognize that sustainable development cannot be achieved in isolation. Meaningful progress emerges when communities, government institutions, development partners, healthcare providers, academic institutions, civil society organizations and the private sector work together toward shared goals.

        </p>

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

            Our partnership approach is rooted in mutual respect, accountability, innovation and a shared commitment to creating measurable and lasting impact. Through collaboration, we leverage resources, expertise, technology and community networks to expand opportunities and improve quality of life.

        </p>

    </div>

</section>

{{-- WHY PARTNER --}}
<section class="py-24 bg-gray-50">

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

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

            <h2 class="text-4xl font-bold">

                Why Partner With EPDFU?

            </h2>

            <p class="mt-4 text-lg text-gray-600">

                A trusted local partner with a vision for sustainable community transformation.

            </p>

        </div>

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

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

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

                    Community Trust

                </h3>

                <p>

                    Strong relationships with communities, local leaders, healthcare providers and grassroots structures enable effective program implementation and meaningful participation.

                </p>

            </div>

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

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

                    Proven Delivery

                </h3>

                <p>

                    Experience implementing community health, education, volunteerism and economic empowerment initiatives that deliver measurable outcomes.

                </p>

            </div>

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

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

                    Accountability

                </h3>

                <p>

                    Strong governance systems, transparent reporting, responsible stewardship and commitment to continuous improvement.

                </p>

            </div>

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

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

                    Volunteer Network

                </h3>

                <p>

                    Access to motivated professionals, healthcare workers, students and community volunteers who contribute expertise and service.

                </p>

            </div>

        </div>

    </div>

</section>

{{-- STRATEGIC ALIGNMENT --}}
<section class="py-24 bg-white">

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

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

            <h2 class="text-4xl font-bold">

                Shared Development Priorities

            </h2>

        </div>

        <div class="bg-green-50 rounded-2xl p-10">

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

                EPDFU aligns its work with Uganda's national development priorities, the Sustainable Development Goals (SDGs), Agenda 2063: The Africa We Want, community health strengthening initiatives, skills development programs and inclusive economic growth strategies.

            </p>

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

                Partnerships provide opportunities to jointly address health inequities, expand educational opportunities, strengthen livelihoods, empower young people and build resilient communities capable of driving their own development.

            </p>

        </div>

    </div>

</section>

{{-- COLLABORATION AREAS --}}
<section class="py-24 bg-gray-50">

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

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

            Areas Of Collaboration

        </h2>

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

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

                <h3 class="font-bold text-2xl mb-6">

                    Community Health & Wellbeing

                </h3>

                <ul class="space-y-3 text-gray-700">

                    <li>Medical Outreach Programs</li>
                    <li>Disease Prevention & Screening</li>
                    <li>Health Education</li>
                    <li>Maternal & Child Health</li>
                    <li>Digital Health Innovation</li>
                    <li>Health Systems Strengthening</li>

                </ul>

            </div>

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

                <h3 class="font-bold text-2xl mb-6">

                    Education & Skills Development

                </h3>

                <ul class="space-y-3 text-gray-700">

                    <li>Skills Development Programs</li>
                    <li>Youth Empowerment</li>
                    <li>Community Training</li>
                    <li>School-Based Initiatives</li>
                    <li>Leadership Development</li>
                    <li>Health Literacy Campaigns</li>

                </ul>

            </div>

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

                <h3 class="font-bold text-2xl mb-6">

                    Economic Empowerment

                </h3>

                <ul class="space-y-3 text-gray-700">

                    <li>Entrepreneurship Support</li>
                    <li>Livelihood Enhancement</li>
                    <li>Women's Empowerment</li>
                    <li>Youth Employment Initiatives</li>
                    <li>Community Enterprises</li>
                    <li>Financial Inclusion Programs</li>

                </ul>

            </div>

        </div>

    </div>

</section>

{{-- PARTNERSHIP MODELS --}}
<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 Models

        </h2>

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

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

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

                    Strategic Partners

                </h3>

                <p>

                    Long-term institutional collaborations focused on sustainable development and transformational impact.

                </p>

            </div>

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

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

                    Program Partners

                </h3>

                <p>

                    Support implementation of specific projects, outreach activities and community interventions.

                </p>

            </div>

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

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

                    Technical Partners

                </h3>

                <p>

                    Contribute expertise, training, mentorship, innovation and professional guidance.

                </p>

            </div>

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

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

                    Resource Partners

                </h3>

                <p>

                    Provide financial support, medicines, equipment, technology and operational resources.

                </p>

            </div>

        </div>

    </div>

</section>

{{-- WHO WE PARTNER WITH --}}
<section class="py-24 bg-white">

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

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

            We Welcome Partnerships From

        </h2>

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

            <div class="border rounded-xl p-6 text-center">Government Institutions</div>
            <div class="border rounded-xl p-6 text-center">Development Agencies</div>
            <div class="border rounded-xl p-6 text-center">NGOs & CSOs</div>
            <div class="border rounded-xl p-6 text-center">Healthcare Institutions</div>
            <div class="border rounded-xl p-6 text-center">Universities & Research Institutions</div>
            <div class="border rounded-xl p-6 text-center">Foundations & Philanthropies</div>
            <div class="border rounded-xl p-6 text-center">Corporate CSR Programs</div>
            <div class="border rounded-xl p-6 text-center">Faith-Based Organizations</div>

        </div>

    </div>

</section>

{{-- PARTNERSHIP JOURNEY --}}
<section class="py-24 bg-gray-50">

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

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

            Partnership Journey

        </h2>

        <div class="grid md:grid-cols-3 lg:grid-cols-6 gap-4 text-center">

            <div class="bg-white border rounded-xl p-6">Initial Engagement</div>
            <div class="bg-white border rounded-xl p-6">Needs Assessment</div>
            <div class="bg-white border rounded-xl p-6">Partnership Design</div>
            <div class="bg-white border rounded-xl p-6">Formal Agreement</div>
            <div class="bg-white border rounded-xl p-6">Implementation</div>
            <div class="bg-white border rounded-xl p-6">Monitoring & Reporting</div>

        </div>

    </div>

</section>

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

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

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

            Partnership Resources

        </h2>

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

            <a href="#"
               class="bg-white border rounded-xl p-8 text-center hover:shadow-md">

                Organization Profile

            </a>

            <a href="#"
               class="bg-white border rounded-xl p-8 text-center hover:shadow-md">

                Partnership Prospectus

            </a>

            <a href="#"
               class="bg-white border rounded-xl p-8 text-center hover:shadow-md">

                Strategic Plan

            </a>

        </div>

    </div>

</section>

{{-- CALL TO ACTION --}}
<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">

            Whether through funding, technical expertise, healthcare support, research collaboration, volunteer engagement or strategic investment, your partnership can help create lasting and measurable impact.

        </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">

                Start A Conversation

            </a>

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

                Support Our Work

            </a>

        </div>

    </div>

</section>

@endsection