@extends('layouts.website')

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

@section('content')

<x-website.page-header
    title="About EPDFU"
    subtitle="Building healthier, empowered and resilient communities through healthcare, education, economic empowerment and sustainable development." />

{{-- WHO WE ARE --}}
<section class="py-20">

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

        <div class="grid lg:grid-cols-2 gap-16 items-center">

            <div>

                <h2 class="text-4xl font-bold mb-8">
                    Who We Are
                </h2>

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

                    {{ config('organization.name') }} ({{ config('organization.short_name') }}) is a community-based non-profit organization committed to improving quality of life through integrated interventions in health, education, economic empowerment and community development.

                </p>

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

                    We work alongside communities, volunteers, government institutions, civil society organizations, development partners and the private sector to address barriers that limit human potential and sustainable development.

                </p>

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

                    Guided by the belief that lasting transformation begins within communities themselves, we support locally driven solutions that improve wellbeing, strengthen resilience and expand opportunities for future generations.

                </p>

            </div>

            <div>

                <img
                    src="/images/about/community.jpg"
                    alt="EPDFU Community Work"
                    class="rounded-2xl shadow-xl w-full">

            </div>

        </div>

    </div>

</section>

{{-- WHY WE EXIST --}}
<section class="py-20 bg-gray-50">

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

        <h2 class="text-4xl font-bold mb-10">
            Why EPDFU Exists
        </h2>

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

            Across many communities, preventable barriers continue to limit access to healthcare, education, skills development and economic opportunity. These challenges contribute to cycles of poverty, vulnerability and social exclusion.

        </p>

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

            EPDFU was established to help bridge these gaps through practical, community-driven interventions that improve lives, strengthen local capacity and promote sustainable development.

        </p>

    </div>

</section>

{{-- MISSION & VISION --}}
<section class="py-20">

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

        <div class="grid md:grid-cols-2 gap-10">

            <div class="bg-white rounded-2xl shadow-lg p-10">

                <h2 class="text-3xl font-bold text-green-700 mb-6">
                    Our Mission
                </h2>

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

                    To improve quality of life through accessible healthcare, education, economic empowerment and community-driven development initiatives.

                </p>

            </div>

            <div class="bg-white rounded-2xl shadow-lg p-10">

                <h2 class="text-3xl font-bold text-green-700 mb-6">
                    Our Vision
                </h2>

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

                    A society where all people have equitable access to opportunities, essential services and the resources needed to live healthy, productive and dignified lives.

                </p>

            </div>

        </div>

    </div>

</section>

{{-- DEVELOPMENT PHILOSOPHY --}}
<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">
                Our Development Philosophy
            </h2>

        </div>

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

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

                EPDFU believes that development is fundamentally about expanding human capabilities, strengthening communities and creating opportunities for people to realize their full potential.

            </p>

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

                Our approach is rooted in participation, inclusion, accountability and local ownership. Communities are not passive recipients of development but active partners in identifying challenges, shaping solutions and sustaining progress.

            </p>

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

                We recognize that health, education, livelihoods and community wellbeing are interconnected. Sustainable change requires integrated solutions that address immediate needs while building long-term resilience.

            </p>

        </div>

    </div>

</section>

{{-- STRATEGIC FOCUS AREAS --}}
<section class="py-20">

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

        <h2 class="text-4xl font-bold text-center mb-16">
            Strategic Focus Areas
        </h2>

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

            <div class="border rounded-xl p-8">
                <h3 class="font-bold text-xl mb-4">
                    Health & Wellbeing
                </h3>
                <p>
                    Improving access to healthcare services, prevention, screening and community health education.
                </p>
            </div>

            <div class="border rounded-xl p-8">
                <h3 class="font-bold text-xl mb-4">
                    Education & Skills
                </h3>
                <p>
                    Supporting learning, youth development and skills acquisition for future opportunities.
                </p>
            </div>

            <div class="border rounded-xl p-8">
                <h3 class="font-bold text-xl mb-4">
                    Economic Empowerment
                </h3>
                <p>
                    Strengthening livelihoods, entrepreneurship and household resilience.
                </p>
            </div>

            <div class="border rounded-xl p-8">
                <h3 class="font-bold text-xl mb-4">
                    Community Development
                </h3>
                <p>
                    Building stronger, more resilient and inclusive communities through collective action.
                </p>
            </div>

        </div>

    </div>

</section>

{{-- CORE VALUES --}}
<x-website.values-section />

{{-- SERVICE AREA --}}
<x-website.service-area />

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

{{-- PARTNERS --}}
<x-website.partner-logos />

{{-- CALL TO ACTION --}}
<x-website.cta
    title="Join Us In Transforming Communities"
    description="Whether you are a volunteer, development partner, donor, healthcare professional or community leader, you can help create lasting change."
    primaryText="Become A Volunteer"
    primaryUrl="{{ route('volunteer.index') }}"
    secondaryText="Partner With Us"
    secondaryUrl="{{ route('partnerships') }}"
    accentText="Support Our Work"
    accentUrl="{{ route('donate') }}"
/>

@endsection