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