@props([
    'title' => 'Ready to Maximize Your Revenue?',
    'description' => 'Partner with DatsCare and experience seamless medical billing, higher collection rates, and reduced claim denials. Get started with a free consultation today.',
])

<section class="hero-gradient text-primary-foreground py-16 lg:py-20">
    <div class="container mx-auto px-4 text-center">
        <h2 class="text-3xl md:text-4xl font-heading font-bold mb-6">{{ $title }}</h2>
        <p class="text-primary-foreground/80 text-lg max-w-2xl mx-auto mb-8">{{ $description }}</p>
        <div class="flex flex-wrap justify-center gap-4">
            <a href="{{ route('frontend.contact') }}" class="btn btn-lg btn-secondary font-semibold px-8">Schedule Free Consultation</a>
            <a href="tel:+18001234567" class="btn btn-lg border border-secondary text-secondary bg-background/80 hover:bg-secondary/10 font-semibold px-8">Call (800) 123-4567</a>
        </div>
    </div>
</section>