Initial commit
This commit is contained in:
Nikolay Pecheniev
253
src/app/page.tsx
Normal file
253
src/app/page.tsx
Normal file
@@ -0,0 +1,253 @@
|
||||
"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="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Visit Hot Lounge"
|
||||
ctaDescription="Reserve your table or inquire about private events. Our team is ready to welcome you."
|
||||
ctaButton={{
|
||||
text: "Book Your Session", href: "#"
|
||||
}}
|
||||
ctaIcon={MapPin}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are your operating hours?", content: "We're open Tuesday to Thursday 5 PM - 2 AM, Friday to Saturday 5 PM - 3 AM, and Sunday 4 PM - 2 AM. Closed Mondays for private events."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Do you have private event spaces?", content: "Yes! We offer private lounge packages perfect for celebrations, corporate events, and group gatherings. Contact us for custom arrangements."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What's the difference between your flavor profiles?", content: "We offer light fruity blends, rich tobacco-forward selections, and exotic spice mixes. Our staff can recommend flavors based on your preferences."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Do you offer memberships?", content: "Yes! Our Premium Membership includes discounted sessions, exclusive flavors, priority reservations, and special member events throughout the year."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Is there a dress code?", content: "Smart casual is our standard. We maintain an upscale yet welcoming atmosphere. Please no athletic wear or offensive attire."
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user