src/app/pricing/page.tsx

@@ -22,16 +22,18 @@ export default function PricingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
-            { name: "Services", id: "services" },
-            { name: "Pricing", id: "pricing" },
-            { name: "Contact", id: "contact" },
-          ]}
-          brandName="SPA & Massage"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="SPA & Massage"
+          />
+        </div>
 
         <div id="pricing" data-section="pricing">
           <PricingCardNine
@@ -55,14 +57,17 @@ export default function PricingPage() {
             description="Fill out the request form and our concierge will reach out to confirm your date and time."
             buttons={[{ text: "Submit Booking Request" }]}
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
 
-        <FooterLogoReveal
-          logoText="SPA & Massage"
-          leftLink={{ text: "Terms of Service", href: "#" }}
-          rightLink={{ text: "Privacy Policy", href: "#" }}
-        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="SPA & Massage"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );