Merge version_2 into main

Merge version_2 into main

src/app/help/page.tsx

@@ -10,18 +10,27 @@ export default function HelpPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
         borderRadius="pill"
         contentWidth="mediumSmall"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Products", id: "/#products" },
-            { name: "Help", id: "/help" },
-          ]}
-          brandName="Aarav Faucets"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/#products" },
+              { name: "Help", id: "/help" },
+            ]}
+            brandName="Aarav Faucets"
+          />
+        </div>
         
         <div className="pt-32 pb-20 px-6">
           <h1 className="text-4xl font-bold mb-8">Customer Support</h1>
@@ -35,16 +44,21 @@ export default function HelpPage() {
           </div>
         </div>
 
-        <ContactText 
-            text="Still have questions? Reach out anytime."
-            background={{ variant: "plain" }}
-        />
+        <div id="contact" data-section="contact">
+          <ContactText 
+              text="Still have questions? Reach out anytime."
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+          />
+        </div>
 
-        <FooterLogoReveal
-          logoText="Aarav Faucets & Bath Fittings"
-          leftLink={{ text: "© 2024 Aarav", href: "#" }}
-          rightLink={{ text: "Privacy Policy", href: "#" }}
-        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Aarav Faucets & Bath Fittings"
+            leftLink={{ text: "© 2024 Aarav", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );