From bbf5e28bc12d9ca6c970acdb5a50272acac77f52 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 21:48:26 +0000
Subject: [PATCH 1/2] Bob AI: Add success page

---
 src/App.tsx               |  2 ++
 src/components/Layout.tsx |  2 ++
 src/pages/SuccessPage.tsx | 71 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 76 insertions(+)
 create mode 100644 src/pages/SuccessPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index a3c990b..cd68efa 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage';
 
 import VorOrtServicePage from "@/pages/VorOrtServicePage";
 import AboutPage from "@/pages/AboutPage";
+import SuccessPage from "@/pages/SuccessPage";
 export default function App() {
   return (
     <Routes>
@@ -11,6 +12,7 @@ export default function App() {
         <Route path="/" element={<HomePage />} />
         <Route path="/vor-ort-service" element={<VorOrtServicePage />} />
         <Route path="/about" element={<AboutPage />} />
+        <Route path="/success" element={<SuccessPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index c707380..9284953 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -106,6 +106,8 @@ export default function Layout() {
   },
   { name: "Vor Ort Service", href: "/vor-ort-service" },
   { name: "About", href: "/about" },
+  { name: "Success", href: "/success" },
+
 
 
 ];
diff --git a/src/pages/SuccessPage.tsx b/src/pages/SuccessPage.tsx
new file mode 100644
index 0000000..7114292
--- /dev/null
+++ b/src/pages/SuccessPage.tsx
@@ -0,0 +1,71 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import Button from "@/components/ui/Button";
+
+export default function SuccessPage() {
+  return (
+    <div className="min-h-screen flex flex-col bg-background selection:bg-primary-cta/20">
+      <NavbarCentered
+        logo="RojTec"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Kontakt", href: "/contact" }}
+      />
+
+      <main className="flex-1 flex flex-col items-center justify-center px-6 py-24 md:py-32">
+        <ScrollReveal variant="slide-up" className="max-w-2xl mx-auto text-center flex flex-col items-center">
+          
+          <div className="relative w-24 h-24 mb-10 flex items-center justify-center">
+            <div className="absolute inset-0 bg-green-500/20 rounded-full animate-ping opacity-75" style={{ animationDuration: '3s' }}></div>
+            <div className="relative w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center shadow-[0_0_40px_rgba(34,197,94,0.3)] backdrop-blur-sm border border-green-500/30">
+              <span className="text-green-500 text-5xl leading-none select-none">
+                ✔
+              </span>
+            </div>
+          </div>
+
+          <h1 className="text-4xl md:text-5xl font-semibold tracking-tight text-foreground mb-6">
+            Vielen Dank für Ihre Anfrage!
+          </h1>
+
+          <div className="space-y-6 text-lg md:text-xl text-muted-foreground leading-relaxed mb-12">
+            <p>
+              Wir haben Ihre Anfrage erfolgreich erhalten. Unser Team wird diese schnellstmöglich prüfen und sich in Kürze bei Ihnen melden.
+            </p>
+            <p>
+              Vielen Dank für Ihr Vertrauen in RojTec. Wir freuen uns darauf, Ihnen weiterzuhelfen.
+            </p>
+          </div>
+
+          <div className="flex flex-col sm:flex-row items-center justify-center gap-4 w-full sm:w-auto">
+            <Button 
+              text="Zur Startseite" 
+              href="/" 
+              variant="primary" 
+              className="w-full sm:w-auto"
+            />
+            <Button 
+              text="Weitere Anfrage senden" 
+              href="/contact" 
+              variant="secondary" 
+              className="w-full sm:w-auto"
+            />
+          </div>
+
+        </ScrollReveal>
+      </main>
+
+      <FooterSimple
+        brand="RojTec"
+        copyright="© 2024 RojTec. Alle Rechte vorbehalten."
+        columns={[]}
+        links={[
+          { label: "Impressum", href: "/impressum" },
+          { label: "Datenschutz", href: "/datenschutz" }
+        ]}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index b0e82fe..e769859 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -8,4 +8,5 @@ export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/vor-ort-service', label: 'Vor Ort Service', pageFile: 'VorOrtServicePage' },
   { path: '/about', label: 'About', pageFile: 'AboutPage' },
+  { path: '/success', label: 'Success', pageFile: 'SuccessPage' },
 ];

From d6714a1e5ccf99e05754e12872bc17193d651deb Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 22 Jun 2026 21:48:56 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/SuccessPage.tsx (snippet
 builder, 1 sections)

---
 src/pages/SuccessPage.tsx | 70 +++------------------------------------
 1 file changed, 5 insertions(+), 65 deletions(-)

diff --git a/src/pages/SuccessPage.tsx b/src/pages/SuccessPage.tsx
index 7114292..9161ba2 100644
--- a/src/pages/SuccessPage.tsx
+++ b/src/pages/SuccessPage.tsx
@@ -1,71 +1,11 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
 import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
 import Button from "@/components/ui/Button";
 
 export default function SuccessPage() {
   return (
-    <div className="min-h-screen flex flex-col bg-background selection:bg-primary-cta/20">
-      <NavbarCentered
-        logo="RojTec"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Kontakt", href: "/contact" }}
-      />
-
-      <main className="flex-1 flex flex-col items-center justify-center px-6 py-24 md:py-32">
-        <ScrollReveal variant="slide-up" className="max-w-2xl mx-auto text-center flex flex-col items-center">
-          
-          <div className="relative w-24 h-24 mb-10 flex items-center justify-center">
-            <div className="absolute inset-0 bg-green-500/20 rounded-full animate-ping opacity-75" style={{ animationDuration: '3s' }}></div>
-            <div className="relative w-20 h-20 bg-green-500/20 rounded-full flex items-center justify-center shadow-[0_0_40px_rgba(34,197,94,0.3)] backdrop-blur-sm border border-green-500/30">
-              <span className="text-green-500 text-5xl leading-none select-none">
-                ✔
-              </span>
-            </div>
-          </div>
-
-          <h1 className="text-4xl md:text-5xl font-semibold tracking-tight text-foreground mb-6">
-            Vielen Dank für Ihre Anfrage!
-          </h1>
-
-          <div className="space-y-6 text-lg md:text-xl text-muted-foreground leading-relaxed mb-12">
-            <p>
-              Wir haben Ihre Anfrage erfolgreich erhalten. Unser Team wird diese schnellstmöglich prüfen und sich in Kürze bei Ihnen melden.
-            </p>
-            <p>
-              Vielen Dank für Ihr Vertrauen in RojTec. Wir freuen uns darauf, Ihnen weiterzuhelfen.
-            </p>
-          </div>
-
-          <div className="flex flex-col sm:flex-row items-center justify-center gap-4 w-full sm:w-auto">
-            <Button 
-              text="Zur Startseite" 
-              href="/" 
-              variant="primary" 
-              className="w-full sm:w-auto"
-            />
-            <Button 
-              text="Weitere Anfrage senden" 
-              href="/contact" 
-              variant="secondary" 
-              className="w-full sm:w-auto"
-            />
-          </div>
-
-        </ScrollReveal>
-      </main>
-
-      <FooterSimple
-        brand="RojTec"
-        copyright="© 2024 RojTec. Alle Rechte vorbehalten."
-        columns={[]}
-        links={[
-          { label: "Impressum", href: "/impressum" },
-          { label: "Datenschutz", href: "/datenschutz" }
-        ]}
-      />
-    </div>
+    <>
+      <div data-webild-section="ContactCta"><section aria-label="Contact section" className="py-20"><div className="w-content-width mx-auto"><ScrollReveal variant="fade-blur"><div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card"><div className="flex flex-col items-center gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Anfrage erfolgreich</p></div><TextAnimation text="Wir haben Ihre Anfrage erfolgreich erhalten. Unser Team wird diese schnellstmöglich prüfen und sich in Kürze bei Ihnen melden. Vielen Dank für Ihr Vertrauen in RojTec. Wir freuen uns darauf, Ihnen weiterzuhelfen." variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Zur Startseite" href="/" variant="primary" /><Button text="Weitere Anfrage senden" href="/kontakt" variant="secondary" animationDelay={0.1} /></div></div></div></ScrollReveal></div></section></div>
+    </>
   );
-}
\ No newline at end of file
+}