Update src/app/shop/[id]/page.tsx
This commit is contained in:
@@ -93,25 +93,25 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<NavbarStyleApple
|
||||
brandName="Hookah Haven"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Головна", id: "/" },
|
||||
{ name: "Магазин", id: "/shop" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<div id="loading-indicator" data-section="loading-indicator">
|
||||
<p className="text-foreground">Loading product...</p>
|
||||
<p className="text-foreground">Завантаження товару...</p>
|
||||
</div>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
{ 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" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Hookah Haven. All rights reserved."
|
||||
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
@@ -138,20 +138,20 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<NavbarStyleApple
|
||||
brandName="Hookah Haven"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Головна", id: "/" },
|
||||
{ name: "Магазин", id: "/shop" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<div id="not-found" data-section="not-found" className="text-center">
|
||||
<p className="text-foreground mb-4">Product not found</p>
|
||||
<p className="text-foreground mb-4">Товар не знайдено</p>
|
||||
<button
|
||||
onClick={() => router.push("/shop")}
|
||||
className="primary-button px-6 py-2 rounded-theme text-primary-cta-text"
|
||||
>
|
||||
Back to Shop
|
||||
Повернутися до магазину
|
||||
</button>
|
||||
</div>
|
||||
</main>
|
||||
@@ -159,10 +159,10 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
{ 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" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Hookah Haven. All rights reserved."
|
||||
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
@@ -188,10 +188,10 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<NavbarStyleApple
|
||||
brandName="Hookah Haven"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" }
|
||||
{ name: "Головна", id: "/" },
|
||||
{ name: "Магазин", id: "/shop" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
button={{ text: "Кошик", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-detail-card" data-section="product-detail-card">
|
||||
@@ -210,8 +210,8 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
inventoryQuantity={meta.inventoryQuantity}
|
||||
sku={meta.sku}
|
||||
buttons={[
|
||||
{ text: "Add To Cart", onClick: handleAddToCart },
|
||||
{ text: "Buy Now", onClick: handleBuyNow },
|
||||
{ text: "Додати до кошика", onClick: handleAddToCart },
|
||||
{ text: "Купити зараз", onClick: handleBuyNow }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -225,7 +225,7 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
total={`$${cartTotal}`}
|
||||
buttons={[
|
||||
{
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
text: isCheckoutLoading ? "Обробка..." : "Оформити замовлення", onClick: handleCheckout,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -234,10 +234,10 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Hookahs", href: "#products" }, { label: "Tobacco", href: "#products" }, { label: "Charcoal", href: "#products" }, { label: "Accessories", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
{ 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" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Hookah Haven. All rights reserved."
|
||||
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user