diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 1cd8a04..dcd7760 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -21,33 +21,40 @@ export default function ContactPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Courses", id: "/" },
-            { name: "Tools", id: "/" },
-            { name: "About", id: "/" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="GrowthLab"
-          button={{ text: "Start Learning", href: "/" }}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Courses", id: "/" },
+              { name: "Tools", id: "/" },
+              { name: "About", id: "/" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="GrowthLab"
+            button={{ text: "Start Learning", href: "/" }}
+          />
+        </div>
         
-        <ContactSplitForm
-          title="Contact Us"
-          description="We're here to help. Send us your inquiry."
-          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 }}
-        />
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Contact Us"
+            description="We're here to help. Send us your inquiry."
+            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>
         
-        <FooterBaseReveal
-          logoText="GrowthLab"
-          columns={[
-            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
-          ]}
-        />
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="GrowthLab"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );