diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 359e571..e76f4d0 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,63 +1,57 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
-            { name: "About", id: "about" },
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
-        <ContactSplit
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter
           tag="Contact Us"
-          title="Get in Touch"
-          description="Visit our store at Galeria Klein Center, R. Gen. Osório, 756 - Sala 1, Centro, Ibirubá - RS. You can reach us at (54) 99301-3218 or drop by until 10 p.m."
+          title="Let's Connect"
+          description="We're here to help with your next project."
           background={{ variant: "sparkles-gradient" }}
-          mediaPosition="left"
+          useInvertedBackground={false}
         />
-        <FooterBase
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
             {
               title: "Company",              items: [
-                { label: "About", href: "/#about" },
-                { label: "Services", href: "/#services" },
-                { label: "Work", href: "/#work" },
+                { label: "About", href: "/about" },
                 { label: "Contact", href: "/contact" },
               ],
             },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "#" },
-                { label: "SEO", href: "#" },
-                { label: "Branding", href: "#" },
-                { label: "UI/UX Design", href: "#" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" },
-              ],
-            },
           ]}
         />
-      </ReactLenis>
+      </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file