diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 81d65e2..7943bcf 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -1,4 +1,4 @@
-use client";
+"use client";
 
 import { Suspense, use, useCallback } from "react";
 import { useRouter } from "next/navigation";
@@ -74,6 +74,8 @@ function ProductPageContent({ params }: ProductPageProps) {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
+    const navItems = [{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "About", id: "/about" }];
+
     return (
         <ThemeProvider
             defaultButtonVariant="elastic-effect"
@@ -88,19 +90,10 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="medium"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleApple
-                        navItems={[
-                            { name: "Home", id: "/" },
-                            { name: "Menu", id: "/menu" },
-                            { name: "Peking Duck", id: "/peking-duck" },
-                            { name: "About", id: "/about" },
-                            { name: "Visit", id: "/visit" },
-                            { name: "Order", id: "/order" },
-                            { name: "Shop", id: "/shop" }
-                        ]}
+                        navItems={navItems}
                         brandName="Moys Chinese Restaurant"
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>