bender/d1f3eb0e-ce31-4600-8651-1ffc25669289
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/shop/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-13 16:32:04 +00:00
parent dd2b6d52c0
commit 40f56517d4
1 changed files with 73 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
src/app/shop/page.tsx
View File

@@ -35,6 +35,66 @@ export default function ShopPage() {
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
brandName="McLaren Labs"
navItems={[
{ name: "Home", id: "/" },
{ name: "What We Do", id: "about" },
{ name: "Work", id: "case-studies" },
{ name: "Contact", id: "contact" },
{ name: "Shop", id: "/shop" }
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p>
</main>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="McLaren Labs"
columns={[
{
items: [
{ label: "Home", href: "hero" },
{ label: "Our Approach", href: "about" }
]
},
{
items: [
{ label: "Case Studies", href: "case-studies" },
{ label: "Contact", href: "contact" }
]
},
{
items: [
{ label: "Privacy", href: "https://example.com/privacy" },
{ label: "Terms", href: "https://example.com/terms" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
return (
<ThemeProvider
defaultButtonVariant="slide-background"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
brandName="McLaren Labs"
navItems={[
@@ -46,11 +106,19 @@ export default function ShopPage() {
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p>
</main>
<div id="footer" data-section="footer">
</div>
<div id="productCatalog" data-section="productCatalog">
<ProductCatalog
layout="page"
products={products}
searchValue={search}
onSearchChange={setSearch}
searchPlaceholder="Search products..."
filters={filters}
emptyMessage="No products found"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="McLaren Labs"
columns={[
@@ -74,74 +142,6 @@ export default function ShopPage() {
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
return (
<ThemeProvider
defaultButtonVariant="slide-background"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
brandName="McLaren Labs"
navItems={[
{ name: "Home", id: "/" },
{ name: "What We Do", id: "about" },
{ name: "Work", id: "case-studies" },
{ name: "Contact", id: "contact" },
{ name: "Shop", id: "/shop" }
]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="productCatalog" data-section="productCatalog">
<ProductCatalog
layout="page"
products={products}
searchValue={search}
onSearchChange={setSearch}
searchPlaceholder="Search products..."
filters={filters}
emptyMessage="No products found"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="McLaren Labs"
columns={[
{
items: [
{ label: "Home", href: "hero" },
{ label: "Our Approach", href: "about" }
]
},
{
items: [
{ label: "Case Studies", href: "case-studies" },
{ label: "Contact", href: "contact" }
}
},
{
items: [
{ label: "Privacy", href: "https://example.com/privacy" },
{ label: "Terms", href: "https://example.com/terms" }
}
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>