export default function CTA() {
  return (
    <section className="bg-primary text-white py-20 md:py-28 relative overflow-hidden">
      {/* Background decorative elements */}
      <div className="absolute inset-0 opacity-10">
        <div className="absolute top-10 right-10 w-48 h-48 bg-white rounded-full blur-3xl"></div>
        <div className="absolute bottom-10 left-10 w-64 h-64 bg-white rounded-full blur-3xl"></div>
      </div>

      <div className="max-w-7xl mx-auto px-6 text-center relative z-10">
        <div className="space-y-6 animate-slideDown">
          <h2 className="text-5xl md:text-6xl font-black leading-tight">
            Ready to Protect <span className="text-yellow-200">Your Legacy?</span>
          </h2>
          <p className="text-lg md:text-xl opacity-95 max-w-2xl mx-auto leading-relaxed font-medium">
            Join thousands of families who have learned to safeguard their future through our expert-led webinars. Take control today.
          </p>
          
          <div className="flex flex-col sm:flex-row gap-4 justify-center pt-4">
            <a
              href="/webinars"
              className="inline-flex items-center justify-center gap-2 rounded-xl px-8 py-4 text-lg font-bold bg-white text-primary shadow-lg shadow-black/20 border border-white/70 transition-all duration-300 hover:-translate-y-1 hover:bg-white/90"
            >
              🚀 Browse Free Webinars
            </a>
            <a
              href="/contact"
              className="inline-flex items-center justify-center gap-2 rounded-xl px-8 py-4 text-lg font-bold border-2 border-white/70 text-white bg-white/10 backdrop-blur-sm transition-all duration-300 hover:bg-white/20 hover:-translate-y-1"
            >
              📧 Contact Our Experts
            </a>
          </div>

          {/* Trust badge */}
          <div className="pt-6 flex items-center justify-center gap-4 flex-wrap text-sm font-semibold">
            <span className="bg-white/15 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">✅ 15,000+ Students</span>
            <span className="bg-white/15 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">⭐ 4.9/5 Rating</span>
            <span className="bg-white/15 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">🎓 100% Free Options</span>
          </div>
        </div>
      </div>
    </section>
  );
}