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

This commit is contained in:
2026-02-22 00:21:21 +00:00
parent 684a7abab1
commit 194957a431

View File

@@ -1,4 +1,4 @@
use client"; "use client";
import { Suspense, use, useCallback } from "react"; import { Suspense, use, useCallback } from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
@@ -88,12 +88,17 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar" className="relative w-full">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
brandName="Johns Plumbing" brandName="Johns Plumbing"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/> />
<button
onClick={() => setCartOpen(true)}
className="absolute top-0 right-0 m-4 z-[60] px-4 py-2 bg-primary-cta text-primary-cta-text rounded-md hover:opacity-90 transition-opacity"
>
Cart
</button>
</div> </div>
{isLoading ? ( {isLoading ? (
@@ -161,8 +166,8 @@ function ProductPageContent({ params }: ProductPageProps) {
<FooterLogoEmphasis <FooterLogoEmphasis
logoText="Johns Plumbing" logoText="Johns Plumbing"
columns={[ columns={[
{ items: [{ label: "Services", href: "#services" }, { label: "Why Johns", href: "#why-us" }, { label: "Our Promise", href: "#promise" }] }, { items: [{ label: "Services", href: "/#services" }, { label: "Why Johns", href: "/#why-us" }, { label: "Our Promise", href: "/#promise" }] },
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Book Service", href: "#contact" }, { label: "Call Now", href: "tel:(Your Phone Number)" }] }, { items: [{ label: "FAQ", href: "/#faq" }, { label: "Book Service", href: "/#contact" }, { label: "Call Now", href: "tel:(Your Phone Number)" }] },
{ items: [{ label: "Email Us", href: "mailto:(Your Email)" }, { label: "Licensed & Insured", href: "#" }] } { items: [{ label: "Email Us", href: "mailto:(Your Email)" }, { label: "Licensed & Insured", href: "#" }] }
]} ]}
ariaLabel="Site Footer - Johns Plumbing" ariaLabel="Site Footer - Johns Plumbing"