From 52d4d49911069dee104d6edf42ca4af4ea68943e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Feb 2026 07:46:01 +0000
Subject: [PATCH] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index f2436e2..88bfc67 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -7,6 +7,17 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
 import { useProductCatalog } from "@/hooks/useProductCatalog";
 
+// Define common navigation items for sub-pages to maintain consistency
+const ALL_NAV_ITEMS_SUB_PAGES = [
+    { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
+    { name: "Shop", id: "/shop" },
+    { name: "Blog", id: "/blog" },
+    { name: "About", id: "/#about" },
+    { name: "Testimonials", id: "/#testimonials" },
+    { name: "FAQs", id: "/#faqs" }
+];
+
 function ShopPageContent() {
     const {
         products,
@@ -31,11 +42,11 @@ function ShopPageContent() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarLayoutFloatingInline
                             brandName="Nano Mango"
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
-                            button={{ text: "Shop Now" }}
+                            navItems={ALL_NAV_ITEMS_SUB_PAGES}
+                            button={{ text: "Shop Now", href: "/products" }}
                             buttonClassName="shadow-lg"
                             navItemClassName="text-foreground/80 hover:text-foreground"
                             className="backdrop-blur-sm bg-card/70"
@@ -65,11 +76,11 @@ function ShopPageContent() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         brandName="Nano Mango"
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
-                        button={{ text: "Shop Now" }}
+                        navItems={ALL_NAV_ITEMS_SUB_PAGES}
+                        button={{ text: "Shop Now", href: "/products" }}
                         buttonClassName="shadow-lg"
                         navItemClassName="text-foreground/80 hover:text-foreground"
                         className="backdrop-blur-sm bg-card/70"