Update src/app/page.tsx

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>
+  );
+}

src/app/layout.tsx

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

src/app/page.tsx

@@ -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>
   );
-}
+}