"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "product" },
            { name: "Amenities", id: "feature" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Elegance Suites"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@elegancesuites.com"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Mail}
          title="Plan Your Perfect Stay"
          description="Contact our dedicated team for personalized service, special requests, or to book your luxury experience at Elegance Suites"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/happy-caucasian-pretty-long-hair-elegant-tourist-woman-dress-with-red-suitcase-outside-hotel_343596-3652.jpg"
          imageAlt="Luxury travel destination"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Contact Us"
          termsText="Our team will respond within 24 hours. By contacting us, you agree to our Terms of Service and Privacy Policy."
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Contact & Services"
          description="Multiple ways to reach us and discover our comprehensive guest services"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="opacity"
          features={[
            {
              id: "reservations",              label: "Reservations",              title: "Book Your Stay",              items: [
                "Phone: +1 (800) ELEGANCE",                "Email: reservations@elegancesuites.com",                "Online booking available 24/7"
              ],
              buttons: [
                { text: "Book Online", href: "#" }
              ]
            },
            {
              id: "concierge",              label: "Concierge",              title: "Personal Assistant Services",              items: [
                "Local attraction recommendations",                "Restaurant reservations",                "Transportation arrangements"
              ],
              buttons: [
                { text: "Request Service", href: "#" }
              ]
            },
            {
              id: "events",              label: "Events & Meetings",              title: "Special Occasions",              items: [
                "Wedding planning services",                "Corporate event coordination",                "Private dining experiences"
              ],
              buttons: [
                { text: "Plan Event", href: "#" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          title="What Our Guests Say"
          description="Real experiences from travelers who chose Elegance Suites for their stay"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Exceptional Service Experience",              quote: "From the moment I contacted them for booking, the service was impeccable. The reservation team was helpful, and the concierge made our stay truly special with personalized recommendations.",              name: "Michael Johnson",              role: "Business Traveler",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Michael Johnson"
            },
            {
              id: "2",              title: "Seamless Communication",              quote: "The staff's responsiveness and attention to our special requests made our anniversary celebration perfect. They truly understand luxury hospitality and go above and beyond.",              name: "Lisa Chen",              role: "Anniversary Guest",              imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Lisa Chen"
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Hotel Info",            items: [
              { label: "About Us", href: "about" },
              { label: "Rooms & Suites", href: "product" },
              { label: "Amenities", href: "feature" },
              { label: "Contact", href: "contact" }
            ]
          },
          {
            title: "Guest Services",            items: [
              { label: "Reservations", href: "contact" },
              { label: "Room Service", href: "#" },
              { label: "Concierge", href: "#" },
              { label: "Events & Weddings", href: "#" }
            ]
          },
          {
            title: "Connect With Us",            items: [
              { label: "Email: reservations@elegancesuites.com", href: "mailto:reservations@elegancesuites.com" },
              { label: "Phone: +1 (800) ELEGANCE", href: "#" },
              { label: "Address: 123 Luxury Ave, Premium City", href: "#" },
              { label: "Loyalty Program", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Elegance Suites. All rights reserved. | Privacy Policy | Terms of Service"
      />
    </ThemeProvider>
  );
}
