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..9161ba2
--- /dev/null
+++ b/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>
+    </>
+  );
+}
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' },
 ];