"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Crown, Mail } from "lucide-react";
import Link from "next/link";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Corido Madrid"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",            href: "/booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Welcome to Corido Madrid"
          description="Experience luxury hospitality in the heart of Madrid. Discover elegantly designed rooms, world-class amenities, and unforgettable service in Spain's most vibrant capital."
          tag="5-Star Luxury Hotel"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Book Your Stay", href: "/booking" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",              imageAlt: "luxury hotel lobby interior design modern accommodation Madrid"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "luxury hotel room bedroom double bed elegant 5-star"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "hotel suite spacious bedroom modern design luxury accommodation panoramic view"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "hotel restaurant dining room fine dining elegant interior gourmet"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",              imageAlt: "hotel spa wellness center massage room luxury amenity relaxation"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/village-architecture-building-facades-old-down-menton-france_1268-36294.jpg",              imageAlt: "Madrid Spain landmarks historic city Puerta del Sol Plaza Mayor"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Corido Madrid"
          description={[
            "Since 1998, Corido Madrid has been synonymous with luxury hospitality and exceptional service in Spain's capital. Our boutique 5-star hotel combines contemporary design with timeless elegance, offering guests an unparalleled experience in the heart of Madrid.",            "Located just steps away from the iconic Puerta del Sol and the vibrant cultural districts, Corido Madrid serves as the perfect base for both leisure and business travelers. Our dedicated team ensures every guest feels like family, with personalized service and attention to detail that defines our brand.",            "We are committed to sustainability and innovation, offering world-class amenities including a Michelin-starred restaurant, full-service spa, and state-of-the-art business facilities—all designed to exceed expectations."
          ]}
          buttons={[
            { text: "Learn Our Story", href: "/about" }
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Premium Services & Amenities"
          description="Discover the world-class facilities and personalized services that make Corido Madrid the premier choice for discerning travelers."
          tag="Luxury Amenities"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Michelin-Starred Restaurant",              description: "Indulge in exquisite culinary creations by our award-winning chef. Experience fine dining that celebrates both local and international flavors.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "hotel restaurant dining room fine dining elegant interior gourmet"
            },
            {
              id: 2,
              title: "Luxury Spa & Wellness",              description: "Rejuvenate your mind and body at our full-service spa. Our therapists offer bespoke treatments using premium organic products.",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",              imageAlt: "hotel spa wellness center massage room luxury amenity relaxation"
            },
            {
              id: 3,
              title: "Modern Fitness Center",              description: "Stay active with state-of-the-art equipment, personal training services, and group fitness classes tailored to your needs.",              imageSrc: "https://img.b2bpic.net/free-photo/fiance-with-friends-drining-wedding-day-indoors_8353-12087.jpg",              imageAlt: "hotel gym fitness center workout equipment modern facility exercise"
            },
            {
              id: 4,
              title: "Business & Conference Facilities",              description: "Seamlessly blend business with leisure in our fully-equipped meeting spaces and high-speed connectivity throughout the hotel.",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-provides-information-front-desk-check-procedure-travelling-work-purposes-attend-official-conference-receptionist-greeting-professional-client-lobby_482257-65299.jpg",              imageAlt: "hotel conference room meeting space business center modern facility professional"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Reviews"
          description="Hear what our guests have to say about their unforgettable experiences at Corido Madrid."
          tag="5-Star Ratings"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Maria García",              handle: "@maria_travel",              testimonial: "Corido Madrid exceeded all my expectations! The room was immaculate, the staff was incredibly attentive, and the restaurant is absolutely divine. I'm already planning my next visit.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "business woman professional portrait happy smile corporate guest"
            },
            {
              id: "2",              name: "Juan López",              handle: "@juanlopez",              testimonial: "As a frequent business traveler, I've stayed at many hotels. Corido Madrid stands out for its elegance, service quality, and convenient location. The spa was the perfect way to unwind after long meetings.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg",              imageAlt: "businessman professional portrait happy expression corporate guest"
            },
            {
              id: "3",              name: "Elena Fernández",              handle: "@elena_explores",              testimonial: "We spent our honeymoon at Corido Madrid and it was magical. Every detail was perfect, from the welcome champagne to the sunset views from our suite. Thank you for making our celebration unforgettable!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "woman portrait professional smile guest happy"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Subscribe to Our Newsletter"
          description="Receive exclusive offers, travel tips, and updates about special events at Corido Madrid. Join our community of discerning travelers."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive promotional emails from Corido Madrid."
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Corido Madrid. All rights reserved."
        columns={[
          {
            title: "Hotel",            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Amenities", href: "/services" },
              { label: "Dining", href: "/services" },
              { label: "Spa & Wellness", href: "/services" }
            ]
          },
          {
            title: "Explore",            items: [
              { label: "About Us", href: "/about" },
              { label: "Location", href: "/location" },
              { label: "Guest Reviews", href: "/" },
              { label: "Book Direct", href: "/booking" }
            ]
          },
          {
            title: "Contact",            items: [
              { label: "Reservations", href: "https://www.example.com" },
              { label: "+34 91 555 0000", href: "tel:+34915550000" },
              { label: "info@coridomadrid.com", href: "mailto:info@coridomadrid.com" },
              { label: "Privacy Policy", href: "https://www.example.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}