"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Star, Home, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumLarge"
      background="plain"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Stay"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Your Perfect Escape Awaits"
          description="Experience luxury hospitality with world-class amenities, exquisite dining, and breathtaking views. Book your stay and discover unforgettable moments."
          tag="Luxury Hospitality"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book a Room", href: "#rooms" },
            { text: "Explore Amenities", href: "#about" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Hotel lobby"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Luxury bedroom suite"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Resort pool area"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Fine dining restaurant"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg",
              imageAlt: "Conference meeting room"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg",
              imageAlt: "City view from balcony"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Luxe Stay"
          description={[
            "For over two decades, we have been committed to providing exceptional hospitality experiences. Our hotel combines timeless elegance with modern comfort, creating a sanctuary for travelers seeking the finest in accommodation and service.",
            "From our carefully curated room designs to our award-winning culinary team, every detail reflects our dedication to excellence. Whether you're visiting for business or leisure, we ensure your stay is memorable and rejuvenating."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "Learn Our Story", href: "#" }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwenty
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed to enhance your stay. From wellness to recreation, we have everything you need."
          tag="Facilities"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006036722-1o803gi1.jpg",
              imageAlt: "Luxurious spa facility"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006037732-pjwx8627.jpg",
              imageAlt: "Modern fitness center"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg",
              imageAlt: "Outdoor swimming pool"
            },
            {
              id: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Hotel exterior and grounds"
            }
          ]}
          buttons={[
            { text: "View All Services", href: "#" }
          ]}
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collections"
          description="Select from our carefully designed room categories, each offering unique comfort and style for your stay."
          tag="Accommodations"
          tagIcon={Home}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              brand: "Standard Room",
              name: "Cozy Comfort",
              price: "$120/night",
              rating: 4,
              reviewCount: "245",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766854198888-392pi2tb.jpg",
              imageAlt: "Standard room"
            },
            {
              id: "2",
              brand: "Deluxe Room",
              name: "Premium Experience",
              price: "$180/night",
              rating: 5,
              reviewCount: "512",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849142731-hp8i7zi3.jpg",
              imageAlt: "Deluxe room"
            },
            {
              id: "3",
              brand: "Executive Suite",
              name: "Ultimate Luxury",
              price: "$280/night",
              rating: 5,
              reviewCount: "189",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Executive suite"
            }
          ]}
          buttons={[
            { text: "View All Rooms", href: "#" }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Guest Experiences"
          description="Hear from our valued guests who have made Luxe Stay their preferred destination."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Exceptional service and stunning views. This hotel exceeded all my expectations. I will definitely return!",
              name: "Sarah Mitchell",
              role: "Travel Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              quote: "The spa experience was absolutely rejuvenating. The staff was attentive and the rooms are immaculate.",
              name: "Michael Chen",
              role: "Business Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              quote: "Perfect for our honeymoon! Romantic atmosphere, world-class dining, and unforgettable memories.",
              name: "Emily Rodriguez",
              role: "Newlywed",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              quote: "Outstanding facilities and impeccable attention to detail. This is luxury hospitality at its finest.",
              name: "David Thompson",
              role: "Hotel Reviewer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185881440-0jwi2e86.jpg",
              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          tagIcon={Mail}
          title="Ready to Book Your Stay?"
          description="Subscribe to our newsletter for exclusive offers, early booking discounts, and updates about special events."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check out our Terms and Conditions."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Stay"
          columns={[
            {
              title: "Hotel",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Rooms", href: "#rooms" },
                { label: "Amenities", href: "#features" },
                { label: "Dining", href: "#" }
              ]
            },
            {
              title: "Guests",
              items: [
                { label: "Make a Reservation", href: "#" },
                { label: "Special Offers", href: "#" },
                { label: "Group Bookings", href: "#" },
                { label: "Reviews", href: "#testimonials" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Spa & Wellness", href: "#" },
                { label: "Conference", href: "#" },
                { label: "Concierge", href: "#" },
                { label: "Gift Cards", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
                { label: "Email: info@luxestay.com", href: "mailto:info@luxestay.com" },
                { label: "Address: 123 Luxury Lane, City", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Stay Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}