import { ArrowRight, Sparkles } from 'lucide-react';

export default function CTA() {
  return (
    <section className="py-24 relative overflow-hidden bg-indigo-950">
      <div className="absolute inset-0 bg-gradient-to-tr from-pink-600/20 to-violet-600/20 mix-blend-overlay" />
      <div className="absolute -top-40 -right-40 w-[600px] h-[600px] bg-pink-500/20 blur-[100px] rounded-full pointer-events-none" />
      <div className="absolute -bottom-40 -left-40 w-[600px] h-[600px] bg-violet-500/20 blur-[100px] rounded-full pointer-events-none" />
      
      <div className="container mx-auto px-6 max-w-4xl relative z-10 text-center">
        <h2 className="text-4xl md:text-6xl font-display font-bold text-white mb-8">
          Pronta para fazer a melhor <br className="hidden md:block"/> festa do seu filho?
        </h2>
        
        <p className="text-xl text-indigo-200 font-medium mb-10 max-w-2xl mx-auto">
          Tire a ideia do papel hoje mesmo. Com Inteligência Artificial, sua festa sairá da imaginação direto para a sua casa em poucos minutos.
        </p>

        <div className="flex flex-col items-center justify-center gap-6">
          <a 
            href="#oferta" 
            onClick={() => {
              if (typeof window !== 'undefined' && 'fbq' in window) {
                (window as any).fbq('track', 'InitiateCheckout');
              }
            }}
            className="h-16 px-12 rounded-full bg-gradient-to-r from-pink-500 to-violet-500 text-white font-bold text-xl flex items-center justify-center gap-3 hover:scale-105 transition-all shadow-[0_0_40px_rgba(236,72,153,0.5)]"
          >
            Criar Minha Festa Agora <Sparkles className="w-5 h-5 animate-pulse" />
          </a>
          <span className="text-indigo-300 font-medium text-sm">
            Pagamento 100% Seguro. Acesso Imediato.
          </span>
        </div>
      </div>
    </section>
  );
}
