"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Star, MapPin, Heart, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="solid-accent-light"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="LuxeStay"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Experience Luxury Hospitality"
          description="Discover world-class comfort and exceptional service at our five-star hotel. Your perfect getaway awaits."
          tag="Welcome"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
          imageAlt="Luxury hotel lobby entrance"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "View Rooms", href: "#rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About LuxeStay Hotel"
          description="Since 1995, LuxeStay has been redefining luxury hospitality with impeccable service and stunning accommodations."
          tag="Our Story"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843741632-vx5xq45k.jpg"
          imageAlt="LuxeStay hotel exterior"
          bulletPoints={[
            {
              title: "5-Star Excellence",
              description: "Consistently rated among the world's finest hotels with outstanding guest satisfaction",
              icon: Star
            },
            {
              title: "Prime Location",
              description: "Perfectly positioned in the heart of the city, steps away from attractions and dining",
              icon: MapPin
            },
            {
              title: "Personalized Service",
              description: "Dedicated concierge team available 24/7 to fulfill every guest request with excellence",
              icon: Heart
            },
            {
              title: "Sustainability",
              description: "Committed to eco-friendly practices and responsible luxury hospitality",
              icon: Leaf
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardEight
          title="World-Class Amenities"
          description="Discover our comprehensive collection of premium facilities designed for your comfort and enjoyment"
          tag="Facilities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Olympic Pool",
              description: "Stunning rooftop pool with panoramic city views and poolside lounge service",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843738176-1y11kcca.jpg"
            },
            {
              id: 2,
              title: "Fine Dining",
              description: "Michelin-starred restaurant featuring international cuisine and sommelier-curated wine selection",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843739035-hfbm6cme.jpg"
            },
            {
              id: 3,
              title: "Spa & Wellness",
              description: "Full-service spa offering massages, facials, and rejuvenating wellness treatments",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843739928-u8e4pdk5.jpg"
            },
            {
              id: 4,
              title: "Fitness Center",
              description: "State-of-the-art gym with personal trainers, yoga studio, and modern equipment",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843740744-jbl5xw4u.jpg"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collection"
          description="Choose from our luxurious selection of rooms, each designed with elegance and comfort in mind"
          tag="Accommodations"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",
              brand: "LuxeStay",
              name: "Deluxe Room",
              price: "$189/night",
              rating: 5,
              reviewCount: "2.3k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Deluxe room with king bed and city view"
            },
            {
              id: "2",
              brand: "LuxeStay",
              name: "Executive Suite",
              price: "$349/night",
              rating: 5,
              reviewCount: "1.8k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843737297-1izy0u6f.jpg",
              imageAlt: "Executive suite with living area and terrace"
            },
            {
              id: "3",
              brand: "LuxeStay",
              name: "Presidential Suite",
              price: "$599/night",
              rating: 5,
              reviewCount: "892",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Presidential suite with premium amenities"
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSix
          title="Guest Testimonials"
          description="Hear what our valued guests have to say about their experiences at LuxeStay"
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={30}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "Travel Enthusiast",
              testimonial: "Absolutely stunning property! The staff went above and beyond to make our honeymoon unforgettable. Every detail was perfect.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Rodriguez",
              handle: "Business Traveler",
              testimonial: "The executive suite is perfect for business meetings. Great wifi, comfortable workspace, and exceptional room service.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "James Rodriguez"
            },
            {
              id: "3",
              name: "Emma Thompson",
              handle: "Luxury Travel Blogger",
              testimonial: "One of the best hotels I've ever stayed at. The spa is world-class and the restaurant is incredible. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "4",
              name: "David Chen",
              handle: "Corporate Executive",
              testimonial: "Outstanding experience from check-in to check-out. The concierge team is incredibly helpful and attentive to details.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              handle: "Family Vacation",
              testimonial: "Perfect vacation spot! The kids loved the pool and the entire family enjoyed the restaurants. Will definitely return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "Michael Zhang",
              handle: "Frequent Guest",
              testimonial: "I've stayed here three times now and it gets better each time. The quality and service are truly exceptional. Best hotel in the city!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Michael Zhang"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated With Offers"
          description="Subscribe to our newsletter to receive exclusive deals, room promotions, and travel tips delivered directly to your inbox."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843742458-cap3ite2.jpg"
          imageAlt="Hotel concierge service"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="LuxeStay"
          copyrightText="© 2025 LuxeStay Hotel. All rights reserved."
          columns={[
            {
              title: "Rooms",
              items: [
                { label: "Deluxe Room", href: "#rooms" },
                { label: "Executive Suite", href: "#rooms" },
                { label: "Presidential Suite", href: "#rooms" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Restaurant", href: "#amenities" },
                { label: "Spa & Wellness", href: "#amenities" },
                { label: "Fitness Center", href: "#amenities" },
                { label: "Concierge", href: "#contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}