bender/2c1cdebb-c410-4d5e-b703-a9c9da93399b
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-20 19:21:17 +00:00
parent 83026d2a9b
commit bee8e3fffc
1 changed files with 51 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,5 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
@@ -30,22 +29,20 @@ export default function ShopPage() {
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="NoteGenius AI"
button={{ text: "Cart", onClick: () => console.log("cart") }}
className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
navItemClassName="text-foreground hover:text-primary-cta"
buttonClassName="px-5 py-2"
buttonTextClassName="text-sm font-medium"
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p>
</main>
</ReactLenis>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="NoteGenius AI"
button={{ text: "Cart", onClick: () => console.log("cart") }}
className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
navItemClassName="text-foreground hover:text-primary-cta"
buttonClassName="px-5 py-2"
buttonTextClassName="text-sm font-medium"
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p>
</main>
</ThemeProvider>
);
}
@@ -63,45 +60,43 @@ export default function ShopPage() {
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="NoteGenius AI"
button={{ text: "Cart", onClick: () => console.log("cart") }}
className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
navItemClassName="text-foreground hover:text-primary-cta"
buttonClassName="px-5 py-2"
buttonTextClassName="text-sm font-medium"
/>
</div>
<div id="product-catalog" data-section="product-catalog">
<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">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-digital-background-with-subt-1771614980980-6c543249.png?_wi=3"
imageAlt="Abstract AI neural network background"
columns={[
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Integrations", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Help Center", href: "#" }] }
]}
logoText="NoteGenius AI"
copyrightText="© 2025 NoteGenius AI. All rights reserved."
className="!pb-0 !pt-20"
columnItemClassName="text-foreground/80 hover:text-primary-cta"
/>
</div>
</ReactLenis>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="NoteGenius AI"
button={{ text: "Cart", onClick: () => console.log("cart") }}
className="py-4 px-6 md:px-8 lg:px-12 backdrop-blur-md bg-background/80"
navItemClassName="text-foreground hover:text-primary-cta"
buttonClassName="px-5 py-2"
buttonTextClassName="text-sm font-medium"
/>
</div>
<div id="product-catalog" data-section="product-catalog">
<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">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/an-abstract-digital-background-with-subt-1771614980980-6c543249.png"
imageAlt="Abstract AI neural network background"
columns={[
{ title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Integrations", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "/blog" }] },
{ title: "Support", items: [{ label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }, { label: "Help Center", href: "#" }] }
]}
logoText="NoteGenius AI"
copyrightText="© 2025 NoteGenius AI. All rights reserved."
className="!pb-0 !pt-20"
columnItemClassName="text-foreground/80 hover:text-primary-cta"
/>
</div>
</ThemeProvider>
);
}