Update src/app/shop/page.tsx

This commit is contained in:
2026-02-25 12:21:03 +00:00
parent 577acfee0a
commit 44c4529b69

View File

@@ -9,6 +9,7 @@ import { useProductCatalog } from "@/hooks/useProductCatalog";
import { useCart } from "@/hooks/useCart";
import { useCheckout } from "@/hooks/useCheckout";
import ProductCart from "@/components/ecommerce/cart/ProductCart";
import Link from 'next/link';
function ShopPageContent() {
const {
@@ -43,6 +44,7 @@ function ShopPageContent() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "Blog", id: "/blog" },
];
if (isLoading) {
@@ -60,15 +62,17 @@ function ShopPageContent() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Bamboleya"
bottomLeftText="Global Community"
bottomRightText="hello@example.com"
topBarClassName=""
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
<button onClick={() => setCartOpen(true)} className="fixed top-6 right-6 z-[101] px-4 py-2 bg-primary text-primary-foreground rounded-md transition-transform hover:scale-105">
Cart ({cartItems.length})
</button>
</div>
<div id="loading-section" data-section="loading-section">
<main className="min-h-screen flex items-center justify-center pt-20">
@@ -109,15 +113,17 @@ function ShopPageContent() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Bamboleya"
bottomLeftText="Global Community"
bottomRightText="hello@example.com"
topBarClassName=""
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
<button onClick={() => setCartOpen(true)} className="fixed top-6 right-6 z-[101] px-4 py-2 bg-primary text-primary-foreground rounded-md transition-transform hover:scale-105">
Cart ({cartItems.length})
</button>
</div>
<div id="product-catalog" data-section="product-catalog">
<ProductCatalog