Update src/app/shop/page.tsx
This commit is contained in:
@@ -44,39 +44,58 @@ function ShopPageContent() {
|
|||||||
if (isLoading) {
|
if (isLoading) {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="elastic-effect"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="pill"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="large"
|
sizing="mediumLarge"
|
||||||
background="aurora"
|
background="fluid"
|
||||||
cardStyle="inset"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="light"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="navbar" data-section="navbar">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Hookah Haven"
|
brandName="MyCo"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Головна", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Магазин", id: "/shop" }
|
{ name: "About", id: "/#about" },
|
||||||
|
{ name: "Features", id: "/#features" },
|
||||||
|
{ name: "Products", id: "/#products" },
|
||||||
|
{ name: "Testimonials", id: "/#testimonials" },
|
||||||
|
{ name: "FAQ", id: "/#faq" },
|
||||||
|
{ name: "Contact", id: "/#contact" },
|
||||||
|
{ name: "Blog", id: "/blog" },
|
||||||
|
{ name: "Shop", id: "/shop" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
</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">Завантаження товарів...</p>
|
<p className="text-foreground">Loading products...</p>
|
||||||
</main>
|
</main>
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Hookah Haven"
|
logoText="MyCo"
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
|
{
|
||||||
{ title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
|
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" }
|
||||||
|
]
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
copyrightText="© 2024 MyCo. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
@@ -86,26 +105,33 @@ function ShopPageContent() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-magnetic"
|
defaultButtonVariant="elastic-effect"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="rounded"
|
borderRadius="pill"
|
||||||
contentWidth="medium"
|
contentWidth="medium"
|
||||||
sizing="large"
|
sizing="mediumLarge"
|
||||||
background="aurora"
|
background="fluid"
|
||||||
cardStyle="inset"
|
cardStyle="soft-shadow"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="gradient"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="light"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="navbar" data-section="navbar">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Hookah Haven"
|
brandName="MyCo"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Головна", id: "/" },
|
{ name: "Home", id: "/" },
|
||||||
{ name: "Магазин", id: "/shop" }
|
{ name: "About", id: "/#about" },
|
||||||
|
{ name: "Features", id: "/#features" },
|
||||||
|
{ name: "Products", id: "/#products" },
|
||||||
|
{ name: "Testimonials", id: "/#testimonials" },
|
||||||
|
{ name: "FAQ", id: "/#faq" },
|
||||||
|
{ name: "Contact", id: "/#contact" },
|
||||||
|
{ name: "Blog", id: "/blog" },
|
||||||
|
{ name: "Shop", id: "/shop" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="product-catalog" data-section="product-catalog">
|
<div id="product-catalog" data-section="product-catalog">
|
||||||
@@ -114,9 +140,9 @@ function ShopPageContent() {
|
|||||||
products={products}
|
products={products}
|
||||||
searchValue={search}
|
searchValue={search}
|
||||||
onSearchChange={setSearch}
|
onSearchChange={setSearch}
|
||||||
searchPlaceholder="Пошук товарів..."
|
searchPlaceholder="Search products..."
|
||||||
filters={filters}
|
filters={filters}
|
||||||
emptyMessage="Товари не знайдено"
|
emptyMessage="No products found"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="product-cart" data-section="product-cart">
|
<div id="product-cart" data-section="product-cart">
|
||||||
@@ -129,19 +155,31 @@ function ShopPageContent() {
|
|||||||
total={`$${cartTotal}`}
|
total={`$${cartTotal}`}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: isCheckoutLoading ? "Обробка..." : "Оформити замовлення", onClick: handleCheckout,
|
text: isCheckoutLoading ? "Processing..." : "Checkout", onClick: handleCheckout,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Hookah Haven"
|
logoText="MyCo"
|
||||||
columns={[
|
columns={[
|
||||||
{ title: "Магазин", items: [{ label: "Кальяни", href: "#products" }, { label: "Тютюн", href: "#products" }, { label: "Вугілля", href: "#products" }, { label: "Аксесуари", href: "#products" }] },
|
{
|
||||||
{ title: "Компанія", items: [{ label: "Про нас", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Контакти", href: "#contact" }] }
|
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" }
|
||||||
|
]
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
copyrightText="© 2024 MyCo. All rights reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user