<div class="bg-slate-900 py-16 sm:py-20 relative overflow-hidden">
    <!-- Decorative gradient background -->
    <div class="absolute inset-0 bg-gradient-to-r from-teal-900/40 to-slate-900/90 z-0"></div>
    
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center">
        <h2 class="text-3xl font-extrabold text-white sm:text-4xl">Ready to take the next step?</h2>
        <p class="mt-4 text-xl text-teal-100 max-w-2xl mx-auto">
            Whether you need a routine check-up, specialized surgery, or fertility guidance, we are here to provide world-class care.
        </p>
        <div class="mt-8 flex justify-center gap-4">
            <a href="<?php echo e(route('appointment')); ?>" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-full text-white bg-teal-600 hover:bg-teal-500 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
                Book an Appointment
            </a>
            <a href="<?php echo e(route('contact')); ?>" class="inline-flex items-center justify-center px-8 py-3 border-2 border-teal-500/50 text-base font-medium rounded-full text-teal-100 hover:text-white hover:bg-teal-800/50 hover:border-teal-400 transition-all duration-300 transform hover:-translate-y-1">
                Contact Us
            </a>
        </div>
    </div>
</div>
<?php /**PATH /Users/sumankc/Desktop/ Websites/Dr Rajan/resources/views/components/about/cta-banner.blade.php ENDPATH**/ ?>