"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Mail, HelpCircle, MapPin, Sparkles } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Mail}
          title="Plan Your Perfect Stay"
          description="Ready to experience luxury hospitality? Contact our concierge team to plan your unforgettable getaway at Luxe Haven."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Get Information"
          termsText="By submitting, you agree to receive information about our services and offers. We respect your privacy and you can unsubscribe anytime."
        />
      </div>

      <div id="location-info" data-section="location-info">
        <TestimonialAboutCard
          tag="Visit Us"
          tagIcon={MapPin}
          title="Nestled along the pristine coastline with breathtaking ocean views and direct beach access."
          description="1234 Ocean Drive"
          subdescription="Paradise Bay, CA 90210"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
          imageAlt="Luxe Haven beachfront location with ocean views"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-faq" data-section="contact-faq">
        <FaqBase
          title="Contact & Booking Support"
          description="Find answers to common questions about contacting us, making reservations, and planning your stay."
          tag="Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "How can I make a reservation?",
              content: "You can make a reservation by calling our reservations team at +1 (555) 123-4567, emailing reservations@luxehaven.com, or using our online booking system. Our concierge is available 24/7 to assist you."
            },
            {
              id: "2",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation options. Guests can cancel free of charge up to 48 hours before arrival. Cancellations within 48 hours will be charged one night. For more information, please contact our reservations team."
            },
            {
              id: "3",
              title: "Do you provide airport transportation?",
              content: "Yes! We provide complimentary airport shuttle service for all guests. Please notify us of your arrival details at least 24 hours in advance. Premium guests enjoy private car service with advance booking."
            },
            {
              id: "4",
              title: "How can I contact guest services during my stay?",
              content: "Our guest services team is available 24/7. You can call extension 0 from your room phone, visit our front desk, or use our mobile concierge app. We're here to ensure your stay exceeds expectations."
            }
          ]}
        />
      </div>

      <FooterLogoReveal
        logoText="Luxe Haven"
        logoLineHeight={1.2}
      />
    </ThemeProvider>
  );
}