"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Luxe Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "booking"
          }}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about your stay with us."
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What time is check-in and check-out?",
              content: "Check-in is available from 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request, subject to room availability."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide airport transfer services for our guests. Please arrange this at the time of booking or contact our concierge upon arrival."
            },
            {
              id: "3",
              title: "Is there free parking available?",
              content: "Complimentary parking is included with all room bookings. Valet service is available for an additional fee."
            },
            {
              id: "4",
              title: "What is your cancellation policy?",
              content: "Cancellations made 7 days before arrival receive a full refund. Cancellations within 7 days of arrival are subject to one night's charge."
            },
            {
              id: "5",
              title: "Do you accommodate special dietary needs?",
              content: "Absolutely! Our culinary team can accommodate various dietary requirements. Please inform us during booking or contact the hotel directly."
            },
            {
              id: "6",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets in select rooms. A pet fee applies. Please arrange this during booking."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to book your perfect stay? Contact our reservations team today and let us create an unforgettable experience for you."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Reserve Now", href: "booking" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxe Hotel"
          columns={[
            {
              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Spa & Wellness", href: "spa" }
              ]
            },
            {
              items: [
                { label: "Dining", href: "dining" },
                { label: "Events", href: "events" },
                { label: "Special Offers", href: "offers" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Reviews", href: "reviews" },
                { label: "Careers", href: "careers" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms & Conditions", href: "terms" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}