Merge version_2 into main

Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-01-30 10:05:45 +00:00
3 changed files with 98 additions and 37 deletions

92
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,92 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { MapPin, Instagram, Facebook } from "lucide-react";
export default function ContactPage() {
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="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>
);
}

View File

@@ -1263,4 +1263,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

View File

@@ -36,7 +36,7 @@ export default function LandingPage() {
{ name: "Contact", id: "contact" }
]}
button={{
text: "Reserve Table", href: "contact"
text: "Reserve Table", href: "/contact"
}}
brandName="Hot"
/>
@@ -48,7 +48,7 @@ export default function LandingPage() {
description="Premium hookah lounge experience with handcrafted flavors and luxurious ambiance"
buttons={[
{ text: "Explore Menu", href: "products" },
{ text: "Reserve Now", href: "contact" }
{ text: "Reserve Now", href: "/contact" }
]}
slides={[
{
@@ -78,7 +78,7 @@ export default function LandingPage() {
]}
buttons={[
{ text: "Learn Our Story", href: "#" },
{ text: "Visit Us Today", href: "contact" }
{ text: "Visit Us Today", href: "/contact" }
]}
useInvertedBackground="noInvert"
/>
@@ -197,37 +197,6 @@ export default function LandingPage() {
/>
</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"
@@ -243,11 +212,11 @@ export default function LandingPage() {
},
{
icon: MapPin,
href: "#contact", ariaLabel: "Location"
href: "/contact", ariaLabel: "Location"
}
]}
/>
</div>
</ThemeProvider>
);
}
}