Update src/app/contact-us/page.tsx

src/app/contact-us/page.tsx

@@ -8,25 +8,28 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactUsPage() {
   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>
-        <NavbarLayoutFloatingOverlay
-          brandName="Epicure Buffet"
-          navItems={[
-            { name: "Menu", id: "/ #menu" },
-            { name: "Pricing", id: "/ #pricing" },
-            { name: "Our Story", id: "/our-story" },
-            { name: "Careers", id: "/careers" },
-            { name: "Contact Us", id: "/contact-us" },
-          ]}
-          button={{ text: "Book Now", href: "/ #contact" }}
-        />
-        <div className="pt-32 pb-20">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Epicure Buffet"
+            navItems={[
+              { name: "Menu", id: "/ #menu" },
+              { name: "Pricing", id: "/ #pricing" },
+              { name: "Our Story", id: "/our-story" },
+              { name: "Careers", id: "/careers" },
+              { name: "Contact Us", id: "/contact-us" },
+            ]}
+            button={{ text: "Book Now", href: "/ #contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20" id="contact" data-section="contact">
             <ContactSplitForm
                 title="Get in Touch"
                 description="Have a special request or a question about your upcoming reservation? Let us know."
                 inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]} 
                 textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
+                useInvertedBackground={false}
             />
         </div>
         <FooterBase