223 lines
13 KiB
TypeScript
223 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Flame, Star, MapPin, Instagram, Facebook } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="sharp"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Table", href: "/contact"
|
|
}}
|
|
brandName="Hot"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="HOT"
|
|
description="Premium hookah lounge experience with handcrafted flavors and luxurious ambiance"
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "products" },
|
|
{ text: "Reserve Now", href: "/contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/sexy-brunette-girl-seductive-black-clothes-smokes-hookah-while-sitting-counter-nightclub_613910-19138.jpg", imageAlt: "Premium hookah lounge interior"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pensive-tattooed-man-is-sitting-armchair-starting-smoke-hookah-there-are-nice-vapour_613910-20763.jpg", imageAlt: "Relaxing lounge atmosphere"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg", imageAlt: "Customers enjoying hookah experience"
|
|
}
|
|
]}
|
|
autoplayDelay={4000}
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.2}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Hot is where tradition meets" },
|
|
{
|
|
type: "image", src: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297182.jpg", alt: "Premium quality tobacco"
|
|
},
|
|
{ type: "text", content: "modern luxury" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Visit Us Today", href: "/contact" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
products={[
|
|
{
|
|
id: "1", name: "Royal Mint Supreme", price: "$18", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Royal Mint Supreme flavor"
|
|
},
|
|
{
|
|
id: "2", name: "Golden Honey Blend", price: "$18", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Golden Honey Blend flavor"
|
|
},
|
|
{
|
|
id: "3", name: "Exotic Spice Mix", price: "$20", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-vaping_23-2149297182.jpg", imageAlt: "Exotic Spice Mix flavor"
|
|
},
|
|
{
|
|
id: "4", name: "Berry Paradise", price: "$18", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Berry Paradise flavor"
|
|
}
|
|
]}
|
|
title="Featured Flavors"
|
|
description="Discover our signature blends crafted from premium, imported tobacco with natural flavorings"
|
|
tag="Premium Selection"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "#" }
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardSeven
|
|
title="The Hot Experience"
|
|
description="Indulge in our curated lounge atmosphere designed for relaxation and social connection"
|
|
tag="What We Offer"
|
|
tagIcon={Flame}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Premium Atmosphere", description: "Immerse yourself in our carefully curated lounge with ambient lighting, comfortable seating, and curated music that sets the perfect mood", imageSrc: "https://img.b2bpic.net/free-photo/pensive-tattooed-man-is-sitting-armchair-starting-smoke-hookah-there-are-nice-vapour_613910-20763.jpg", imageAlt: "Premium lounge atmosphere"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Expert Preparation", description: "Our trained hookah masters prepare every session with precision, using premium water and proper heating techniques for optimal flavor", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hookah-ready-smoke_23-2149173608.jpg", imageAlt: "Expert hookah preparation"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Flavor Mastery", description: "Explore our extensive flavor collection with unlimited customization options. Mix and match to create your perfect smoking session", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Premium shisha flavors"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Social Hub", description: "Whether meeting friends, hosting events, or enjoying solo sessions, our lounge is designed to bring people together", imageSrc: "https://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg", imageAlt: "Social hookah environment"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
title="Why Choose Hot"
|
|
description="Join thousands of satisfied customers who trust us for the finest hookah experience"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "8+ Years", title: "Premium Service", description: "Trusted tradition of excellence", imageSrc: "https://img.b2bpic.net/free-photo/pensive-tattooed-man-is-sitting-armchair-starting-smoke-hookah-there-are-nice-vapour_613910-20763.jpg", imageAlt: "Premium service experience"
|
|
},
|
|
{
|
|
id: "2", value: "50+ Flavors", title: "Flavor Collection", description: "Artisanal and imported selections", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg", imageAlt: "Diverse flavor collection"
|
|
},
|
|
{
|
|
id: "3", value: "4.9/5 Stars", title: "Customer Rated", description: "Exceptional experiences guaranteed", imageSrc: "https://img.b2bpic.net/free-photo/black-wooden-table_417767-153.jpg", imageAlt: "Customer satisfaction"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="scale-rotate"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson", role: "Regular Customer", testimonial: "Hot has become my favorite escape. The flavors are incredible, the atmosphere is perfect, and the staff really knows their craft. I bring all my friends here.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Mitchell", role: "Event Host", testimonial: "We hosted our corporate event at Hot and it was unforgettable. The premium selection, comfortable seating, and amazing service made everyone feel special.", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "3", name: "Ahmed Hassan", role: "Shisha Enthusiast", testimonial: "As someone who appreciates fine tobacco, Hot is exceptional. Their imported blends and expert preparation elevate the entire experience.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Ahmed Hassan"
|
|
},
|
|
{
|
|
id: "4", name: "Jessica Lee", role: "Social Group Member", testimonial: "The perfect place to unwind with friends. Great ambiance, friendly staff, and they always have something new to try. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Jessica Lee"
|
|
},
|
|
{
|
|
id: "5", name: "David Chen", role: "Premium Member", testimonial: "Been coming here for years. The consistency in quality and service is unmatched. This is the gold standard for hookah lounges.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "6", name: "Emma Rodriguez", role: "First-Time Visitor", testimonial: "What an amazing first experience! The staff guided me through everything, the flavors were smooth, and I'll definitely be back soon.", imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Emma Rodriguez"
|
|
}
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Real experiences from our valued customers"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
animationType="depth-3d"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Hot"
|
|
copyrightText="© 2025 Hot Hookah Lounge. All rights reserved. Celebrating tradition, one session at a time."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/hothokaah", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/hothokaah", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
href: "/contact", ariaLabel: "Location"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|