Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
92
src/app/contact/page.tsx
Normal file
92
src/app/contact/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -1263,4 +1263,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user