diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 7d059af..080f218 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,14 +85,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingOverlay
                         brandName="IndoLor"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Collections", id: "collections" },
                             { name: "Services", id: "services" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Order Now", href: "contact" }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -129,14 +128,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="IndoLor"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Collections", id: "collections" },
                                 { name: "Services", id: "services" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Order Now", href: "contact" }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -180,14 +178,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                 <NavbarLayoutFloatingOverlay
                     brandName="IndoLor"
                     navItems={[
-                        { name: "Home", id: "/" },
+                        { name: "Home", id: "hero" },
                         { name: "About", id: "about" },
                         { name: "Collections", id: "collections" },
                         { name: "Services", id: "services" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    button={{ text: "Order Now", href: "contact" }}
                 />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">