"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FaqBase from '@/components/sections/faq/FaqBase';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/contact" }}
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <FeatureCardTwentyOne
          title="Plan Your Perfect Stay"
          description="Our dedicated concierge team is here to assist you with reservations, special requests, and creating personalized experiences during your visit."
          tag="Get in Touch"
          imageSrc="https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg"
          imageAlt="Professional concierge providing personalized guest assistance"
          accordionItems={[
            {
              id: "1",
              title: "Reservations & Bookings",
              content: "Call us at +1 (555) 123-4567 or email reservations@luxehaven.com for immediate assistance with room bookings, special rates, and package deals."
            },
            {
              id: "2",
              title: "Concierge Services",
              content: "Our concierge team can arrange transportation, dinner reservations, spa appointments, local tours, and any special requests to make your stay memorable."
            },
            {
              id: "3",
              title: "Event Planning",
              content: "Host your wedding, corporate event, or celebration at Luxe Haven. Contact our events team at events@luxehaven.com for custom proposals and venue tours."
            }
          ]}
          buttons={[{ text: "Call Now", href: "tel:+15551234567" }]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="booking-support" data-section="booking-support">
        <MetricCardEleven
          metrics={[
            {
              id: "1",
              value: "24/7",
              title: "Guest Support Available",
              description: "Round-the-clock assistance for all your needs",
              imageSrc: "https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg"
            },
            {
              id: "2",
              value: "< 2min",
              title: "Average Response Time",
              description: "Quick and efficient service for all inquiries",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
            }
          ]}
          title="Exceptional Guest Support"
          description="Experience our commitment to prompt, professional service from booking to checkout"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 48 hours before check-in for a full refund. Cancellations within 48 hours will be charged one night's accommodation."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Please arrange pickup in advance by contacting our concierge team."
            },
            {
              id: "3",
              title: "Is breakfast included in the room rate?",
              content: "Breakfast is included for select room packages. Please check your booking confirmation or contact us for details about your specific rate."
            },
            {
              id: "4",
              title: "What amenities are included?",
              content: "All guests enjoy complimentary access to our gym, pool, and WiFi. Premium spa treatments and dining are available at an additional cost."
            },
            {
              id: "5",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets with a $50 per night pet fee. Please notify us in advance of your pet's arrival."
            },
            {
              id: "6",
              title: "Do you have event spaces available?",
              content: "Yes! Our elegant ballrooms and conference rooms are perfect for weddings, corporate events, and celebrations. Contact our events team for custom packages."
            }
          ]}
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay at Luxe Haven."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <FooterLogoReveal logoText="Luxe Haven" />
    </ThemeProvider>
  );
}