festa-magica-ia/src/pages/SuccessPage.tsx

import { CheckCircle } from "lucide-react";
import Footer from "../components/Footer";

export default function SuccessPage() {
  return (
    <div className="min-h-screen bg-pink-50 text-indigo-900 selection:bg-pink-300 font-sans flex flex-col">
      <main className="flex-1 py-12 px-4 md:px-6">
        <div className="max-w-4xl mx-auto space-y-12">
          {/* Success Banner */}
          <section className="text-center bg-white rounded-3xl p-8 md:p-12 shadow-xl border border-pink-100">
            <CheckCircle className="w-20 h-20 text-emerald-500 mx-auto mb-6" />
            <h1 className="text-3xl md:text-5xl font-display font-bold text-indigo-950 mb-4">
              Pagamento Confirmado!
            </h1>
            <p className="text-lg text-indigo-600 md:text-xl max-w-2xl mx-auto">
              Seu acesso à plataforma Festa Mágica IA foi enviado para o seu e-mail. 
              Você já pode começar a criar o seu kit exclusivo!
            </p>
          </section>
        </div>
      </main>
      <Footer />
    </div>
  );
}