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

<div class="hero mb-3 lg:mb-4">
    <h1 class="text-xl leading-6.5 md:text-2xl md:leading-8.5 xl:text-3xl xl:leading-10 font-bold text-gray-800">{{ $title }}</h1>
    @if(!empty($description))
        <p class="text-sm lg:text-base text-gray-600">{{ $description }}</p>
    @endif
</div>