@props(['title', 'description' => ''])

<div class="hero mb-3 lg:mb-4">
    <h1 class="text-lg leading-6 md:text-xl md:leading-7 xl:text-2xl xl:leading-8 font-semibold text-gray-800">{{ $title }}</h1>
    @if (!empty($description))
        <p class="text-sm text-gray-500">{{ $description }}</p>
    @endif
</div>