"use client";

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

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Serenity Hotel"
          button={{
            text: "Book Now",            href: "/booking"
          }}
        />
        <div className="hidden">
          <Link href="/">Home</Link>
          <Link href="/about">About</Link>
          <Link href="/contact">Contact</Link>
          <Link href="/blog">Blog</Link>
        </div>
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our hotel, rooms, and services. Can't find what you're looking for? Contact our concierge."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-women-using-mobile_74190-9662.jpg"
          imageAlt="Hotel reception area with helpful staff"
          faqs={[
            {
              id: "1",              title: "What are your check-in and check-out times?",              content: "Standard check-in time is 3:00 PM and check-out time is 11:00 AM. Early check-in and late check-out are available upon request, subject to room availability."
            },
            {
              id: "2",              title: "Is breakfast included in the room rate?",              content: "Complimentary breakfast is included with all room bookings. Our full breakfast buffet is served daily from 6:30 AM to 10:30 AM in our main dining area."
            },
            {
              id: "3",              title: "Do you offer airport transportation?",              content: "Yes, we provide complimentary airport shuttle service for our guests. Please arrange this in advance with our concierge or indicate your preference during booking."
            },
            {
              id: "4",              title: "Are pets allowed at the hotel?",              content: "We welcome well-behaved pets! A pet fee of $25 per night applies. Please inform us during booking or contact our concierge to make arrangements."
            },
            {
              id: "5",              title: "What parking options are available?",              content: "We offer complimentary on-site parking for all guests. Both covered and open parking options are available. Valet service is available for an additional fee."
            },
            {
              id: "6",              title: "Do you have meeting and event facilities?",              content: "Yes, our hotel features multiple event spaces and conference rooms perfect for business meetings, conferences, and celebrations. Contact our events team for customized packages."
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="Serenity Hotel"
        copyrightText="© 2024 Serenity Hotel. All rights reserved."
        columns={[
          {
            title: "Hotel",            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Events & Meetings", href: "/events" }
            ]
          },
          {
            title: "Guest Services",            items: [
              { label: "Booking Policies", href: "/policies" },
              { label: "Cancellation", href: "/cancellation" },
              { label: "Contact Concierge", href: "/contact" },
              { label: "Group Bookings", href: "/groups" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Newsletter", href: "/newsletter" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}