import Link from "next/link";

export default function SuccessPage() {
  return (
    <div className="min-h-screen bg-[#5e4a8a] flex items-center justify-center p-4">
      <div className="max-w-md w-full text-center">
        <div className="text-6xl mb-6">✅</div>
        <h1 className="text-3xl font-bold text-white mb-4">¡Pago Exitoso!</h1>
        <p className="text-white/80 mb-8">
          Thank you for your payment. We&apos;ve received your order and will contact you shortly to start setting up your AI solution.
        </p>
        <div className="bg-white/10 rounded-xl p-6 mb-8">
          <h2 className="text-lg font-semibold text-white mb-2">What happens next?</h2>
          <ul className="text-left text-white/70 space-y-2 text-sm">
            <li>✓ You&apos;ll receive a confirmation email</li>
            <li>✓ Our team will contact you within 24 hours</li>
            <li>✓ We&apos;ll schedule your onboarding call</li>
            <li>✓ Your AI solution will be live within 48 hours</li>
          </ul>
        </div>
        <Link
          href="/"
          className="inline-block px-6 py-3 bg-brand-pink rounded-lg font-semibold text-white hover:bg-[#ff7bc0] transition"
        >
          Back to Home
        </Link>
      </div>
    </div>
  );
}