Update src/app/shop/page.tsx

This commit is contained in:
2026-02-12 12:34:16 +00:00
parent 9e496d17c5
commit 05080d6aeb

View File

@@ -16,6 +16,15 @@ export default function ShopPage() {
filters,
} = useProductCatalog({ basePath: "/shop" });
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Testimonials", id: "/testimonials" },
{ name: "Contact", id: "/contact" },
{ name: "Shop", id: "/shop" }
];
if (isLoading) {
return (
<ThemeProvider
@@ -31,13 +40,10 @@ export default function ShopPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Bean & Brew"
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" }
]}
navItems={navItems}
button={{ text: "Cart", onClick: () => console.log("Cart clicked from shop page") }}
buttonClassName="bg-primary-cta text-secondary-cta"
className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -52,11 +58,10 @@ export default function ShopPage() {
<FooterLogoEmphasis
logoText="Bean & Brew"
columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Careers", href: "/careers" }] },
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About Us", href: "/about" }] },
{ items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "/careers" }] },
{ items: [{ label: "Facebook", href: "https://facebook.com/beanandbrew" }, { label: "Instagram", href: "https://instagram.com/beanandbrew" }, { label: "Twitter", href: "https://twitter.com/beanandbrew" }] }
]}
useInvertedBackground={false}
logoClassName="text-foreground"
itemClassName="text-foreground"
/>
@@ -80,13 +85,10 @@ export default function ShopPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Bean & Brew"
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" }
]}
navItems={navItems}
button={{ text: "Cart", onClick: () => console.log("Cart clicked from shop page") }}
buttonClassName="bg-primary-cta text-secondary-cta"
className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -107,11 +109,10 @@ export default function ShopPage() {
<FooterLogoEmphasis
logoText="Bean & Brew"
columns={[
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }, { label: "Careers", href: "/careers" }] },
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About Us", href: "/about" }] },
{ items: [{ label: "Contact", href: "/contact" }, { label: "Careers", href: "/careers" }] },
{ items: [{ label: "Facebook", href: "https://facebook.com/beanandbrew" }, { label: "Instagram", href: "https://instagram.com/beanandbrew" }, { label: "Twitter", href: "https://twitter.com/beanandbrew" }] }
]}
useInvertedBackground={false}
logoClassName="text-foreground"
itemClassName="text-foreground"
/>