Update src/app/shop/[id]/page.tsx
This commit is contained in:
@@ -4,8 +4,8 @@ import { Suspense, use, useCallback } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
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 ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
|
||||
import ProductCart from "@/components/ecommerce/cart/ProductCart";
|
||||
import { useProductDetail } from "@/hooks/useProductDetail";
|
||||
@@ -90,18 +90,17 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
>
|
||||
<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">
|
||||
@@ -110,25 +109,20 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
</div>
|
||||
</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>
|
||||
@@ -152,18 +146,17 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
>
|
||||
<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">
|
||||
@@ -178,25 +171,20 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
</div>
|
||||
</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>
|
||||
@@ -219,18 +207,17 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
>
|
||||
<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-detail-card" data-section="product-detail-card">
|
||||
@@ -270,25 +257,20 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
/>
|
||||
</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