"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail, HelpCircle, Zap } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="LuxeStay"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Experience Luxury?"
          description="Contact our dedicated team to book your stay or learn more about our premium accommodations and world-class amenities. We're here to make your luxury experience unforgettable."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Start Your Journey"
          termsText="We respect your privacy and will only use your information to provide exceptional service. Contact us anytime."
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay, bookings, and our amenities."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "What is your 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."
            },
            {
              id: "2",
              title: "Are pets allowed at the resort?",
              content: "Yes, we welcome well-behaved pets. A non-refundable pet fee of $50 per stay applies. Pet amenities include food bowls, beds, and designated walking areas. Please inform us when booking."
            },
            {
              id: "3",
              title: "What time are check-in and check-out?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available based on room availability. Contact the front desk for arrangements."
            },
            {
              id: "4",
              title: "Is breakfast included with all room types?",
              content: "Yes, a complimentary gourmet breakfast is included with all room bookings. Breakfast is served daily from 6:30 AM to 10:30 AM in our main dining room."
            },
            {
              id: "5",
              title: "Do you offer airport transportation?",
              content: "We provide complimentary airport shuttle service for all guests. Please provide your flight details during booking, and we'll arrange pickup at your convenience."
            },
            {
              id: "6",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards (Visa, Mastercard, American Express), debit cards, and digital payment methods. A valid credit card is required at check-in for incidental charges."
            }
          ]}
        />
      </div>

      <div id="booking" data-section="booking">
        <PricingCardNine
          title="Book Your Perfect Stay"
          description="Reserve your luxury accommodation today. All rates include breakfast, premium amenities, and access to our world-class facilities."
          tag="Special Rates"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "weekend",
              title: "Weekend Getaway",
              price: "$399",
              period: "/2 nights",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Weekend package",
              features: [
                "Deluxe room for 2 nights",
                "Daily gourmet breakfast",
                "Complimentary spa access",
                "Late check-out included",
                "Welcome champagne service"
              ],
              button: {
                text: "Book Weekend",
                href: "#"
              }
            },
            {
              id: "business",
              title: "Business Package",
              price: "$559",
              period: "/3 nights",
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683429.jpg",
              imageAlt: "Business package",
              features: [
                "Executive suite for 3 nights",
                "Business center access",
                "Express laundry service",
                "Priority concierge support",
                "Meeting room privileges",
                "Airport transfer included"
              ],
              button: {
                text: "Book Business",
                href: "#"
              }
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Press", href: "/about" },
              { label: "Blog", href: "/about" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Dining", href: "/rooms" },
              { label: "Spa & Wellness", href: "/rooms" },
              { label: "Events", href: "/rooms" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Reservations: +1 (555) 123-4567", href: "tel:+15551234567" },
              { label: "Email: hello@luxestay.com", href: "mailto:hello@luxestay.com" },
              { label: "Address: 123 Luxury Boulevard", href: "/contact" },
              { label: "24/7 Concierge Service", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 LuxeStay Resort. All rights reserved."
      />
    </ThemeProvider>
  );
}