bender/e1be0852-5b06-401b-a3b9-f78822db4053
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/shop/[id]/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-22 12:10:24 +00:00
parent 7c61e85b6c
commit 45a1ed8a2d
1 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/shop/[id]/page.tsx
View File

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