Merge version_5 into main

Merge version_5 into main

src/app/product-detail/page.tsx

@@ -22,16 +22,18 @@ export default function ProductDetailPage() {
       headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Gallery", id: "/#products" },
-            { name: "Product", id: "/product-detail" },
-            { name: "Contact", id: "/#contact" },
-          ]}
-          brandName="Wall Perspective"
-        />
-        <div id="related">
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Gallery", id: "/#products" },
+              { name: "Product", id: "/product-detail" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Wall Perspective"
+          />
+        </div>
+        <div id="related" data-section="related">
              <ProductCardFour 
                 title="Related Products" 
                 gridVariant="uniform-all-items-equal" 
@@ -41,7 +43,7 @@ export default function ProductDetailPage() {
                 description="Explore more luxury art prints for your collection."
              />
         </div>
-        <div id="testimonials">
+        <div id="testimonials" data-section="testimonials">
              <TestimonialCardThirteen 
                 title="Client Testimonials" 
                 showRating={true} 
@@ -55,7 +57,14 @@ export default function ProductDetailPage() {
                 description="Hear what our clients have to say about our art."
              />
         </div>
-        <FooterLogoEmphasis columns={[]} logoText="Wall Perspective" leftLink={{ text: "Privacy", href: "/privacy" }} rightLink={{ text: "Terms", href: "/terms" }} />
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis 
+            logoText="Wall Perspective" 
+            columns={[
+              { items: [{ label: "Privacy", href: "/privacy" }, { label: "Terms", href: "/terms" }] }
+            ]} 
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );