Merge version_1 into main #3
@@ -22,53 +22,50 @@ export default function AboutPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Shop Now", href: "/shop" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
tag="About Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Values"
|
||||
description="Quality over everything."
|
||||
features={[
|
||||
{ id: "1", title: "Quality", description: "Handpicked blends." },
|
||||
{ id: "2", title: "Expertise", description: "Knowledgeable support." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Shop Now", href: "/shop" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
tag="About Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Values"
|
||||
description="Quality over everything."
|
||||
features={[
|
||||
{ id: "1", title: "Quality" },
|
||||
{ id: "2", title: "Expertise" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -3,11 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,92 +21,36 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="We are here to help."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Message Us"
|
||||
description="Use the form below."
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Hookahs",
|
||||
href: "/shop#hookah",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "/terms",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "FDA Warnings",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Support", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -22,54 +22,51 @@ export default function FaqPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Support", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal-faq" data-section="legal-faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need to be 21+?", content: "Yes. This site is strictly for individuals 21 years of age or older in compliance with federal law. Age verification is required upon landing." },
|
||||
{ id: "f2", title: "Do you ship to my state?", content: "We ship throughout the USA in accordance with state laws. Some states have specific restrictions." },
|
||||
{ id: "f3", title: "Return Policy", content: "Due to FDA health regulations, we cannot accept returns of opened tobacco products." }
|
||||
]}
|
||||
title="Legal Requirements & FAQ"
|
||||
description="Important information about shipping, age verification, and our compliance standards."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
sections={[{ id: "s1", title: "Policy", content: "Standard compliance." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Support", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="legal-faq" data-section="legal-faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need to be 21+?", content: "Yes. This site is strictly for individuals 21 years of age or older in compliance with federal law. Age verification is required upon landing." },
|
||||
{ id: "f2", title: "Do you ship to my state?", content: "We ship throughout the USA in accordance with state laws. Some states have specific restrictions." },
|
||||
{ id: "f3", title: "Return Policy", content: "Due to FDA health regulations, we cannot accept returns of opened tobacco products." }
|
||||
]}
|
||||
title="Legal Requirements & FAQ"
|
||||
description="Important information about shipping, age verification, and our compliance standards."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="section"
|
||||
title="Terms of Service"
|
||||
sections={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
158
src/app/page.tsx
158
src/app/page.tsx
@@ -2,12 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,84 +24,80 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Premium Hookah Experience"
|
||||
description="Artisan hookahs and premium shisha tobacco delivered to your door. Authentic quality for the sophisticated enthusiast."
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/artisan-hand-blown-glass-hookah-in-a-dar-1774691657529-14521288.png", imageAlt: "Hookah Setup" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/premium-shisha-tobacco-tins-on-a-rustic--1774691657458-5b35308b.png", imageAlt: "Tobacco" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/detail-shot-of-a-modern-hookah-hose-and--1774691657092-0d6a31b4.png", imageAlt: "Hose" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/close-up-of-glowing-natural-coconut-char-1774691657318-2a7fd85e.png", imageAlt: "Charcoal" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/close-up-view-of-lush-thick-smoke-plumes-1774691658497-460c032f.png", imageAlt: "Smoke" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/elegant-hookah-setup-on-a-marble-table-i-1774691657750-59e13725.png", imageAlt: "Setup" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-details" data-section="about-details">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Excellence"
|
||||
description="We source only the finest globally-renowned brands. Our selection process ensures that every tin, bowl, and hookah piece meets the highest standards for performance and longevity."
|
||||
metrics={[{ value: "100+", title: "Premium Blends" }, { value: "24h", title: "Shipping" }, { value: "21+", title: "Verified Only" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/professional-team-member-handling-premiu-1774691658020-4d89eff8.png"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Experts"
|
||||
description="Our team of enthusiasts is dedicated to providing you with the best shisha experience."
|
||||
members={[
|
||||
{ id: "1", name: "Alex", role: "Head Curator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/professional-team-member-handling-premiu-1774691658020-4d89eff8.png" },
|
||||
{ id: "2", name: "Sam", role: "Operations Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/professional-team-member-handling-premiu-1774691658020-4d89eff8.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Reach out to us anytime for support."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[{ id: "q1", title: "Shipping times?", content: "We process orders within 24 hours." }, { id: "q2", title: "Bulk orders?", content: "Contact us for wholesale inquiries." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Premium Hookah Experience"
|
||||
description="Artisan hookahs and premium shisha tobacco delivered to your door. Authentic quality for the sophisticated enthusiast."
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/artisan-hand-blown-glass-hookah-in-a-dar-1774691657529-14521288.png", imageAlt: "Hookah Setup" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/premium-shisha-tobacco-tins-on-a-rustic--1774691657458-5b35308b.png", imageAlt: "Tobacco" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/detail-shot-of-a-modern-hookah-hose-and--1774691657092-0d6a31b4.png", imageAlt: "Hose" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/close-up-of-glowing-natural-coconut-char-1774691657318-2a7fd85e.png", imageAlt: "Charcoal" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/close-up-view-of-lush-thick-smoke-plumes-1774691658497-460c032f.png", imageAlt: "Smoke" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/elegant-hookah-setup-on-a-marble-table-i-1774691657750-59e13725.png", imageAlt: "Setup" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-details" data-section="about-details">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Excellence"
|
||||
description="We source only the finest globally-renowned brands. Our selection process ensures that every tin, bowl, and hookah piece meets the highest standards for performance and longevity."
|
||||
metrics={[{ value: "100+", title: "Premium Blends" }, { value: "24h", title: "Shipping" }, { value: "21+", title: "Verified Only" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/professional-team-member-handling-premiu-1774691658020-4d89eff8.png"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Experts"
|
||||
description="Our team of enthusiasts is dedicated to providing you with the best shisha experience."
|
||||
members={[
|
||||
{ id: "1", name: "Alex", role: "Head Curator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/professional-team-member-handling-premiu-1774691658020-4d89eff8.png" },
|
||||
{ id: "2", name: "Sam", role: "Operations Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/professional-team-member-handling-premiu-1774691658020-4d89eff8.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Reach out to us anytime for support."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[{ id: "q1", title: "Shipping times?", content: "We process orders within 24 hours." }, { id: "q2", title: "Bulk orders?", content: "Contact us for wholesale inquiries." }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -22,61 +22,57 @@ export default function ShopPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Cart", href: "/cart" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-grid" data-section="shop-grid">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Artisan Glass Hookah", price: "$299", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/artisan-hand-blown-glass-hookah-in-a-dar-1774691657529-14521288.png" },
|
||||
{ id: "p2", name: "Golden Leaf Shisha", price: "$24", variant: "250g", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/premium-shisha-tobacco-tins-on-a-rustic--1774691657458-5b35308b.png" },
|
||||
{ id: "p3", name: "Coconut Natural Charcoals", price: "$15", variant: "1kg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/close-up-of-glowing-natural-coconut-char-1774691657318-2a7fd85e.png" },
|
||||
{ id: "p4", name: "Modern Silicone Hose", price: "$35", variant: "Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/detail-shot-of-a-modern-hookah-hose-and--1774691657092-0d6a31b4.png" }
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Curated selection of high-end accessories and premium tobacco blends."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Top Picks"
|
||||
description="Staff recommendations."
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Hookah Haven"
|
||||
button={{ text: "Cart", href: "/cart" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="shop-grid" data-section="shop-grid">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Artisan Glass Hookah", price: "$299", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/artisan-hand-blown-glass-hookah-in-a-dar-1774691657529-14521288.png" },
|
||||
{ id: "p2", name: "Golden Leaf Shisha", price: "$24", variant: "250g", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/premium-shisha-tobacco-tins-on-a-rustic--1774691657458-5b35308b.png" },
|
||||
{ id: "p3", name: "Coconut Natural Charcoals", price: "$15", variant: "1kg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/close-up-of-glowing-natural-coconut-char-1774691657318-2a7fd85e.png" },
|
||||
{ id: "p4", name: "Modern Silicone Hose", price: "$35", variant: "Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZLMS2k6KWAjpCJkV7Z2gvhymb/detail-shot-of-a-modern-hookah-hose-and--1774691657092-0d6a31b4.png" }
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Curated selection of high-end accessories and premium tobacco blends."
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Top Picks"
|
||||
description="Staff recommendations."
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Hookah Haven"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Products", href: "/shop" }, { label: "Hookahs", href: "/shop#hookah" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Privacy Policy", href: "/privacy" }, { label: "FDA Warnings", href: "/faq" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Hookah Haven. All rights reserved. WARNING: This product contains nicotine. Nicotine is an addictive chemical."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user