diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 4c02a5c..97a5603 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -80,7 +80,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarStyleApple
                         brandName="PandaCoffee"
                         navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -111,7 +111,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 headingFontWeight="normal"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleApple
                             brandName="PandaCoffee"
                             navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -149,7 +149,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             headingFontWeight="normal"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                 <NavbarStyleApple
                     brandName="PandaCoffee"
                     navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}