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

<div class="{{ $center ? 'text-center' : '' }} mb-16">

    <h2 class="text-4xl md:text-5xl font-bold">

        {{ $title }}

    </h2>

    @if($subtitle)

        <p class="mt-6 text-lg text-gray-600 max-w-4xl {{ $center ? 'mx-auto' : '' }}">

            {{ $subtitle }}

        </p>

    @endif

</div>