diff --git a/src/app/products/[id]/page.tsx b/src/app/products/[id]/page.tsx
index 596c2c9..70f6406 100644
--- a/src/app/products/[id]/page.tsx
+++ b/src/app/products/[id]/page.tsx
@@ -23,13 +23,15 @@ export default function ProductDetailTemplate() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-        <NavbarStyleApple
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Shop", id: "/#products" },
-          ]}
-          brandName="LUXE SELECT"
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/#products" },
+            ]}
+            brandName="LUXE SELECT"
+          />
+        </div>
         
         <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
           <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
@@ -50,13 +52,16 @@ export default function ProductDetailTemplate() {
           </div>
         </main>
 
-        <FooterSimple
-          columns={[
-            { title: "Shop", items: [{ label: "All Products", href: "/#products" }] },
-            { title: "Support", items: [{ label: "FAQ", href: "/#faq" }] },
-          ]}
-          bottomLeftText="© 2024 Luxe Select Inc."
-        />
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Shop", items: [{ label: "All Products", href: "/#products" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "/#faq" }] },
+            ]}
+            bottomLeftText="© 2024 Luxe Select Inc."
+            bottomRightText="All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );