From d9124eb9dcb02e9cdee353faa339337054076193 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 10:58:21 +0000
Subject: [PATCH] Update src/app/help/page.tsx

---
 src/app/help/page.tsx | 68 +++++++++++++++++++++++--------------------
 1 file changed, 37 insertions(+), 31 deletions(-)

diff --git a/src/app/help/page.tsx b/src/app/help/page.tsx
index 2a0ab4f..b6a23b9 100644
--- a/src/app/help/page.tsx
+++ b/src/app/help/page.tsx
@@ -8,41 +8,47 @@ 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>
-        <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Collections", id: "/collections" },
-            { name: "Gallery", id: "/gallery" },
-            { name: "Custom Orders", id: "/custom" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" },
-            { name: "Help", id: "/help" }
-          ]}
-          brandName="EverBloom Bridal"
-        />
-        <LegalSection
-          layout="page"
-          title="How to Manage Your Experience"
-          sections={[
-            {
-              heading: "Uploading Images",              content: { type: "paragraph", text: "You can update your floral gallery by selecting the product or testimonial section in our editor. Simply upload your high-resolution image files directly to the image source field in the component settings." }
-            },
-            {
-              heading: "Editing Prices",              content: { type: "paragraph", text: "Prices can be managed within the Pricing or Product section settings. Locate the 'plans' or 'products' array, modify the 'price' field for each item, and save changes." }
-            },
-            {
-              heading: "Managing Content",              content: { type: "paragraph", text: "All text content, including titles, descriptions, and feature lists, can be edited directly in the component prop fields within the editor interface. Changes reflect instantly on your site." }
-            }
-          ]}
-        />
-        <FooterLogoEmphasis
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Collections", id: "/collections" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Custom Orders", id: "/custom" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+              { name: "Help", id: "/help" }
+            ]}
+            brandName="EverBloom Bridal"
+          />
+        </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="page"
+            title="How to Manage Your Experience"
+            sections={[
+              {
+                heading: "Uploading Images",                content: { type: "paragraph", text: "You can update your floral gallery by selecting the product or testimonial section in our editor. Simply upload your high-resolution image files directly to the image source field in the component settings." }
+              },
+              {
+                heading: "Editing Prices",                content: { type: "paragraph", text: "Prices can be managed within the Pricing or Product section settings. Locate the 'plans' or 'products' array, modify the 'price' field for each item, and save changes." }
+              },
+              {
+                heading: "Managing Content",                content: { type: "paragraph", text: "All text content, including titles, descriptions, and feature lists, can be edited directly in the component prop fields within the editor interface. Changes reflect instantly on your site." }
+              }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
             logoText="EverBloom Bridal"
             columns={[
-                { items: [{ label: "Home", href: "/" }, { label: "Collections", href: "/collections" }] }
+              { items: [{ label: "Home", href: "/" }, { label: "Collections", href: "/collections" }] }
             ]}
-        />
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );