"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Phone } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxury Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Stay?"
          ctaDescription="Get in touch with our reservations team for assistance with your booking or any special requests."
          ctaButton={{
            text: "Call Now",            href: "tel:+1-800-LUXURY-1"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What is the best time to visit?",              content: "Our hotel welcomes guests year-round. Peak season (summer and holidays) offers vibrant atmosphere, while shoulder seasons provide perfect weather and fewer crowds. Business travelers frequently visit during weekdays."
            },
            {
              id: "2",              title: "How far is the hotel from the airport?",              content: "We are conveniently located just 15 minutes from the international airport via complimentary shuttle service. Driving distance is approximately 8 miles depending on traffic conditions."
            },
            {
              id: "3",              title: "Can I request a specific room type or view?",              content: "Absolutely! We accommodate special requests including room type, floor preference, and view preferences. Please note these in the booking notes or contact our concierge team."
            },
            {
              id: "4",              title: "Do you offer wedding venue rentals?",              content: "Yes, our elegant ballrooms and outdoor spaces are perfect for weddings, receptions, and ceremonies. Our dedicated events team provides comprehensive planning services. Contact events@luxuryhotels.com."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, American Express), digital wallets, and bank transfers. A valid credit card is required to hold your reservation."
            },
            {
              id: "6",              title: "Is there a cancellation policy?",              content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Cancellations within 48 hours may incur a one-night charge. Premium suites have different terms—please contact our reservations team for details."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
          imageAlt="hotel night luxury building exterior lights"
          logoText="Luxury Hotels"
          copyrightText="© 2025 Luxury Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Deluxe Room", href: "/rooms" },
                { label: "Executive Suite", href: "/rooms" },
                { label: "Presidential Suite", href: "/rooms" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Restaurant & Dining", href: "/about" },
                { label: "Spa & Wellness", href: "/about" },
                { label: "Business Center", href: "/about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
