bender/e1be0852-5b06-401b-a3b9-f78822db4053
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-22 12:25:03 +00:00
parent dd09ce8966
commit a41d31a9af
1 changed files with 32 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,8 +3,8 @@
import { Suspense, useCallback } from "react"; import { Suspense, useCallback } from "react";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog"; import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import ProductCart from "@/components/ecommerce/cart/ProductCart"; import ProductCart from "@/components/ecommerce/cart/ProductCart";
import { useProductCatalog } from "@/hooks/useProductCatalog"; import { useProductCatalog } from "@/hooks/useProductCatalog";
@@ -57,43 +57,37 @@ function ShopPageContent() {
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleApple <NavbarStyleFullscreen
brandName="MyCo" brandName="MyCo"
navItems={[ navItems={[
{name: "Home", id: "/"}, {name: "Home", id: "/"},
{name: "About", id: "/#about"}, {name: "About", id: "/#about"},
{name: "Features", id: "/#features"},
{name: "Products", id: "/#products"}, {name: "Products", id: "/#products"},
{name: "Testimonials", id: "/#testimonials"}, {name: "Blog", id: "/blog"},
{name: "FAQ", id: "/#faq"},
{name: "Contact", id: "/#contact"} {name: "Contact", id: "/#contact"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} bottomLeftText="Innovation Hub"
bottomRightText="info@myco.com"
/> />
</div> </div>
<main className="min-h-screen flex items-center justify-center pt-20"> <main className="min-h-screen flex items-center justify-center pt-20">
<p className="text-foreground">Loading products...</p> <p className="text-foreground">Loading products...</p>
</main> </main>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterLogoEmphasis
logoText="MyCo" logoText="MyCo"
columns={[ columns={[
{ {items: [
title: "Solutions", items: [
{label: "Products", href: "/#products"}, {label: "Products", href: "/#products"},
{label: "Features", href: "/#features"} {label: "Features", href: "/#features"}
] ]},
}, {items: [
{
title: "Company", items: [
{label: "About Us", href: "/#about"}, {label: "About Us", href: "/#about"},
{label: "Blog", href: "/blog"}, {label: "Blog", href: "/blog"},
{ label: "FAQ", href: "/#faq" }, {label: "Shop", href: "/shop"},
{label: "Contact", href: "/#contact"} {label: "Contact", href: "/#contact"}
]
}
]} ]}
copyrightText="© 2024 MyCo. All rights reserved." ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
@@ -116,18 +110,17 @@ function ShopPageContent() {
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="navbar" data-section="navbar">
<NavbarStyleApple <NavbarStyleFullscreen
brandName="MyCo" brandName="MyCo"
navItems={[ navItems={[
{name: "Home", id: "/"}, {name: "Home", id: "/"},
{name: "About", id: "/#about"}, {name: "About", id: "/#about"},
{name: "Features", id: "/#features"},
{name: "Products", id: "/#products"}, {name: "Products", id: "/#products"},
{name: "Testimonials", id: "/#testimonials"}, {name: "Blog", id: "/blog"},
{name: "FAQ", id: "/#faq"},
{name: "Contact", id: "/#contact"} {name: "Contact", id: "/#contact"}
]} ]}
button={{ text: "Cart", onClick: () => setCartOpen(true) }} bottomLeftText="Innovation Hub"
bottomRightText="info@myco.com"
/> />
</div> </div>
<div id="product-catalog" data-section="product-catalog"> <div id="product-catalog" data-section="product-catalog">
@@ -157,25 +150,20 @@ function ShopPageContent() {
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterLogoEmphasis
logoText="MyCo" logoText="MyCo"
columns={[ columns={[
{ {items: [
title: "Solutions", items: [
{label: "Products", href: "/#products"}, {label: "Products", href: "/#products"},
{label: "Features", href: "/#features"} {label: "Features", href: "/#features"}
] ]},
}, {items: [
{
title: "Company", items: [
{label: "About Us", href: "/#about"}, {label: "About Us", href: "/#about"},
{label: "Blog", href: "/blog"}, {label: "Blog", href: "/blog"},
{ label: "FAQ", href: "/#faq" }, {label: "Shop", href: "/shop"},
{label: "Contact", href: "/#contact"} {label: "Contact", href: "/#contact"}
]
}
]} ]}
copyrightText="© 2024 MyCo. All rights reserved." ]}
/> />
</div> </div>
</ReactLenis> </ReactLenis>