@extends('layouts.website')

@section('title', 'Leadership, Governance & Organizational Capacity')

@section('content')

<x-website.page-header
    title="Leadership, Governance & Organizational Capacity"
    subtitle="Strong leadership, accountable governance and a diverse network of professionals, volunteers and partners driving sustainable community transformation." />

{{-- 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">
            Leadership In Service Of Communities
        </h2>

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

            {{ config('organization.short_name') }} believes that sustainable development requires more than good intentions. It requires accountable leadership, sound governance, strong systems, committed volunteers and meaningful partnerships that place communities at the center of development.

        </p>

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

            Our leadership and governance structures provide strategic direction, oversight and stewardship while ensuring that programs remain responsive to community needs, aligned with organizational values and focused on measurable impact.

        </p>

    </div>

</section>

{{-- LEADERSHIP PHILOSOPHY --}}
<section class="py-24 bg-gray-50">

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

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

            <h2 class="text-4xl font-bold">
                Our Leadership Philosophy
            </h2>

            <p class="mt-4 text-lg text-gray-600">
                Guided by service, accountability and community-centered development.
            </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">
                    Integrity
                </h3>

                <p>
                    Upholding ethical conduct, transparency and honesty in all organizational activities.
                </p>

            </div>

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

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

                <p>
                    Responsible stewardship of resources entrusted to the organization by communities and partners.
                </p>

            </div>

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

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

                <p>
                    Encouraging meaningful involvement of communities, volunteers and stakeholders in decision-making.
                </p>

            </div>

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

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

                <p>
                    Building local capacity and systems that continue delivering value long after projects end.
                </p>

            </div>

        </div>

    </div>

</section>

{{-- GOVERNANCE STRUCTURE --}}
<section class="py-24 bg-white">

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

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

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

            <p class="mt-4 text-lg text-gray-600">
                Clear structures that promote accountability, oversight and effective leadership.
            </p>

        </div>

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

            <div class="border rounded-xl p-8 text-center">
                <h3 class="font-bold text-xl">General Assembly</h3>
            </div>

            <div class="border rounded-xl p-8 text-center">
                <h3 class="font-bold text-xl">Board of Directors</h3>
            </div>

            <div class="border rounded-xl p-8 text-center">
                <h3 class="font-bold text-xl">Executive Leadership</h3>
            </div>

            <div class="border rounded-xl p-8 text-center">
                <h3 class="font-bold text-xl">Programs & Operations</h3>
            </div>

            <div class="border rounded-xl p-8 text-center">
                <h3 class="font-bold text-xl">Volunteers & Partners</h3>
            </div>

        </div>

    </div>

</section>

{{-- BOARD OF DIRECTORS --}}
<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">
                Board of Directors
            </h2>

            <p class="mt-4 text-lg text-gray-600">
                Providing governance, strategic direction and institutional oversight.
            </p>

        </div>

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

            <div class="bg-white rounded-xl shadow overflow-hidden">

                <img src="/images/team/board-chairperson.jpg"
                     alt="Board Chairperson"
                     class="w-full h-72 object-cover">

                <div class="p-6">

                    <h3 class="font-bold text-xl">
                        Board Chairperson
                    </h3>

                    <p class="text-green-700 mt-2">
                        Governance & Strategic Leadership
                    </p>

                    <p class="mt-4 text-gray-600">
                        Provides leadership to the Board and supports long-term institutional direction and sustainability.
                    </p>

                </div>

            </div>

            <div class="bg-white rounded-xl shadow overflow-hidden">

                <img src="/images/team/board-secretary.jpg"
                     alt="Board Secretary"
                     class="w-full h-72 object-cover">

                <div class="p-6">

                    <h3 class="font-bold text-xl">
                        Board Secretary
                    </h3>

                    <p class="text-green-700 mt-2">
                        Governance & Compliance
                    </p>

                    <p class="mt-4 text-gray-600">
                        Supports governance effectiveness, compliance and institutional accountability.
                    </p>

                </div>

            </div>

            <div class="bg-white rounded-xl shadow overflow-hidden">

                <img src="/images/team/board-treasurer.jpg"
                     alt="Board Treasurer"
                     class="w-full h-72 object-cover">

                <div class="p-6">

                    <h3 class="font-bold text-xl">
                        Board Treasurer
                    </h3>

                    <p class="text-green-700 mt-2">
                        Financial Oversight
                    </p>

                    <p class="mt-4 text-gray-600">
                        Oversees financial stewardship, accountability and responsible resource utilization.
                    </p>

                </div>

            </div>

        </div>

    </div>

</section>

{{-- EXECUTIVE LEADERSHIP --}}
<section class="py-24 bg-white">

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

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

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

            <p class="mt-4 text-lg text-gray-600">
                Driving implementation, partnerships and organizational performance.
            </p>

        </div>

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

            <div class="bg-white rounded-xl shadow overflow-hidden">

                <img src="/images/team/executive-director.jpg"
                     alt="Executive Director"
                     class="w-full h-72 object-cover">

                <div class="p-6">

                    <h3 class="font-bold text-xl">
                        Executive Director
                    </h3>

                    <p class="mt-2">
                        Provides overall organizational leadership, strategic direction, partnership development and institutional growth.
                    </p>

                </div>

            </div>
                        <div class="bg-white rounded-xl shadow overflow-hidden">

                <img src="/images/team/programs-manager.jpg"
                     alt="Programs Manager"
                     class="w-full h-72 object-cover">

                <div class="p-6">

                    <h3 class="font-bold text-xl">
                        Programs Manager
                    </h3>

                    <p class="mt-2">
                        Oversees program planning, implementation, monitoring, evaluation and impact reporting across organizational interventions.
                    </p>

                </div>

            </div>

            <div class="bg-white rounded-xl shadow overflow-hidden">

                <img src="/images/team/operations-manager.jpg"
                     alt="Operations Manager"
                     class="w-full h-72 object-cover">

                <div class="p-6">

                    <h3 class="font-bold text-xl">
                        Operations Manager
                    </h3>

                    <p class="mt-2">
                        Leads administration, logistics, systems strengthening, compliance and organizational support functions.
                    </p>

                </div>

            </div>

        </div>

    </div>

</section>

{{-- TECHNICAL EXPERTISE & VOLUNTEER NETWORK --}}
<section class="py-24 bg-green-50">

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

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

            <h2 class="text-4xl font-bold">
                Technical Expertise & Volunteer Network
            </h2>

            <p class="mt-4 text-lg text-gray-700 max-w-4xl mx-auto">
                Our strength is enhanced by a multidisciplinary network of professionals, practitioners, educators and volunteers who contribute their expertise, time and experience to support community development initiatives.
            </p>

        </div>

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

            <div class="border rounded-xl p-8 text-center bg-white">
                Medical Doctors
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Nurses & Midwives
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Laboratory Personnel
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Pharmacists
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Public Health Specialists
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Educators & Trainers
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Community Mobilizers
            </div>

            <div class="border rounded-xl p-8 text-center bg-white">
                Development Practitioners
            </div>

        </div>

    </div>

</section>

{{-- ORGANIZATIONAL CAPACITY --}}
<section class="py-24 bg-white">

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

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

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

            <p class="mt-4 text-lg text-gray-600">
                Building systems, partnerships and human resources capable of delivering sustainable impact.
            </p>

        </div>

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

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

                <h3 class="text-5xl font-bold text-green-700">
                    43
                </h3>

                <p class="mt-3">
                    Skilled Volunteers
                </p>

            </div>

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

                <h3 class="text-5xl font-bold text-green-700">
                    4
                </h3>

                <p class="mt-3">
                    Strategic Program Areas
                </p>

            </div>

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

                <h3 class="text-5xl font-bold text-green-700">
                    100%
                </h3>

                <p class="mt-3">
                    Community-Centered Approach
                </p>

            </div>

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

                <h3 class="text-5xl font-bold text-green-700">
                    1
                </h3>

                <p class="mt-3">
                    Shared Mission
                </p>

            </div>

        </div>

    </div>

</section>

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

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

        <h2 class="text-4xl font-bold mb-8">
            Working Through Partnerships
        </h2>

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

            Sustainable community transformation requires collaboration. Our leadership works closely with government institutions, healthcare providers, civil society organizations, academic institutions, volunteers, development partners and communities to create shared solutions that address local challenges and expand opportunities.

        </p>

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

            Through strategic partnerships, we strengthen service delivery, mobilize resources, share expertise and increase the long-term impact of our programs.

        </p>

    </div>

</section>

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

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

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

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

            Our leadership and governance structures support programs aligned with community priorities, Uganda's national development aspirations, the Sustainable Development Goals (SDGs) and Agenda 2063: The Africa We Want.

        </p>

    </div>

</section>

@include('website.partials.cta-partnership')

@endsection