<div id="get-started-cta" class="container mx-auto px-6 pt-12 pb-24">
    <div class="relative rounded-3xl overflow-hidden shadow-2xl border border-white/10 group">
        <div class="absolute inset-0 bg-gradient-to-br from-blue-800 via-purple-800 to-fuchsia-900 opacity-80"></div>
        <div class="absolute -top-20 -left-20 w-96 h-96 bg-gradient-radial from-cyan-500/30 to-transparent blur-3xl animate-pulse"></div>
        <div class="absolute -bottom-20 -right-20 w-96 h-96 bg-gradient-radial from-fuchsia-500/30 to-transparent blur-3xl animate-pulse" style="animation-delay: 1s;"></div>
         {{-- Apply hover shadow to inner wrapper --}}
         <div class="gradient-shadow-card">
            <div class="relative px-8 py-16 text-center z-10 scale-on-hover"> {{-- Added scale-on-hover here --}}
                <h2 class="text-4xl font-bold mb-6 text-white text-shadow-md">Ready to Automate Data Extraction?</h2>
                <p class="text-xl text-gray-200 mb-8 max-w-2xl mx-auto text-shadow">
                    Deploy Data Wizard with Docker and start transforming documents in minutes.
                </p>
                <a href="/docs/quick-start" class="inline-block px-8 py-3 bg-white text-purple-900 rounded-lg font-semibold hover:bg-gray-200 transition-colors shadow-lg transform hover:scale-105">
                    Quick Start Guide
                </a>
                 <a href="https://github.com/mateffy/data-wizard" target="_blank" rel="noopener noreferrer" class="ml-4 inline-block px-8 py-3 bg-white/10 backdrop-blur-sm border border-white/20 text-white rounded-lg font-semibold hover:bg-white/20 transition-colors shadow-lg transform hover:scale-105">
                    View on GitHub
                </a>
            </div>
        </div>
    </div>
</div>
