"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luminaire Dubai"
          navItems={[
            { name: "Rooms & Suites", id: "rooms" },
            { name: "Amenities", id: "features" },
            { name: "About", id: "about" },
            { name: "Experience", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Reserve Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LUMINAIRE"
          description="Experience unparalleled luxury and sophistication in the heart of Dubai. Your sanctuary of elegance awaits."
          buttons={[
            { text: "Explore Rooms", href: "rooms" },
            { text: "Book Now", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/urban-working-lights-complex-wonderful_1122-1692.jpg",              imageAlt: "Luxury hotel night view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/shanghai-night-with-urban-skyscraper-modern-cityscape-street_649448-415.jpg",              imageAlt: "Dubai skyline hotel view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-745.jpg",              imageAlt: "Hotel lobby interior"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Discover Luminaire Dubai"
          description="Redefining luxury hospitality in the UAE's most vibrant city."
          tabs={[
            {
              id: "excellence",              label: "Our Excellence",              description: "Luminaire Dubai stands as a beacon of luxury hospitality, offering world-class service, impeccable design, and unforgettable experiences. Our commitment to excellence is reflected in every detail, from our architecturally stunning property to our personalized guest services that exceed expectations."
            },
            {
              id: "location",              label: "Prime Location",              description: "Situated in the heart of Dubai, our hotel offers convenient access to the city's most iconic attractions, shopping districts, and business centers. Whether you're traveling for leisure or business, our strategic location ensures you're always connected to the best the city has to offer."
            },
            {
              id: "service",              label: "Service Philosophy",              description: "We believe that true luxury is defined by genuine hospitality. Our team of dedicated professionals is committed to anticipating your needs and delivering service that goes beyond expectations, ensuring your stay is nothing short of extraordinary."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/low-angle-shot-modern-futuristic-business-architecture-breathtaking-starry-sky_181624-20935.jpg"
          imageAlt="Luminaire Dubai exterior"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="World-Class Amenities"
          description="Indulge in our comprehensive collection of premium facilities designed to enhance your stay."
          tag="Experiences"
          features={[
            {
              title: "Luxury Spa & Wellness",              description: "Rejuvenate your mind and body with our state-of-the-art spa facilities, featuring signature treatments and world-renowned therapists.",              imageSrc: "https://img.b2bpic.net/free-photo/lights-amazing-landscape-landmark-working_1122-1681.jpg",              imageAlt: "spa pool luxury wellness relaxation resort"
            },
            {
              title: "Fine Dining Restaurants",              description: "Savor exquisite cuisine crafted by Michelin-starred chefs in our award-winning restaurants and lounges.",              imageSrc: "https://img.b2bpic.net/free-photo/cityscape-sathorn-bangkok-thailand_335224-888.jpg",              imageAlt: "luxury restaurant fine dining elegant interior hotel"
            },
            {
              title: "Fitness & Recreation",              description: "Stay active with our comprehensive fitness center, swimming pools, and recreational facilities.",              imageSrc: "https://img.b2bpic.net/free-photo/business-city-landmark-singapore-beautiful_1122-1685.jpg",              imageAlt: "luxury gym fitness center modern equipment wellness"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Rooms & Suites"
          description="Choose from our exquisite collection of accommodations, each designed to provide the ultimate comfort and luxury."
          tag="Accommodations"
          products={[
            {
              id: "deluxe-room",              name: "Deluxe Room",              price: "From AED 1,200",              variant: "King Bed • City View • 45 sqm",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-views-dubai-city-illuminated-neon-spectrum_23-2151305390.jpg",              imageAlt: "Deluxe room with modern furnishings"
            },
            {
              id: "suite",              name: "Executive Suite",              price: "From AED 2,500",              variant: "King Bed • Sea View • 85 sqm",              imageSrc: "https://img.b2bpic.net/free-photo/miami-night-scene_649448-854.jpg",              imageAlt: "Executive suite with separate living area"
            },
            {
              id: "penthouse",              name: "Penthouse Suite",              price: "From AED 5,000",              variant: "Master Bed • Panoramic View • 180 sqm",              imageSrc: "https://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg",              imageAlt: "Luxurious penthouse with premium amenities"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Testimonials"
          description="Hear from our distinguished guests about their unforgettable experiences at Luminaire Dubai."
          tag="Reviews"
          testimonials={[
            {
              id: "1",              name: "Victoria Sterling",              role: "Business Executive",              testimonial: "Luminaire Dubai exceeded every expectation. The attention to detail, exceptional service, and stunning architecture made my stay truly unforgettable. I've already booked my next visit.",              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: "Victoria Sterling"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Travel Enthusiast",              testimonial: "The perfect blend of modern luxury and warm hospitality. Every moment at Luminaire was curated with elegance. The staff anticipated every need before I could express it.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Sophia Laurent",              role: "Luxury Traveler",              testimonial: "This hotel redefines what premium hospitality means. From the moment of arrival to departure, everything was executed flawlessly. Highly recommended for discerning travelers.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Sophia Laurent"
            },
            {
              id: "4",              name: "James Robertson",              role: "CEO, International Corp",              testimonial: "The perfect destination for business and leisure. The business facilities are top-tier, the dining is exceptional, and the overall experience is unmatched in Dubai.",              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",              imageAlt: "James Robertson"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Luminaire Dubai's commitment to excellence reflected in our achievements."
          tag="Our Impact"
          metrics={[
            {
              id: "1",              value: "25+",              title: "Years of Hospitality Excellence",              items: [
                "Industry awards and recognition",                "Consistently 5-star rated",                "Guest satisfaction above 98%"
              ]
            },
            {
              id: "2",              value: "450+",              title: "Luxury Rooms & Suites",              items: [
                "Architecturally designed spaces",                "Premium amenities throughout",                "Personalized service for each guest"
              ]
            },
            {
              id: "3",              value: "8",              title: "Award-Winning Restaurants & Bars",              items: [
                "Michelin-starred chefs",                "Diverse global cuisines",                "Exceptional wine collections"
              ]
            },
            {
              id: "4",              value: "95%",              title: "Guest Return Rate",              items: [
                "Loyal international clientele",                "Premium membership community",                "Exclusive VIP programs"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Plan Your Stay"
          ctaDescription="Get in touch with our team to create the perfect luxury experience tailored to your needs."
          ctaButton={{
            text: "Reserve Your Suite",            href: "https://booking.example.com"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What are your check-in and check-out times?",              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out can be arranged based on availability."
            },
            {
              id: "2",              title: "Do you offer airport transportation?",              content: "Yes, we provide complimentary airport transfers for all guests. Our concierge team will arrange pickup and drop-off at your convenience."
            },
            {
              id: "3",              title: "What dining options are available?",              content: "We feature 8 world-class restaurants and bars offering international and regional cuisines, plus 24-hour room service and in-room dining."
            },
            {
              id: "4",              title: "Are pets allowed?",              content: "We welcome well-behaved pets with prior arrangement. Special amenities and services are available for our furry guests."
            },
            {
              id: "5",              title: "What is your cancellation policy?",              content: "Cancellations made 14 days before arrival receive a full refund. For shorter notice, standard cancellation fees apply. Direct booking offers the best terms."
            }
          ]}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/modern-business-area-night-bangkok-thailand_554837-466.jpg"
          imageAlt="Dubai cityscape"
          logoText="Luminaire Dubai"
          copyrightText="© 2025 Luminaire Dubai. All rights reserved."
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Deluxe Rooms", href: "rooms" },
                { label: "Executive Suites", href: "rooms" },
                { label: "Penthouse Collection", href: "rooms" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "Dining", href: "features" },
                { label: "Spa & Wellness", href: "features" },
                { label: "Events & Meetings", href: "features" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "+971 4 XXX XXXX", href: "contact" },
                { label: "reservations@luminaire.ae", href: "contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}