Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -30,27 +30,27 @@ export default function BlogPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Hookah Haven"
|
brandName="Hookah Haven"
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "/" },
|
{ name: "Головна", id: "/" },
|
||||||
{ name: "Products", id: "/#products" },
|
{ name: "Продукція", id: "/#products" },
|
||||||
{ name: "About", id: "/#about" },
|
{ name: "Про нас", id: "/#about" },
|
||||||
{ name: "Features", id: "/#features" },
|
{ name: "Особливості", id: "/#features" },
|
||||||
{ name: "Testimonials", id: "/#testimonials" },
|
{ name: "Відгуки", id: "/#testimonials" },
|
||||||
{ name: "FAQ", id: "/#faq" },
|
{ name: "FAQ", id: "/#faq" },
|
||||||
{ name: "Contact", id: "/#contact" },
|
{ name: "Контакти", id: "/#contact" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{isLoading ? (
|
{isLoading ? (
|
||||||
<div className="w-content-width mx-auto py-20 text-center">
|
<div className="w-content-width mx-auto py-20 text-center">
|
||||||
<p className="text-foreground">Loading posts...</p>
|
<p className="text-foreground">Завантаження дописів...</p>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div id="blog" data-section="blog">
|
<div id="blog" data-section="blog">
|
||||||
<BlogCardTwo
|
<BlogCardTwo
|
||||||
blogs={posts}
|
blogs={posts}
|
||||||
title="Latest Articles"
|
title="Останні статті"
|
||||||
description="Insights and updates from our team"
|
description="Ідеї та оновлення від нашої команди"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -63,22 +63,22 @@ export default function BlogPage() {
|
|||||||
logoText="Hookah Haven"
|
logoText="Hookah Haven"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop", items: [
|
title: "Магазин", items: [
|
||||||
{ label: "Hookahs", href: "/#products" },
|
{ label: "Кальяни", href: "/#products" },
|
||||||
{ label: "Tobacco", href: "/#products" },
|
{ label: "Тютюн", href: "/#products" },
|
||||||
{ label: "Charcoal", href: "/#products" },
|
{ label: "Вугілля", href: "/#products" },
|
||||||
{ label: "Accessories", href: "/#products" },
|
{ label: "Аксесуари", href: "/#products" }
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Компанія", items: [
|
||||||
{ label: "About Us", href: "/#about" },
|
{ label: "Про нас", href: "/#about" },
|
||||||
{ label: "FAQ", href: "/#faq" },
|
{ label: "FAQ", href: "/#faq" },
|
||||||
{ label: "Contact", href: "/#contact" },
|
{ label: "Контакти", href: "/#contact" }
|
||||||
],
|
]
|
||||||
},
|
}
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Hookah Haven. All rights reserved."
|
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -9,15 +9,15 @@ const archivo = Archivo({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Hookah Haven | Premium Hookahs, Tobacco & Accessories", description: "Discover the finest selection of hookahs, premium tobacco blends, and essential accessories at Hookah Haven. Elevate your smoking experience today.", keywords: ["hookah", "shisha", "tobacco", "charcoal", "hookah accessories", "premium hookah", "online hookah store"],
|
title: "Hookah Haven | Кальяни преміум-класу, тютюн та аксесуари", description: "Відкрийте для себе найкращий вибір кальянів, преміальних тютюнових сумішей та необхідних аксесуарів у Hookah Haven. Підніміть свій досвід куріння вже сьогодні.", keywords: ["кальян", "шиша", "тютюн", "вугілля", "аксесуари для кальяну", "преміум кальян", "онлайн магазин кальянів"],
|
||||||
openGraph: {
|
openGraph: {
|
||||||
title: "Hookah Haven | Premium Hookahs, Tobacco & Accessories", description: "Discover the finest selection of hookahs, premium tobacco blends, and essential accessories at Hookah Haven. Elevate your smoking experience today.", url: "/", siteName: "Hookah Haven", images: [
|
title: "Hookah Haven | Кальяни преміум-класу, тютюн та аксесуари", description: "Відкрийте для себе найкращий вибір кальянів, преміальних тютюнових сумішей та необхідних аксесуарів у Hookah Haven. Підніміть свій досвід куріння вже сьогодні.", url: "/", siteName: "Hookah Haven", images: [
|
||||||
{
|
{
|
||||||
url: "https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg", alt: "Elegant hookah set with smoke"},
|
url: "https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg", alt: "Елегантний кальянний набір з димом"},
|
||||||
],
|
],
|
||||||
type: "website"},
|
type: "website"},
|
||||||
twitter: {
|
twitter: {
|
||||||
card: "summary_large_image", title: "Hookah Haven | Premium Hookahs, Tobacco & Accessories", description: "Discover the finest selection of hookahs, premium tobacco blends, and essential accessories at Hookah Haven. Elevate your smoking experience today.", images: ["https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"],
|
card: "summary_large_image", title: "Hookah Haven | Кальяни преміум-класу, тютюн та аксесуари", description: "Відкрийте для себе найкращий вибір кальянів, преміальних тютюнових сумішей та необхідних аксесуарів у Hookah Haven. Підніміть свій досвід куріння вже сьогодні.", images: ["https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -27,7 +27,7 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}>) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="uk" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${archivo.variable} antialiased`}
|
className={`${archivo.variable} antialiased`}
|
||||||
|
|||||||
@@ -31,12 +31,12 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Hookah Haven"
|
brandName="Hookah Haven"
|
||||||
navItems={[
|
navItems={[
|
||||||
{name: "Products", id: "products"},
|
{name: "Продукція", id: "products"},
|
||||||
{name: "About", id: "about"},
|
{name: "Про нас", id: "about"},
|
||||||
{name: "Features", id: "features"},
|
{name: "Особливості", id: "features"},
|
||||||
{name: "Testimonials", id: "testimonials"},
|
{name: "Відгуки", id: "testimonials"},
|
||||||
{name: "FAQ", id: "faq"},
|
{name: "FAQ", id: "faq"},
|
||||||
{name: "Contact", id: "contact"}
|
{name: "Контакти", id: "contact"}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -44,15 +44,15 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
title="Experience the Finest Hookah"
|
title="Відчуйте найкращий кальян"
|
||||||
description="Discover a premium selection of tobacco, hookahs, and accessories for an unparalleled smoking experience."
|
description="Відкрийте для себе преміум-вибір тютюну, кальянів та аксесуарів для неперевершеного досвіду куріння."
|
||||||
tag="Your Ultimate Hookah Destination"
|
tag="Ваш найкращий кальянний напрямок"
|
||||||
buttons={[
|
buttons={[
|
||||||
{text: "Shop Now", href: "#products"},
|
{text: "Купити зараз", href: "#products"},
|
||||||
{text: "Learn More", href: "#about"}
|
{text: "Дізнатися більше", href: "#about"}
|
||||||
]}
|
]}
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/group-handsome-retro-welldressed-man-gangsters-spend-time-club-smoking-hookah-multiethnic-male-bachelor-mafia-party-restaurant_627829-12017.jpg"
|
||||||
imageAlt="Elegant hookah set with smoke"
|
imageAlt="Елегантний кальянний набір з димом"
|
||||||
tagAnimation="blur-reveal"
|
tagAnimation="blur-reveal"
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -60,25 +60,25 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
title="Our Passion for Hookah"
|
title="Наша пристрасть до кальяну"
|
||||||
description={[
|
description={[
|
||||||
"At Hookah Haven, we are dedicated to providing enthusiasts with the highest quality products. From rare tobacco blends to exquisite hookahs and essential accessories, we meticulously curate our collection to ensure every puff is a pleasure.", "We believe in enhancing your moments of relaxation and social connection with superior shisha. Our commitment to excellence guarantees an experience like no other."
|
"У Hookah Haven ми прагнемо забезпечити ентузіастів продукцією найвищої якості. Від рідкісних тютюнових сумішей до вишуканих кальянів та необхідних аксесуарів, ми ретельно підбираємо нашу колекцію, щоб кожна затяжка приносила задоволення.", "Ми віримо у покращення ваших моментів відпочинку та соціального спілкування за допомогою чудового кальяну. Наша відданість досконалості гарантує неперевершений досвід."
|
||||||
]}
|
]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
showBorder={true}
|
showBorder={true}
|
||||||
buttons={[{ text: "Our Story", href: "#about" }]}
|
buttons={[{ text: "Наша історія", href: "#about" }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Featured Products"
|
title="Рекомендовані товари"
|
||||||
description="Explore our curated collection of premium hookahs, exquisite tobacco, and essential accessories."
|
description="Ознайомтеся з нашою відібраною колекцією преміальних кальянів, вишуканого тютюну та необхідних аксесуарів."
|
||||||
products={[
|
products={[
|
||||||
{id: "1", name: "Luxurious Glass Hookah", price: "$249.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg", imageAlt: "Luxurious glass hookah pipe"},
|
{id: "1", name: "Розкішний скляний кальян", price: "$249.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg", imageAlt: "Розкішна скляна кальянна трубка"},
|
||||||
{id: "2", name: "Exotic Tobacco Blends", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Colorful packs of exotic tobacco blends"},
|
{id: "2", name: "Екзотичні тютюнові суміші", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Барвисті упаковки екзотичних тютюнових сумішей"},
|
||||||
{id: "3", name: "Natural Coconut Charcoal", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297183.jpg", imageAlt: "Pile of natural coconut charcoal"},
|
{id: "3", name: "Натуральне кокосове вугілля", price: "$12.99", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297183.jpg", imageAlt: "Купка натурального кокосового вугілля"},
|
||||||
{id: "4", name: "Premium Hookah Hose", price: "$34.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213330.jpg", imageAlt: "Premium hookah hose"}
|
{id: "4", name: "Преміум шланг для кальяну", price: "$34.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213330.jpg", imageAlt: "Преміум шланг для кальяну"}
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
@@ -89,12 +89,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentySix
|
<FeatureCardTwentySix
|
||||||
title="Why Choose Hookah Haven?"
|
title="Чому обирають Hookah Haven?"
|
||||||
description="We offer an unparalleled selection, quality assurance, and dedicated customer support to enhance your hookah journey."
|
description="Ми пропонуємо неперевершений вибір, гарантію якості та віддану підтримку клієнтів для покращення вашого кальянного досвіду."
|
||||||
features={[
|
features={[
|
||||||
{title: "Unrivaled Quality", description: "Only the finest materials and ingredients make it into our selection, guaranteeing a superior experience.", imageSrc: "https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", imageAlt: "Close up of a well-crafted hookah component", buttonIcon: CheckCircle},
|
{title: "Неперевершена якість", description: "Лише найкращі матеріали та інгредієнти потрапляють до нашого асортименту, гарантуючи неперевершений досвід.", imageSrc: "https://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg", imageAlt: "Крупний план добре виготовленого компонента кальяну", buttonIcon: CheckCircle},
|
||||||
{title: "Extensive Selection", description: "From classic designs to modern innovations, find the perfect hookah and tobacco to suit your taste.", imageSrc: "https://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149501012.jpg", imageAlt: "Diverse range of hookah pipes and tobacco boxes", buttonIcon: Boxes},
|
{title: "Широкий асортимент", description: "Від класичних дизайнів до сучасних інновацій, знайдіть ідеальний кальян та тютюн на свій смак.", imageSrc: "https://img.b2bpic.net/free-photo/supermarket-banner-with-various-items_23-2149501012.jpg", imageAlt: "Різноманітний асортимент кальянів та тютюнових коробок", buttonIcon: Boxes},
|
||||||
{title: "Expert Customer Support", description: "Our knowledgeable team is here to assist you with any questions or recommendations.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Customer service representative helping a client", buttonIcon: Headphones}
|
{title: "Професійна підтримка клієнтів", description: "Наша обізнана команда готова допомогти вам з будь-якими питаннями чи рекомендаціями.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Представник служби підтримки клієнтів допомагає клієнту", buttonIcon: Headphones}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
@@ -103,13 +103,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFive
|
<TestimonialCardFive
|
||||||
title="What Our Customers Say"
|
title="Що кажуть наші клієнти"
|
||||||
description="Hear from satisfied enthusiasts who've experienced the Hookah Haven difference."
|
description="Послухайте від задоволених ентузіастів, які відчули різницю Hookah Haven."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{id: "1", name: "Omar Al-Hassan, Connoisseur", date: "Date: 15 May 2024", title: "Simply the best!", quote: "Hookah Haven delivers on quality and variety. My go-to for all my shisha needs.", tag: "Premium Experience", avatarSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageAlt: "Happy customer enjoying hookah"},
|
{id: "1", name: "Омар Аль-Хасан, Знавець", date: "Date: 15 May 2024", title: "Просто найкращі!", quote: "Hookah Haven забезпечує якість та різноманітність. Моє улюблене місце для всіх потреб шиші.", tag: "Преміум досвід", avatarSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191823.jpg", imageAlt: "Задоволений клієнт насолоджується кальяном"},
|
||||||
{id: "2", name: "Layla Khan, Lounge Owner", date: "Date: 20 April 2024", title: "Boosted my business", quote: "Their bulk charcoal and tobacco options are fantastic. My customers love the quality!", tag: "Business Partner", avatarSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageAlt: "Lounge owner smiling"},
|
{id: "2", name: "Лейла Хан, Власниця лаунжу", date: "Date: 20 April 2024", title: "Підвищили мій бізнес", quote: "Їх опції вугілля та тютюну просто фантастичні. Мої клієнти в захваті від якості!", tag: "Бізнес-партнер", avatarSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageSrc: "https://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg", imageAlt: "Власниця лаунжу посміхається"},
|
||||||
{id: "3", name: "Ahmed Malik, Social Smoker", date: "Date: 10 March 2024", title: "Great selection and service", quote: "Found my new favorite blend here. The staff was incredibly helpful and friendly.", tag: "New Favorite", avatarSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageAlt: "Person enjoying a hookah session"},
|
{id: "3", name: "Ахмед Малік, Соціальний курець", date: "Date: 10 March 2024", title: "Відмінний вибір та сервіс", quote: "Знайшов тут свою нову улюблену суміш. Персонал був неймовірно корисним та доброзичливим.", tag: "Новий фаворит", avatarSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageSrc: "https://img.b2bpic.net/free-photo/girl-vaping_1303-5744.jpg", imageAlt: "Людина насолоджується кальянною сесією"},
|
||||||
{id: "4", name: "Sara Jafari, Enthusiast", date: "Date: 02 February 2024", title: "Unbeatable quality!", quote: "The hookahs are stunning and perform flawlessly. Definitely worth every penny.", tag: "High-Quality Gear", avatarSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageAlt: "Woman admiring a hookah"}
|
{id: "4", name: "Сара Джафарі, Ентузіастка", date: "Date: 02 February 2024", title: "Неперевершена якість!", quote: "Кальяни приголомшливі та працюють бездоганно. Безумовно, варті кожної копійки.", tag: "Високоякісне обладнання", avatarSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173623.jpg", imageAlt: "Жінка милується кальяном"}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -118,12 +118,12 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
sideTitle="Frequently Asked Questions"
|
sideTitle="Часті питання"
|
||||||
faqs={[
|
faqs={[
|
||||||
{id: "1", title: "What kind of tobacco do you offer?", content: "We offer a wide range of premium shisha tobacco, including traditional, modern, and exotic blends from top brands worldwide."},
|
{id: "1", title: "Який тютюн ви пропонуєте?", content: "Ми пропонуємо широкий асортимент преміального тютюну для кальяну, включаючи традиційні, сучасні та екзотичні суміші від провідних світових брендів."},
|
||||||
{id: "2", title: "Do you ship internationally?", content: "Currently, we only ship within [Your Country/Region]. Please check our shipping policy for more details."},
|
{id: "2", title: "Чи здійснюєте ви міжнародну доставку?", content: "Наразі ми здійснюємо доставку лише в межах [Вашої країни/регіону]. Будь ласка, перегляньте нашу політику доставки для отримання додаткової інформації."},
|
||||||
{id: "3", title: "How do I care for my new hookah?", content: "Each hookah comes with care instructions. Generally, it's best to clean all components after each use with warm water and a brush."},
|
{id: "3", title: "Як доглядати за новим кальяном?", content: "Кожен кальян поставляється з інструкціями по догляду. Зазвичай, найкраще чистити всі компоненти після кожного використання теплою водою та щіткою."},
|
||||||
{id: "4", title: "What is your return policy?", content: "We accept returns within 30 days of purchase for unused and unopened items. See our full return policy for details."}
|
{id: "4", title: "Яка ваша політика повернення?", content: "Ми приймаємо повернення протягом 30 днів з моменту покупки для невикористаних та нерозпакованих товарів. Детальну інформацію дивіться в нашій повній політиці повернення."}
|
||||||
]}
|
]}
|
||||||
textPosition="left"
|
textPosition="left"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -134,10 +134,10 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
text="Ready to elevate your hookah experience? Get in touch with our team for personalized recommendations or any inquiries."
|
text="Готові покращити свій кальянний досвід? Зв'яжіться з нашою командою для персоналізованих рекомендацій або будь-яких запитів."
|
||||||
buttons={[
|
buttons={[
|
||||||
{text: "Contact Us", href: "/contact"},
|
{text: "Зв'язатися з нами", href: "/contact"},
|
||||||
{text: "Shop All Products", href: "#products"}
|
{text: "Купити всю продукцію", href: "#products"}
|
||||||
]}
|
]}
|
||||||
animationType="reveal-blur"
|
animationType="reveal-blur"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
@@ -149,19 +149,19 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Hookah Haven"
|
logoText="Hookah Haven"
|
||||||
columns={[
|
columns={[
|
||||||
{title: "Shop", items: [
|
{title: "Магазин", items: [
|
||||||
{label: "Hookahs", href: "#products"},
|
{label: "Кальяни", href: "#products"},
|
||||||
{label: "Tobacco", href: "#products"},
|
{label: "Тютюн", href: "#products"},
|
||||||
{label: "Charcoal", href: "#products"},
|
{label: "Вугілля", href: "#products"},
|
||||||
{label: "Accessories", href: "#products"}
|
{label: "Аксесуари", href: "#products"}
|
||||||
]},
|
]},
|
||||||
{title: "Company", items: [
|
{title: "Компанія", items: [
|
||||||
{label: "About Us", href: "#about"},
|
{label: "Про нас", href: "#about"},
|
||||||
{label: "FAQ", href: "#faq"},
|
{label: "FAQ", href: "#faq"},
|
||||||
{label: "Contact", href: "#contact"}
|
{label: "Контакти", href: "#contact"}
|
||||||
]}
|
]}
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Hookah Haven. All rights reserved."
|
copyrightText="© 2024 Hookah Haven. Всі права захищені."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -60,23 +60,23 @@ function ShopPageContent() {
|
|||||||
<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">
|
||||||
<p className="text-foreground">Loading products...</p>
|
<p className="text-foreground">Завантаження товарів...</p>
|
||||||
</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>
|
||||||
@@ -102,10 +102,10 @@ function ShopPageContent() {
|
|||||||
<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-catalog" data-section="product-catalog">
|
<div id="product-catalog" data-section="product-catalog">
|
||||||
@@ -114,9 +114,9 @@ function ShopPageContent() {
|
|||||||
products={products}
|
products={products}
|
||||||
searchValue={search}
|
searchValue={search}
|
||||||
onSearchChange={setSearch}
|
onSearchChange={setSearch}
|
||||||
searchPlaceholder="Search products..."
|
searchPlaceholder="Пошук товарів..."
|
||||||
filters={filters}
|
filters={filters}
|
||||||
emptyMessage="No products found"
|
emptyMessage="Товари не знайдено"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div id="product-cart" data-section="product-cart">
|
<div id="product-cart" data-section="product-cart">
|
||||||
@@ -129,7 +129,7 @@ function ShopPageContent() {
|
|||||||
total={`$${cartTotal}`}
|
total={`$${cartTotal}`}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
text: isCheckoutLoading ? "Обробка..." : "Оформити замовлення", onClick: handleCheckout,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -138,10 +138,10 @@ function ShopPageContent() {
|
|||||||
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user