"use client";
import Link from "next/link";
import { Mail } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Reviews", id: "/reviews" },
            { name: "Offers", id: "/offers" },
          ]}
          button={{
            text: "Book Now",            href: "#booking"}}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          tagIcon={Mail}
          title="Contact Our Guest Services Team"
          description="Have questions about your stay or need assistance with reservations? Our dedicated guest services team is here to help you 24/7. Reach out to us for personalized assistance."
          inputPlaceholder="your@email.com"
          buttonText="Send Message"
          termsText="By contacting us, you agree to our Terms of Service and Privacy Policy. We'll respond to your inquiry within 24 hours."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <ContactCenter
          tag="Direct Contact"
          title="Multiple Ways to Reach Us"
          description="Phone: +1 (555) 123-4567 | Email: reservations@luxehaven.com | Address: 123 Luxury Boulevard, Paradise City, PC 12345 | Hours: 24/7 Guest Services Available"
          inputPlaceholder="Special requests or questions"
          buttonText="Submit Request"
          termsText="For immediate assistance, please call our 24/7 guest services hotline. Emergency services available at all times."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="guest-support" data-section="guest-support">
        <FaqSplitText
          sideTitle="Need Immediate Assistance?"
          sideDescription="Our guest services team is available around the clock to ensure your stay is perfect."
          textPosition="left"
          useInvertedBackground="noInvert"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "How can I make a reservation?",              content: "You can book directly through our website, call our reservations team at +1 (555) 123-4567, or email reservations@luxehaven.com. Online booking offers the best rates and instant confirmation."},
            {
              id: "2",              title: "What services does the concierge provide?",              content: "Our concierge team can assist with restaurant reservations, transportation arrangements, local attraction tickets, spa appointments, and any special requests to enhance your stay."},
            {
              id: "3",              title: "Do you provide airport transportation?",              content: "Yes, we offer premium airport transfer services. Please contact us at least 24 hours in advance to arrange pickup. Our luxury vehicles ensure a comfortable journey to and from the hotel."},
          ]}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Rooms & Rates",            items: [
              { label: "Room Types", href: "/rooms" },
              { label: "Current Offers", href: "/offers" },
              { label: "Group Bookings", href: "/contact" },
              { label: "Corporate Rates", href: "/contact" },
            ],
          },
          {
            title: "Amenities",            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Swimming Pool", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
            ],
          },
          {
            title: "Guest Services",            items: [
              { label: "Concierge", href: "/contact" },
              { label: "Room Service", href: "/contact" },
              { label: "Housekeeping", href: "/contact" },
              { label: "Guest Support", href: "/contact" },
            ],
          },
          {
            title: "About",            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Media", href: "/about" },
            ],
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "/legal" },
              { label: "Terms of Service", href: "/legal" },
              { label: "Cookie Policy", href: "/legal" },
            ],
          },
        ]}
        bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
        bottomRightText="Crafted with elegance for travelers worldwide"
      />
    </ThemeProvider>
  );
}