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,11 @@
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
+import Button from "@/components/ui/Button";
+
+export default function SuccessPage() {
+  return (
+    <>
+      <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>
+    </>
+  );
+}

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