<section class="relative bg-gradient-to-br from-indigo-900 via-blue-900 to-purple-900 py-16 px-8 text-center">
    <h1 class="text-4xl font-bold text-white mb-6">Your Hero Headline</h1>
    <p class="text-lg text-blue-200 mb-8 max-w-xl mx-auto">Your compelling hero description goes here.</p>
    <div class="flex gap-4 justify-center">
        <a href="#" class="px-8 py-3 bg-blue-600 hover:bg-blue-500 text-white font-semibold rounded-full transition">Get Started</a>
        <a href="#" class="px-8 py-3 border border-white/30 hover:border-white/60 text-white font-semibold rounded-full transition">Learn More</a>
    </div>
</section>