@props([
    'title' => null,
    'subtitle' => null,
])

<section {{ $attributes->merge(['class' => 'py-16 sm:py-20']) }}>
    <div class="mx-auto w-full max-w-6xl px-6">
        @if ($title)
            <div class="mb-10 max-w-3xl reveal" data-reveal>
                <h2 class="text-3xl font-semibold tracking-tight text-slate-900 sm:text-4xl">
                    {{ $title }}
                </h2>
                @if ($subtitle)
                    <p class="mt-3 text-base text-slate-600 sm:text-lg">
                        {{ $subtitle }}
                    </p>
                @endif
            </div>
        @endif

        {{ $slot }}
    </div>
</section>