163 lines
10 KiB
TypeScript
163 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Gift, Leaf, Plug, Truck } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Blog", id: "/blog" },
|
|
{ name: "Contact", id: "/contact" }
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
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: "Blog", href: "/blog" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Hookah Haven"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Elevate Your Hookah Experience"
|
|
description="Discover a curated selection of premium hookahs, exquisite tobacco flavors, and high-quality accessories for the perfect session."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "1000+", label: "Premium Products" },
|
|
{ value: "24/7", label: "Customer Support" },
|
|
{ value: "Fast", label: "Worldwide Shipping" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "/products" },
|
|
{ text: "Explore Flavors", href: "/products#tobacco" },
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/classic-hookah-beautiful-colored-rays-light-smoke-concept-hookah-smoking_169016-5136.jpg"
|
|
imageAlt="Elegant hookah setup with smoke in a luxurious setting"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Why Choose Hookah Haven?"
|
|
description="We go beyond just selling products. We offer an experience defined by quality, convenience, and community."
|
|
tag="Our Advantages"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Premium Selection", description: "Only the highest grade hookahs, tobacco, and accessories, hand-picked for their quality and performance.", bentoComponent: "reveal-icon", icon: Leaf },
|
|
{ title: "Effortless Setup", description: "Our products are designed for ease of use, ensuring you spend less time setting up and more time enjoying.", bentoComponent: "reveal-icon", icon: Plug },
|
|
{ title: "Fast & Secure Shipping", description: "Get your favorites delivered swiftly and safely to your doorstep, wherever you are in the world.", bentoComponent: "reveal-icon", icon: Truck },
|
|
{ title: "Exclusive Flavors", description: "Discover unique and rare tobacco blends you won't find anywhere else, curated for discerning palates.", bentoComponent: "reveal-icon", icon: Gift },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Customers Say"
|
|
description="Hear from the Hookah Haven community about their exceptional experiences with our products and service."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Omar K.", handle: "@hookahfanatic", testimonial: "Hookah Haven has the best selection, period. My 'Classic Elegance' hookah arrived fast and is a beauty. Five stars!", imageSrc: "https://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", imageAlt: "Omar K. avatar" },
|
|
{ id: "2", name: "Sophia R.", handle: "@shishaqueen", testimonial: "The 'Rich Vanilla Tobacco' is heavenly. The flavors are so intense and smooth. My new go-to for quality shisha.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg?_wi=1", imageAlt: "Sophia R. avatar" },
|
|
{ id: "3", name: "Ahmed G.", handle: "@charcoalguru", testimonial: "Their natural coconut charcoal burns perfectly, no weird taste, just clean heat. It makes a huge difference to my sessions.", imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", imageAlt: "Ahmed G. avatar" },
|
|
{ id: "4", name: "Lena M.", handle: "@flavorchaser", testimonial: "I love the 'Exotic Flavor Assortment'! It's a great way to try new things. Always fresh and packed with flavor.", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Lena M. avatar" },
|
|
{ id: "5", name: "Jamal P.", handle: "@chillhookah", testimonial: "The customer service is outstanding. They helped me choose the perfect starter kit. Highly recommend for beginners!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", imageAlt: "Jamal P. avatar" },
|
|
{ id: "6", name: "Chloe T.", handle: "@smoketricks", testimonial: "Found my favorite hookah accessory here, the ceramic bowl. It truly enhances the smoke. Great quality and prices!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg?_wi=2", imageAlt: "Chloe T. avatar" }
|
|
]}
|
|
speed={35}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
title="Insights & Guides"
|
|
description="Stay informed with our latest articles, tips, and product reviews to perfect your hookah experience."
|
|
tag="From Our Blog"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
blogs={[
|
|
{ id: "1", category: ["Tips", "Setup"], title: "Mastering Your Hookah Setup: A Beginner's Guide", excerpt: "Learn the essential steps to setting up your hookah for the best smoke, from base to bowl.", imageSrc: "https://img.b2bpic.net/free-photo/bartender-pouring-cocktail-incredients-lounge-atmosphere_482257-24652.jpg?_wi=1", imageAlt: "Person setting up a hookah", authorName: "Hookah Haven Team", authorAvatar: "https://img.b2bpic.net/free-vector/gradient-labels-collection-luxurious-hotel-experience_23-2150241639.jpg", date: "May 10, 2024" },
|
|
{ id: "2", category: ["Flavors", "Review"], title: "Top 5 New Tobacco Flavors You Must Try This Season", excerpt: "Dive into our review of the freshest and most exciting tobacco blends hitting the market.", imageSrc: "https://img.b2bpic.net/free-photo/hookah-with-mixed-fruits-wooden-board-cocktails-side-view_141793-12246.jpg?_wi=1", imageAlt: "Variety of hookah tobacco flavors", authorName: "Hookah Haven Team", authorAvatar: "https://img.b2bpic.net/free-vector/gradient-labels-collection-luxurious-hotel-experience_23-2150241639.jpg", date: "April 28, 2024" },
|
|
{ id: "3", category: ["Charcoal", "Guide"], title: "The Ultimate Guide to Hookah Charcoal: Types & Usage", excerpt: "Everything you need to know about choosing and managing your charcoal for a smooth session.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-ready-smoke_23-2149173608.jpg?_wi=1", imageAlt: "Various types of hookah charcoal", authorName: "Hookah Haven Team", authorAvatar: "https://img.b2bpic.net/free-vector/gradient-labels-collection-luxurious-hotel-experience_23-2150241639.jpg", date: "April 15, 2024" },
|
|
{ id: "4", category: ["Maintenance", "Tips"], title: "Keeping Your Hookah Pristine: Cleaning & Care Tips", excerpt: "Extend the life of your hookah and ensure optimal performance with our expert cleaning advice.", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213330.jpg?_wi=1", imageAlt: "Cleaning supplies for a hookah", authorName: "Hookah Haven Team", authorAvatar: "https://img.b2bpic.net/free-vector/gradient-labels-collection-luxurious-hotel-experience_23-2150241639.jpg", date: "March 20, 2024" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Have Questions? We're Here to Help."
|
|
description="Reach out to our friendly customer support team for any inquiries, product recommendations, or assistance with your order."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your email address"
|
|
buttonText="Send Message"
|
|
termsText="By submitting, you agree to our privacy policy and terms of service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Hookah Haven"
|
|
copyrightText="© 2024 Hookah Haven. All rights reserved."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |