Update src/app/shop/page.tsx
This commit is contained in:
@@ -3,8 +3,8 @@
|
||||
import { Suspense, useCallback } from "react";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import ProductCart from "@/components/ecommerce/cart/ProductCart";
|
||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
||||
@@ -57,43 +57,37 @@ function ShopPageContent() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleFullscreen
|
||||
brandName="MyCo"
|
||||
navItems={[
|
||||
{name: "Home", id: "/"},
|
||||
{name: "About", id: "/#about"},
|
||||
{name: "Features", id: "/#features"},
|
||||
{name: "Products", id: "/#products"},
|
||||
{name: "Testimonials", id: "/#testimonials"},
|
||||
{name: "FAQ", id: "/#faq"},
|
||||
{name: "Blog", id: "/blog"},
|
||||
{name: "Contact", id: "/#contact"}
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@myco.com"
|
||||
/>
|
||||
</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">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="MyCo"
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions", items: [
|
||||
{ label: "Products", href: "/#products" },
|
||||
{ label: "Features", href: "/#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Contact", href: "/#contact" }
|
||||
]
|
||||
}
|
||||
{items: [
|
||||
{label: "Products", href: "/#products"},
|
||||
{label: "Features", href: "/#features"}
|
||||
]},
|
||||
{items: [
|
||||
{label: "About Us", href: "/#about"},
|
||||
{label: "Blog", href: "/blog"},
|
||||
{label: "Shop", href: "/shop"},
|
||||
{label: "Contact", href: "/#contact"}
|
||||
]}
|
||||
]}
|
||||
copyrightText="© 2024 MyCo. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
@@ -116,18 +110,17 @@ function ShopPageContent() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleFullscreen
|
||||
brandName="MyCo"
|
||||
navItems={[
|
||||
{name: "Home", id: "/"},
|
||||
{name: "About", id: "/#about"},
|
||||
{name: "Features", id: "/#features"},
|
||||
{name: "Products", id: "/#products"},
|
||||
{name: "Testimonials", id: "/#testimonials"},
|
||||
{name: "FAQ", id: "/#faq"},
|
||||
{name: "Blog", id: "/blog"},
|
||||
{name: "Contact", id: "/#contact"}
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@myco.com"
|
||||
/>
|
||||
</div>
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
@@ -157,25 +150,20 @@ function ShopPageContent() {
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="MyCo"
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions", items: [
|
||||
{ label: "Products", href: "/#products" },
|
||||
{ label: "Features", href: "/#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Contact", href: "/#contact" }
|
||||
]
|
||||
}
|
||||
{items: [
|
||||
{label: "Products", href: "/#products"},
|
||||
{label: "Features", href: "/#features"}
|
||||
]},
|
||||
{items: [
|
||||
{label: "About Us", href: "/#about"},
|
||||
{label: "Blog", href: "/blog"},
|
||||
{label: "Shop", href: "/shop"},
|
||||
{label: "Contact", href: "/#contact"}
|
||||
]}
|
||||
]}
|
||||
copyrightText="© 2024 MyCo. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user