Update src/app/shop/page.tsx

This commit is contained in:
2026-02-24 07:46:01 +00:00
parent 901183f368
commit 52d4d49911

View File

@@ -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"