Update src/app/shop/[id]/page.tsx

This commit is contained in:
2026-02-21 16:49:34 +00:00
parent 6fd8daca8b
commit 29da552530

View File

@@ -5,7 +5,7 @@ import { useRouter } from "next/navigation";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import Footer from '@/components/footer/Footer';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
import ProductCart from "@/components/ecommerce/cart/ProductCart";
import { useProductDetail } from "@/hooks/useProductDetail";
@@ -89,14 +89,16 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="light"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="navbar" data-section="navbar" className="relative">
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="Lakeside Construction"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
>
<button onClick={() => setCartOpen(true)} className="text-lg">Cart</button>
</NavbarStyleApple>
/>
<div className="absolute top-0 right-0 h-full flex items-center pr-4">
<button onClick={() => setCartOpen(true)} className="text-lg">
Cart ({cartItems.length})
</button>
</div>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading product...</p>
@@ -121,14 +123,16 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="light"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="navbar" data-section="navbar" className="relative">
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="Lakeside Construction"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
>
<button onClick={() => setCartOpen(true)} className="text-lg">Cart</button>
</NavbarStyleApple>
/>
<div className="absolute top-0 right-0 h-full flex items-center pr-4">
<button onClick={() => setCartOpen(true)} className="text-lg">
Cart ({cartItems.length})
</button>
</div>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<div className="text-center">
@@ -160,14 +164,16 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="light"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="navbar" data-section="navbar" className="relative">
<NavbarStyleApple
brandName="Lakeside Construction"
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
>
<button onClick={() => setCartOpen(true)} className="text-lg">Cart</button>
</NavbarStyleApple>
/>
<div className="absolute top-0 right-0 h-full flex items-center pr-4">
<button onClick={() => setCartOpen(true)} className="text-lg">
Cart ({cartItems.length})
</button>
</div>
</div>
<div id="productDetailCard" data-section="productDetailCard">
<ProductDetailCard
@@ -206,7 +212,13 @@ function ProductPageContent({ params }: ProductPageProps) {
/>
</div>
<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>
</ReactLenis>
</ThemeProvider>