Bob AI: Add success page

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>
   );

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" },
+
 
 
 ];

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>
+  );
+}

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' },
 ];