"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { HelpCircle } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Premium Hospitality"
          bottomRightText="hello@luxehaven.com"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Reserve Your Stay"
          description="Contact our reservations team to book your perfect getaway or inquire about group rates and special events."
          inputs={[
            { name: "name", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "checkIn", type: "date", placeholder: "Check-in Date", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Share your preferences or special requests...",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg"
          imageAlt="Hotel reception and customer service"
          mediaPosition="right"
          buttonText="Send Inquiry"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay, amenities, and booking policies."
          tag="Guest Support"
          tagIcon={HelpCircle}
          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. Non-refundable rates are available at a discounted price."
            },
            {
              id: "2",
              title: "Are pets allowed at Luxe Haven?",
              content: "Yes, we welcome well-behaved pets! There is a pet-friendly room fee of $25 per night. Please inform us at the time of booking, and we'll ensure your furry friend has a comfortable stay."
            },
            {
              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 are available based on availability. Please contact us in advance to arrange."
            },
            {
              id: "4",
              title: "Is breakfast included in the room rate?",
              content: "Breakfast is included with Executive Suite and Penthouse Suite bookings. For Deluxe Room guests, a complimentary breakfast upgrade can be added for $15 per person per night."
            },
            {
              id: "5",
              title: "Do you offer airport shuttle service?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Please arrange this at the time of booking or contact our concierge upon arrival."
            },
            {
              id: "6",
              title: "What dining options are available?",
              content: "Our fine dining restaurant serves breakfast, lunch, and dinner. We also have a lounge bar, room service available 24/7, and room service menu options for all dietary preferences."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <FooterBaseCard 
        logoText="Luxe Haven"
        columns={[
          {
            title: "Rooms & Rates",
            items: [
              { label: "Deluxe Rooms", href: "/rooms" },
              { label: "Executive Suites", href: "/rooms" },
              { label: "Penthouse", href: "/rooms" },
              { label: "Special Offers", href: "/" }
            ]
          },
          {
            title: "Amenities",
            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
              { label: "Business Services", href: "/amenities" }
            ]
          },
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Awards", href: "/" },
              { label: "Careers", href: "/" },
              { label: "Contact Us", href: "/contact" }
            ]
          },
          {
            title: "Policies",
            items: [
              { label: "Cancellation", href: "/contact" },
              { label: "Privacy Policy", href: "/" },
              { label: "Terms & Conditions", href: "/" },
              { label: "Accessibility", href: "/" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
        copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
      />
    </ThemeProvider>
  );
}