93 lines
3.8 KiB
TypeScript
93 lines
3.8 KiB
TypeScript
"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>
|
|
);
|
|
}
|