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