diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8f0f4ab..fc20e21 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,17 +8,26 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
-            { name: "Services", id: "/" },
-            { name: "About", id: "/" },
-            { name: "Coming Soon", id: "/" },
-            { name: "Sold", id: "/" },
-            { name: "Contact", id: "/contact" },
+            { name: "Home", id: "/" },
+            { name: "Contact", id: "/contact" }
           ]}
           brandName="MaintainPro"
+          button={{ text: "Get Started" }}
         />
         <div className="pt-32 pb-20">
           <ContactSplit
@@ -26,6 +35,7 @@ export default function ContactPage() {
             title="Get in Touch"
             description="We are here to assist with your maintenance needs. Send us a message and our team will get back to you promptly."
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
             mediaAnimation="slide-up"
           />
         </div>