diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 89e3162..a1a7c59 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -10,6 +10,7 @@ import ProductCart from "@/components/ecommerce/cart/ProductCart";
 import { useProductDetail } from "@/hooks/useProductDetail";
 import { useCart } from "@/hooks/useCart";
 import { useCheckout } from "@/hooks/useCheckout";
+import Link from 'next/link';
 
 interface ProductPageProps {
     params: Promise<{ id: string }>;
@@ -76,18 +77,21 @@ function ProductPageContent({ params }: ProductPageProps) {
     const navItems = [
         { name: "Home", id: "/" },
         { name: "Shop", id: "/shop" },
+        { name: "Blog", id: "/blog" },
     ];
 
     const navbarComponent = (
-        <div id="navbar" data-section="navbar">
+        <div id="nav" data-section="nav">
             <NavbarStyleFullscreen
                 navItems={navItems}
                 brandName="Bamboleya"
                 bottomLeftText="Global Community"
                 bottomRightText="hello@example.com"
                 topBarClassName=""
-                button={{ text: "Cart", onClick: () => setCartOpen(true) }}
             />
+            <button onClick={() => setCartOpen(true)} className="fixed top-6 right-6 z-[101] px-4 py-2 bg-primary text-primary-foreground rounded-md transition-transform hover:scale-105">
+                Cart ({cartItems.length})
+            </button>
         </div>
     );