From c492be128a3c226b5a9fae1b60099557c04b66a4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Feb 2026 11:43:57 +0000
Subject: [PATCH] Update src/app/shop/[id]/page.tsx

---
 src/app/shop/[id]/page.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 8251649..66d1c7e 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -13,6 +13,7 @@ import { useCheckout } from "@/hooks/useCheckout";
 // New imports for Navbar and Footer
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import Link from "next/link";
 
 interface ProductPageProps {
     params: Promise<{ id: string }>;
@@ -91,7 +92,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             { name: "Shop", id: "/shop" },
             { name: "Donate", id: "/donate" },
             { name: "Blog", id: "/blog" }
-        ],
+        ].map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`})),
         brandName: "Hope Haven",        className: "py-4",        button: { text: "Cart", onClick: () => setCartOpen(true) }
     };
 
@@ -109,7 +110,7 @@ export default function ProductPage({ params }: ProductPageProps) {
         return (
             <ThemeProvider {...themeProps}>
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered {...navbarProps} />
                     </div>
                     <div id="loading-state" data-section="loading-state">
@@ -129,7 +130,7 @@ export default function ProductPage({ params }: ProductPageProps) {
         return (
             <ThemeProvider {...themeProps}>
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleCentered {...navbarProps} />
                     </div>
                     <div id="not-found-state" data-section="not-found-state">
@@ -156,7 +157,7 @@ export default function ProductPage({ params }: ProductPageProps) {
     return (
         <ThemeProvider {...themeProps}>
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleCentered {...navbarProps} />
                 </div>
                 <div id="product-detail-card" data-section="product-detail-card">