bender/2cfe6d53-e0b4-4e73-93f7-34835111f5c3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/shop/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-21 16:49:35 +00:00
parent 29da552530
commit 4e4ca12734
1 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/shop/page.tsx
View File

@@ -4,7 +4,7 @@ import { Suspense, useCallback } from "react";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import Footer from '@/components/footer/Footer'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog"; import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import ProductCart from "@/components/ecommerce/cart/ProductCart"; import ProductCart from "@/components/ecommerce/cart/ProductCart";
import { useProductCatalog } from "@/hooks/useProductCatalog"; import { useProductCatalog } from "@/hooks/useProductCatalog";
@@ -56,14 +56,16 @@ function ShopPageContent() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar" className="relative">
<NavbarStyleApple <NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="Lakeside Construction" brandName="Lakeside Construction"
button={{ text: "Cart", onClick: () => setCartOpen(true) }} />
> <div className="absolute top-0 right-0 h-full flex items-center pr-4">
<button onClick={() => setCartOpen(true)} className="text-lg">Cart</button> <button onClick={() => setCartOpen(true)} className="text-lg">
</NavbarStyleApple> Cart ({cartItems.length})
</button>
</div>
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p> <p className="text-foreground">Loading products...</p>
@@ -102,14 +104,16 @@ function ShopPageContent() {
headingFontWeight="light" headingFontWeight="light"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar" className="relative">
<NavbarStyleApple <NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="Lakeside Construction" brandName="Lakeside Construction"
button={{ text: "Cart", onClick: () => setCartOpen(true) }} />
> <div className="absolute top-0 right-0 h-full flex items-center pr-4">
<button onClick={() => setCartOpen(true)} className="text-lg">Cart</button> <button onClick={() => setCartOpen(true)} className="text-lg">
</NavbarStyleApple> Cart ({cartItems.length})
</button>
</div>
</div> </div>
<div id="product-catalog" data-section="product-catalog"> <div id="product-catalog" data-section="product-catalog">
<ProductCatalog <ProductCatalog
@@ -138,7 +142,13 @@ function ShopPageContent() {
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<Footer /> <FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Shop", href: "/shop" }] },
{ items: [{ label: "Privacy Policy", href: "/privacy" }] },
]}
logoText="Lakeside Construction Inc."
/>
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>