From 062de06b2c1aa51053e1ec69d2093eb41a027147 Mon Sep 17 00:00:00 2001 From: root Date: Thu, 4 Dec 2025 14:51:11 +0100 Subject: [PATCH] feat: Erfolgs-Modal nach Zahlung + Redirect MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Zeigt Bestätigungsnachricht nach erfolgreicher Zahlung - Payment Links mit Redirect zur Startseite - Links öffnen im selben Tab 🤖 Generated with Claude Code Co-Authored-By: Claude --- src/App.tsx | 44 +++++++++++++++++++++++++++++++++++--------- 1 file changed, 35 insertions(+), 9 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 8f87e13..50648a8 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -29,6 +29,17 @@ function useScrollAnimation() { function App() { const [activeTestimonial, setActiveTestimonial] = useState(0); const [openFaq, setOpenFaq] = useState(null); + const [showSuccess, setShowSuccess] = useState(false); + + // Check for successful payment redirect + useEffect(() => { + const params = new URLSearchParams(window.location.search); + if (params.get('success') === 'true') { + setShowSuccess(true); + // Remove query param from URL + window.history.replaceState({}, '', window.location.pathname); + } + }, []); // Scroll animation refs const problemSection = useScrollAnimation(); @@ -68,6 +79,27 @@ function App() { return (
+ {/* SUCCESS MODAL */} + {showSuccess && ( +
+
+
+ +
+

Buchung erfolgreich!

+

+ Vielen Dank für Ihre Buchung. Sie erhalten in Kürze eine Bestätigungs-E-Mail mit allen Details zu Ihrer SunHouse-Führung. +

+ +
+
+ )} + {/* SECTION 1: HERO */}