diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 8f79449..81dc736 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -8,13 +8,12 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import { useProductDetail } from "@/hooks/useProductDetail";
 import { DollarSign, Package, CheckCircle } from 'lucide-react';
 
-const navItemsForSubPages = [
+const standardNavItems = [
     { name: "Home", id: "/" },
-    { name: "Products", id: "/products" },
-    { name: "About", id: "/#about" },
+    { name: "Products", id: "/products" },    { name: "About", id: "/#about" },
     { name: "Testimonials", id: "/#testimonials" },
     { name: "FAQs", id: "/#faqs" },
-    { name: "Contact", id: "/#contact" },
+    { name: "Contact", id: "/#contact" }
 ];
 
 interface ProductPageProps {
@@ -44,7 +43,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         brandName="Nano Mango"
-                        navItems={navItemsForSubPages}
+                        navItems={standardNavItems}
                         button={{ text: "Back to Shop", href: "/shop" }}
                         buttonClassName="shadow-lg"
                         navItemClassName="text-foreground/80 hover:text-foreground"
@@ -75,7 +74,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingInline
                         brandName="Nano Mango"
-                        navItems={navItemsForSubPages}
+                        navItems={standardNavItems}
                         button={{ text: "Back to Shop", href: "/shop" }}
                         buttonClassName="shadow-lg"
                         navItemClassName="text-foreground/80 hover:text-foreground"
@@ -113,7 +112,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingInline
                     brandName="Nano Mango"
-                    navItems={navItemsForSubPages}
+                    navItems={standardNavItems}
                     button={{ text: "Back to Shop", href: "/shop" }}
                     buttonClassName="shadow-lg"
                     navItemClassName="text-foreground/80 hover:text-foreground"
@@ -134,7 +133,8 @@ function ProductPageContent({ params }: ProductPageProps) {
                         { title: "SKU", description: meta.sku || 'N/A', icon: Package },
                         { title: "Status", description: meta.inventoryStatus || 'Available', icon: CheckCircle },
                     ]}
-                    buttons={[{ text: "Explore More Products", href: "/shop" }]}
+                    buttons={[{ text: "Explore More Products", href: "/shop" }]
+                    }
                 />
             </div>
         </ThemeProvider>