From 2cb2a753932e36bfa45dc7134cabd42d47328f9b Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Fri, 30 Jan 2026 10:05:38 +0000
Subject: [PATCH] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 92 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..66ebe06
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -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>
+  );
+}