@extends('layouts.app')

@section('title', 'How We Are Run - CHEER MEDICS FOUNDATION')

@section('content')
<!-- HOW WE RUN 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">How We Are Run</h1><p class="text-2xl max-w-4xl mx-auto">Governance and organizational structure</p></div></section>
    <section class="py-20 bg-white">
        <div class="max-w-7xl mx-auto px-4">
            <div class="gradient-primary rounded-3xl p-12 mb-16"><h2 class="text-4xl font-black text-white mb-8">Organizational Structure</h2><p class="text-xl text-white/90 leading-relaxed mb-10">CHEER MEDICS FOUNDATION is governed by a dedicated board of directors who oversee strategic direction and ensure accountability. Our operational team works closely with volunteers, partners, and community stakeholders to deliver impactful programs.</p><div class="grid md:grid-cols-3 gap-8"><div class="bg-white rounded-2xl p-8"><h3 class="text-2xl font-black text-gray-900 mb-3">Board of Directors</h3><p class="text-gray-600">Strategic oversight and governance</p></div><div class="bg-white rounded-2xl p-8"><h3 class="text-2xl font-black text-gray-900 mb-3">Executive Team</h3><p class="text-gray-600">Day-to-day operations and program management</p></div><div class="bg-white rounded-2xl p-8"><h3 class="text-2xl font-black text-gray-900 mb-3">Advisory Council</h3><p class="text-gray-600">Expert guidance on healthcare and education</p></div></div></div>
        </div>
    </section>
</div>
@endsection