Update src/app/help/page.tsx

src/app/help/page.tsx

@@ -8,8 +8,9 @@ import LegalSection from '@/components/legal/LegalSection';
 
 export default function HelpPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
+        <div id="nav" data-section="nav">
           <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "/" },
@@ -22,6 +23,8 @@ export default function HelpPage() {
             ]}
             brandName="EverBloom Bridal"
           />
+        </div>
+        <div id="legal" data-section="legal">
           <LegalSection
             layout="page"
             title="How to Manage Your Experience"
@@ -37,12 +40,15 @@ export default function HelpPage() {
               }
             ]}
           />
+        </div>
+        <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             logoText="EverBloom Bridal"
             columns={[
               { items: [{ label: "Home", href: "/" }, { label: "Collections", href: "/collections" }] }
             ]}
           />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );