Update src/app/shop/page.tsx

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

View File

@@ -1,4 +1,4 @@
use client";
"use client";
import { Suspense, useCallback } from "react";
import ReactLenis from "lenis/react";
@@ -55,12 +55,17 @@ function ShopPageContent() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="navbar" data-section="navbar" className="relative w-full">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
navItems={[{ name: "Home", id: "/" }, { name: "Blog", id: "/blog" }, { name: "Shop", id: "/shop" }]}
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>
{isLoading ? (
@@ -103,8 +108,8 @@ function ShopPageContent() {
<FooterLogoEmphasis
logoText="Johns Plumbing"
columns={[
{ 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: "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: "Email Us", href: "mailto:(Your Email)" }, { label: "Licensed & Insured", href: "#" }] }
]}
ariaLabel="Site Footer - Johns Plumbing"