src/app/contact/page.tsx

@@ -21,15 +21,17 @@ export default function ContactPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Collection", id: "/#products" },
-            { name: "About", id: "/#about" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="BLACKSNAKE"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Collection", id: "/#products" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="BLACKSNAKE"
+          />
+        </div>
         
         <div id="contact" data-section="contact">
           <ContactSplitForm
@@ -41,6 +43,7 @@ export default function ContactPage() {
             ]}
             textarea={{ name: "message", placeholder: "Your message for our team..." }}
             buttonText="Send Message"
+            useInvertedBackground={false}
           />
           <div className="container mx-auto py-12 px-6 text-center">
             <p className="text-lg mb-4">Phone: 01116517126</p>
@@ -55,11 +58,13 @@ export default function ContactPage() {
           </div>
         </div>
 
-        <FooterLogoReveal
-          logoText="BLACKSNAKE"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Terms of Service", href: "#" }}
-        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="BLACKSNAKE"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );