Update src/app/shop/page.tsx
This commit is contained in:
@@ -7,6 +7,17 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
|||||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
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() {
|
function ShopPageContent() {
|
||||||
const {
|
const {
|
||||||
products,
|
products,
|
||||||
@@ -31,11 +42,11 @@ function ShopPageContent() {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Nano Mango"
|
brandName="Nano Mango"
|
||||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
navItems={ALL_NAV_ITEMS_SUB_PAGES}
|
||||||
button={{ text: "Shop Now" }}
|
button={{ text: "Shop Now", href: "/products" }}
|
||||||
buttonClassName="shadow-lg"
|
buttonClassName="shadow-lg"
|
||||||
navItemClassName="text-foreground/80 hover:text-foreground"
|
navItemClassName="text-foreground/80 hover:text-foreground"
|
||||||
className="backdrop-blur-sm bg-card/70"
|
className="backdrop-blur-sm bg-card/70"
|
||||||
@@ -65,11 +76,11 @@ function ShopPageContent() {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
brandName="Nano Mango"
|
brandName="Nano Mango"
|
||||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
navItems={ALL_NAV_ITEMS_SUB_PAGES}
|
||||||
button={{ text: "Shop Now" }}
|
button={{ text: "Shop Now", href: "/products" }}
|
||||||
buttonClassName="shadow-lg"
|
buttonClassName="shadow-lg"
|
||||||
navItemClassName="text-foreground/80 hover:text-foreground"
|
navItemClassName="text-foreground/80 hover:text-foreground"
|
||||||
className="backdrop-blur-sm bg-card/70"
|
className="backdrop-blur-sm bg-card/70"
|
||||||
|
|||||||
Reference in New Issue
Block a user