diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index e830705..bc7c3ba 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -9,18 +9,18 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
-    { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
-    { name: "Contact", id: "/contact" },
+    { name: "Features", id: "features" },
+    { name: "How It Works", id: "product" },
+    { name: "Pricing", id: "pricing" },
+    { name: "FAQ", id: "faq" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
       title: "Product",      items: [
-        { label: "Features", href: "/features" },
-        { label: "Pricing", href: "/pricing" },
+        { label: "Features", href: "features" },
+        { label: "Pricing", href: "pricing" },
         { label: "Security", href: "#" },
         { label: "Integrations", href: "#" },
       ],
@@ -30,13 +30,13 @@ export default function ContactPage() {
         { label: "Documentation", href: "#" },
         { label: "API Reference", href: "#" },
         { label: "Blog", href: "#" },
-        { label: "Support", href: "/contact" },
+        { label: "Support", href: "contact" },
       ],
     },
     {
       title: "Company",      items: [
         { label: "About Us", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "contact" },
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
       ],
@@ -45,22 +45,22 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="aurora"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Report Desk"
           navItems={navItems}
-          button={{ text: "Start Your Free Pilot", href: "/contact" }}
+          button={{ text: "Start Your Free Pilot", href: "#contact" }}
         />
       </div>
 
@@ -94,7 +94,7 @@ export default function ContactPage() {
           tag="Get Started"
           title="Start Your Free Pilot Today"
           description="No credit card required. See Report Desk transform your operations in 2 weeks. Schedule a brief demo with our team."
-          background={{ variant: "aurora" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your work email"
           buttonText="Start Free Pilot"
@@ -111,4 +111,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file