bender/8e36d336-bafc-4fc5-85bf-41f63e8a83b9
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-12 12:34:15 +00:00
parent 5f03828143
commit 9e496d17c5
1 changed files with 21 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -66,6 +66,15 @@ export default function ProductPage({ params }: ProductPageProps) {
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
}, [cartItems, checkout, getCheckoutItems]);
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
@@ -81,13 +90,10 @@ export default function ProductPage({ params }: ProductPageProps) {
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: () => setCartOpen(true) }}
buttonClassName="bg-primary-cta text-secondary-cta"
className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -102,11 +108,10 @@ export default function ProductPage({ params }: ProductPageProps) {
<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"
/>
@@ -131,13 +136,10 @@ export default function ProductPage({ params }: ProductPageProps) {
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: () => setCartOpen(true) }}
buttonClassName="bg-primary-cta text-secondary-cta"
className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -160,11 +162,10 @@ export default function ProductPage({ params }: ProductPageProps) {
<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"
/>
@@ -188,13 +189,10 @@ export default function ProductPage({ params }: ProductPageProps) {
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: () => setCartOpen(true) }}
buttonClassName="bg-primary-cta text-secondary-cta"
className="w-full max-w-smallMedium mx-auto rounded-sharp"
@@ -240,11 +238,10 @@ export default function ProductPage({ params }: ProductPageProps) {
<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"
/>