bender/895655ef-67bd-495d-b7d2-0d57046f7597
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
bender
2026-02-21 00:15:06 +00:00
parent 9ce05f2bd9
commit 344c0e7722
1 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/shop/[id]/page.tsx
View File

@@ -51,6 +51,15 @@ function ProductPageContent({ params }: ProductPageProps) {
const { buyNow, checkout, isLoading: isCheckoutLoading } = useCheckout(); const { buyNow, checkout, isLoading: isCheckoutLoading } = useCheckout();
const navItems = [
{ name: "Home", id: "/" },
{ name: "Fence Types", id: "/#services" },
{ name: "Gallery", id: "/#gallery" },
{ name: "Reviews", id: "/#reviews" },
{ name: "FAQs", id: "/#faq" },
{ name: "Contact", id: "/#contact" },
];
const handleAddToCart = useCallback(() => { const handleAddToCart = useCallback(() => {
const item = createCartItem(); const item = createCartItem();
if (item) { if (item) {
@@ -88,11 +97,10 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[{ "name": "Home", "id": "/" }, { "name": "Fence Types", "id": "services" }, { "name": "Gallery", "id": "gallery" }, { "name": "Reviews", "id": "reviews" }, { "name": "FAQs", "id": "faq" }, { "name": "Contact", "id": "contact" }, { "name": "Shop", "id": "/shop" }]} navItems={navItems}
brandName="Uptown Fence" brandName="Uptown Fence"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<div id="loading-state" data-section="loading-state"> <div id="loading-state" data-section="loading-state">
@@ -120,11 +128,10 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[{ "name": "Home", "id": "/" }, { "name": "Fence Types", "id": "services" }, { "name": "Gallery", "id": "gallery" }, { "name": "Reviews", "id": "reviews" }, { "name": "FAQs", "id": "faq" }, { "name": "Contact", "id": "contact" }, { "name": "Shop", "id": "/shop" }]} navItems={navItems}
brandName="Uptown Fence" brandName="Uptown Fence"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<div id="not-found-state" data-section="not-found-state"> <div id="not-found-state" data-section="not-found-state">
@@ -159,11 +166,10 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="extrabold" headingFontWeight="extrabold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[{ "name": "Home", "id": "/" }, { "name": "Fence Types", "id": "services" }, { "name": "Gallery", "id": "gallery" }, { "name": "Reviews", "id": "reviews" }, { "name": "FAQs", "id": "faq" }, { "name": "Contact", "id": "contact" }, { "name": "Shop", "id": "/shop" }]} navItems={navItems}
brandName="Uptown Fence" brandName="Uptown Fence"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
</div> </div>
<div id="product-detail-card" data-section="product-detail-card"> <div id="product-detail-card" data-section="product-detail-card">