Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -10,9 +10,9 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 export default function ContactPage() {
   const navItems = [
     { name: "Features", id: "/features" },
-    { name: "How It Works", id: "/" },
+    { name: "How It Works", id: "product" },
     { name: "Pricing", id: "/pricing" },
-    { name: "FAQ", id: "/contact" },
+    { name: "FAQ", id: "faq" },
     { name: "Contact", id: "/contact" },
   ];
 
@@ -45,16 +45,16 @@ export default function ContactPage() {
 
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="glass-depth"
-      primaryButtonStyle="gradient"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -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: "plain" }}
+          background={{ variant: "aurora" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your work email"
           buttonText="Start Free Pilot"