@props(['title', 'subtitle'])

<div class="text-center mb-12" data-aos="fade-up">
    <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-2">
        <span class="text-yellow-600">{{ $title }}</span>
    </h2>
    <p class="text-gray-600 text-lg max-w-2xl mx-auto">
        {{ $subtitle }}
    </p>
    <div class="w-16 h-1 mx-auto bg-yellow-600 mt-4 rounded"></div>
</div>