Switch to version 3: modified src/app/shop/page.tsx
This commit is contained in:
@@ -32,7 +32,7 @@ function ShopPageContent() {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
@@ -71,7 +71,7 @@ function ShopPageContent() {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
@@ -86,34 +86,35 @@ function ShopPageContent() {
|
|||||||
button={{ text: "Cart", onClick: () => {} }}
|
button={{ text: "Cart", onClick: () => {} }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="product-catalog" data-section="product-catalog">
|
<main>
|
||||||
<ProductCatalog
|
<div id="product-catalog" data-section="product-catalog">
|
||||||
layout="page"
|
<ProductCatalog
|
||||||
products={products}
|
layout="page"
|
||||||
searchValue={search}
|
products={products}
|
||||||
onSearchChange={setSearch}
|
searchValue={search}
|
||||||
searchPlaceholder="Search products..."
|
onSearchChange={setSearch}
|
||||||
filters={filters}
|
searchPlaceholder="Search products..."
|
||||||
emptyMessage="No products found"
|
filters={filters}
|
||||||
/>
|
emptyMessage="No products found"
|
||||||
</div>
|
|
||||||
<div id="footer" data-section="footer">
|
|
||||||
<FooterMedia
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=3"
|
|
||||||
imageAlt="Soft, blurred pastel flowers in a tranquil setting"
|
|
||||||
columns={[
|
|
||||||
{ title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/#contact" }] },
|
|
||||||
{ title: "Company", items: [
|
|
||||||
{ label: "About Us", href: "/#about" },
|
|
||||||
{ label: "FAQ", href: "/#faq" },
|
|
||||||
{ label: "Contact", href: "/#contact" }
|
|
||||||
] },
|
|
||||||
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
|
|
||||||
]}
|
|
||||||
logoText="Angola"
|
|
||||||
copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterMedia
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=3"
|
||||||
|
imageAlt="Soft, blurred pastel flowers in a tranquil setting"
|
||||||
|
columns={[
|
||||||
|
{ title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/#contact" }] },
|
||||||
|
{ title: "Company", items: [
|
||||||
|
{ label: "About Us", href: "/#about" },
|
||||||
|
{ label: "Contact", href: "/#contact" }
|
||||||
|
] },
|
||||||
|
{ title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
|
||||||
|
]}
|
||||||
|
logoText="Angola"
|
||||||
|
copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user