Update src/app/shop/page.tsx
This commit is contained in:
@@ -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: [
|
||||||
},
|
{label: "About Us", href: "/#about"},
|
||||||
{
|
{label: "Blog", href: "/blog"},
|
||||||
title: "Company", items: [
|
{label: "Shop", href: "/shop"},
|
||||||
{ label: "About Us", href: "/#about" },
|
{label: "Contact", href: "/#contact"}
|
||||||
{ label: "Blog", href: "/blog" },
|
]}
|
||||||
{ label: "FAQ", href: "/#faq" },
|
|
||||||
{ 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: [
|
||||||
},
|
{label: "About Us", href: "/#about"},
|
||||||
{
|
{label: "Blog", href: "/blog"},
|
||||||
title: "Company", items: [
|
{label: "Shop", href: "/shop"},
|
||||||
{ label: "About Us", href: "/#about" },
|
{label: "Contact", href: "/#contact"}
|
||||||
{ label: "Blog", href: "/blog" },
|
]}
|
||||||
{ label: "FAQ", href: "/#faq" },
|
|
||||||
{ label: "Contact", href: "/#contact" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 MyCo. All rights reserved."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user