@props(['title'])
<section class="bg-stone-50">
    <div class="mx-auto max-w-7xl px-4 py-20 sm:px-6 lg:px-8">
        <div class="mx-auto max-w-2xl text-center reveal">
            <h2 class="text-3xl font-bold tracking-tight text-stone-900 sm:text-4xl">{{ $title }}</h2>
            @isset($description)
                <p class="mt-4 text-lg leading-relaxed text-stone-600">{{ $description }}</p>
            @endisset
        </div>
        <div class="mt-14">
            {{ $slot }}
        </div>
    </div>
</section>