src/app/contact/page.tsx

@@ -21,16 +21,18 @@ export default function ContactPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Experience", id: "/experience" },
-            { name: "Menu", id: "/menu" },
-            { name: "Reviews", id: "/reviews" },
-            { name: "Contact", id: "/contact" },
-            { name: "Book Now", id: "/booking" }
-          ]}
-          brandName="Kyalami Shisanyama"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Experience", id: "/experience" },
+              { name: "Menu", id: "/menu" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+              { name: "Book Now", id: "/booking" }
+            ]}
+            brandName="Kyalami Shisanyama"
+          />
+        </div>
 
         <div className="pt-32 pb-20">
           <ContactSplit
@@ -38,16 +40,19 @@ export default function ContactPage() {
             title="Find Your Way"
             description="We are located in the heart of Johannesburg. Use the map below to navigate to our premium shisanyama destination."
             background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
             imageSrc="https://maps.googleapis.com/maps/api/staticmap?center=Johannesburg,SouthAfrica&zoom=14&size=600x400&markers=color:red%7CJohannesburg,SouthAfrica"
             mediaPosition="right"
           />
         </div>
 
-        <FooterLogoReveal
-          logoText="Kyalami Shisanyama"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "© 2026 All Rights Reserved", href: "#" }}
-        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Kyalami Shisanyama"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "© 2026 All Rights Reserved", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/menu/page.tsx

@@ -41,6 +41,7 @@ export default function MenuPage() {
               animationType="slide-up"
               textboxLayout="split"
               gridVariant="one-large-left-three-stacked-right"
+              useInvertedBackground={false}
               products={[
                 { id: "p1", name: "Signature Lamb Platter", price: "R550", imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-cutting-grilled-beef-steak-chopping-board-with-knife-fork_23-2147840988.jpg" },
                 { id: "p2", name: "Shisanyama Mix Grill", price: "R420", imageSrc: "http://img.b2bpic.net/free-photo/sliced-grilled-steak-wooden-board-eggplant-potato-bel-pepper-top-view_141793-4147.jpg" },