diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 48b6881..0f1deef 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -7,9 +7,8 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="medium">
       <NavbarLayoutFloatingOverlay
-          brandName="Webild"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
@@ -17,12 +16,13 @@ export default function ContactPage() {
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/contact" }}
         />
         <ContactCenter
             title="Contact Us"
             description="Get in touch for your next project."
             tag="Get in Touch"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
         <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }]} />
     </ThemeProvider>