import Link from "next/link"
import { Button } from "@/components/ui/button"

export const metadata = { title: "Commande confirmée" }

export default function CheckoutSuccessPage() {
  return (
    <div className="mx-auto max-w-2xl px-4 py-32 text-center">
      <div className="w-16 h-16 border border-[var(--accent)] flex items-center justify-center mx-auto mb-8">
        <span className="text-[var(--accent)] text-2xl">✓</span>
      </div>
      <h1 className="text-3xl font-heading font-bold uppercase tracking-tight text-[var(--text)] mb-4">
        Commande confirmée
      </h1>
      <p className="text-[var(--text-secondary)] mb-4">
        Merci pour ta commande. Un email de confirmation t&rsquo;a été envoyé.
      </p>
      <p className="font-mono text-xs text-[var(--text-muted)] uppercase tracking-widest mb-12">
        Livraison sous 5-7 jours ouvrables
      </p>
      <div className="flex flex-col sm:flex-row justify-center gap-4">
        <Button asChild variant="outline">
          <Link href="/account/orders">Voir mes commandes</Link>
        </Button>
        <Button asChild>
          <Link href="/shop">Continuer mes achats</Link>
        </Button>
      </div>
    </div>
  )
}