From 44c4529b6934aac340d1c9db0a7a332ac9cf38ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Feb 2026 12:21:03 +0000
Subject: [PATCH] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 8fa41ac..b8711b8 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -9,6 +9,7 @@ import { useProductCatalog } from "@/hooks/useProductCatalog";
 import { useCart } from "@/hooks/useCart";
 import { useCheckout } from "@/hooks/useCheckout";
 import ProductCart from "@/components/ecommerce/cart/ProductCart";
+import Link from 'next/link';
 
 function ShopPageContent() {
     const {
@@ -43,6 +44,7 @@ function ShopPageContent() {
     const navItems = [
         { name: "Home", id: "/" },
         { name: "Shop", id: "/shop" },
+        { name: "Blog", id: "/blog" },
     ];
 
     if (isLoading) {
@@ -60,15 +62,17 @@ function ShopPageContent() {
                 headingFontWeight="bold"
             >
                 <ReactLenis root>
-                    <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>
                     <div id="loading-section" data-section="loading-section">
                         <main className="min-h-screen flex items-center justify-center pt-20">
@@ -109,15 +113,17 @@ function ShopPageContent() {
             headingFontWeight="bold"
         >
             <ReactLenis root>
-                <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>
                 <div id="product-catalog" data-section="product-catalog">
                     <ProductCatalog