"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { HelpCircle } from "lucide-react";
import Link from "next/link";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Serenity Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",            href: "https://booking.serenityhotels.com"
          }}
        />
        <div style={{ display: "none" }}>
          <Link href="/">Home</Link>
          <Link href="/about">About</Link>
          <Link href="/contact">Contact</Link>
        </div>
      </div>

      <div id="contact-info" data-section="contact-info">
        <TextSplitAbout
          title="Get in Touch"
          description={[
            "We're here to make your stay exceptional. Whether you're planning your visit, need assistance during your stay, or have questions about our services, our dedicated team is ready to help.",            "Contact us directly for personalized service, special requests, or to learn more about our luxury accommodations and world-class amenities.",            "For immediate bookings, use our online reservation system or speak with our reservations team available 24/7."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            {
              text: "Book Now",              href: "https://booking.serenityhotels.com"
            },
            {
              text: "Call Us",              href: "tel:+1-800-SERENITY"
            }
          ]}
        />
      </div>

      <div id="contact-methods" data-section="contact-methods">
        <TextSplitAbout
          title="Contact Information"
          description={[
            "Reservations: +1 (800) SERENITY | Available 24/7 for bookings and inquiries",            "Concierge Services: concierge@serenityhotels.com | Personalized assistance for all your needs"
          ]}
          useInvertedBackground="invertDefault"
          showBorder={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay at Serenity Hotels. Our team is always ready to help."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg"
          imageAlt="Serenity Hotels lobby and front desk"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How can I make a reservation?",              content: "You can book directly through our website, call our 24/7 reservations line at +1 (800) SERENITY, or contact any of our properties directly. We also work with travel agents and booking platforms worldwide."
            },
            {
              id: "2",              title: "Do you offer special rates for extended stays?",              content: "Yes, we provide attractive rates for stays of 7 nights or longer. Contact our reservations team for customized long-stay packages that include additional amenities and services."
            },
            {
              id: "3",              title: "Can I request specific room preferences?",              content: "Absolutely. We accommodate requests for room location, view preferences, bedding configuration, and accessibility features. While we can't guarantee specific rooms, we'll do our best to fulfill your preferences based on availability."
            },
            {
              id: "4",              title: "How do I contact guest services during my stay?",              content: "Guest services can be reached by dialing '0' from your room phone, visiting the front desk, or using our mobile app. Our team is available 24/7 to assist with any needs or requests."
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Serenity Hotels. All rights reserved. | Luxury Hospitality"
        columns={[
          {
            title: "About",            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "https://careers.serenityhotels.com" },
              { label: "Sustainability", href: "https://sustainability.serenityhotels.com" },
              { label: "Press", href: "https://press.serenityhotels.com" }
            ]
          },
          {
            title: "Services",            items: [
              { label: "Rooms & Suites", href: "/" },
              { label: "Amenities", href: "/" },
              { label: "Events & Weddings", href: "https://events.serenityhotels.com" },
              { label: "Loyalty Program", href: "https://loyalty.serenityhotels.com" }
            ]
          },
          {
            title: "Contact",            items: [
              { label: "Book Now", href: "https://booking.serenityhotels.com" },
              { label: "Contact Us", href: "/contact" },
              { label: "Gift Certificates", href: "https://gifts.serenityhotels.com" },
              { label: "Feedback", href: "https://feedback.serenityhotels.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}