@extends('layouts.website')

@section('title', 'Contact Us')

@section('content')

<x-website.page-header
    title="Contact Us"
    subtitle="Connect with {{ config('organization.short_name') }} for partnerships, volunteering, donations, programs and community engagement." />

<x-website.contact-overview />

<section class="py-24 bg-gray-50">
    <div class="max-w-7xl mx-auto px-6">
        <div class="grid lg:grid-cols-3 gap-10">

            <div class="lg:col-span-2">
                <x-website.contact-form />
            </div>

            <div>
                <x-website.quick-contacts />
            </div>

        </div>
    </div>
</section>

<x-website.cta-contact />

<x-website.location-section />

@endsection