From ab2e64435e96c592058453364b601aa0392a6671 Mon Sep 17 00:00:00 2001
From: Rodribm10 <rodribm10@gmail.com>
Date: Mon, 13 Apr 2026 23:59:26 -0300
Subject: [PATCH] feat: SuccessScreen apos pagamento confirmado

---
 src/components/checkout/SuccessScreen.tsx | 27 +++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/checkout/SuccessScreen.tsx

diff --git a/src/components/checkout/SuccessScreen.tsx b/src/components/checkout/SuccessScreen.tsx
new file mode 100644
index 0000000..5c83e3c
--- /dev/null
+++ b/src/components/checkout/SuccessScreen.tsx
@@ -0,0 +1,27 @@
+import { Button } from '@/components/ui/button'
+
+interface Props {
+  onRestart: () => void
+}
+
+export function SuccessScreen({ onRestart }: Props) {
+  return (
+    <section className="mx-auto max-w-md text-center space-y-6 rounded-2xl border border-emerald/40 bg-emerald/10 p-10 backdrop-blur">
+      <div className="mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-emerald text-obsidian text-4xl font-bold">
+        ✓
+      </div>
+
+      <h2 className="font-serif text-3xl text-ivory">Reserva confirmada!</h2>
+
+      <p className="text-slate">
+        O pagamento caiu e sua reserva já está registrada.
+        <br />
+        Nossa atendente foi avisada e vai confirmar os próximos passos pelo WhatsApp.
+      </p>
+
+      <Button variant="primary" size="md" onClick={onRestart} className="w-full">
+        Fazer outra reserva
+      </Button>
+    </section>
+  )
+}