"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Star, Crown, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="animatedAurora"
      cardStyle="solid"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "#booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Luxe Hotels"
          description="Experience unparalleled luxury and comfort. Premium accommodations with world-class service for an unforgettable stay."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Luxury hotel bedroom"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Elegant hotel lobby"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243008667-twrhhm4j.jpg",
              imageAlt: "Resort pool area"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Fine dining restaurant"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg",
              imageAlt: "Premium suite"
            }
          ]
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Our Story"
          description="Crafted for travelers who demand excellence. Luxe Hotels combines timeless elegance with modern amenities."
          tag="About Us"
          textboxLayout="default"
          contentTag="HERITAGE"
          contentTitle="Where Comfort Meets Excellence"
          contentDescription="Since 2010, we have been dedicated to providing exceptional hospitality experiences. Our commitment to quality, attention to detail, and personalized service sets us apart. Every guest is treated like family."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg"
          imageAlt="Luxe Hotels exterior"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardSeven
          title="Our Room Collections"
          description="Handpicked room types designed for maximum comfort and style"
          tag="Accommodations"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Deluxe Rooms",
              description: "Spacious rooms with king-size beds, marble bathrooms, and city views. Perfect for couples and solo travelers seeking premium comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Deluxe room"
            },
            {
              id: 2,
              title: "Spa & Wellness",
              description: "Relax in our full-service spa offering massages, facials, and holistic treatments. State-of-the-art fitness center available 24/7.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Spa and wellness area"
            },
            {
              id: 3,
              title: "Fine Dining Restaurant",
              description: "Award-winning restaurant serving international and local cuisines. Expert chefs create memorable culinary experiences every evening.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766852318197-diedd693.jpg",
              imageAlt: "Restaurant"
            },
            {
              id: 4,
              title: "Resort Pool & Lounges",
              description: "Olympic-size pool with heated waters, cabanas, and poolside dining. Perfect for relaxation and recreation during your stay.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766852319088-toz0zmeg.jpg",
              imageAlt: "Resort pool"
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Room Rates & Packages"
          description="Transparent pricing for all room types. Special packages and discounts for extended stays."
          tag="Pricing"
          textboxLayout="default"
          plans={[
            {
              id: "standard",
              badge: "Popular Choice",
              badgeIcon: Sparkles,
              price: "$149/night",
              subtitle: "Perfect for most travelers",
              features: [
                "Queen or Twin beds",
                "Private bathroom",
                "Air conditioning",
                "Free WiFi",
                "Room service"
              ]
            },
            {
              id: "deluxe",
              badge: "Best Value",
              badgeIcon: Star,
              price: "$249/night",
              subtitle: "Premium comfort and views",
              features: [
                "King-size bed",
                "Marble bathroom",
                "City views",
                "Luxury toiletries",
                "Complimentary breakfast"
              ]
            },
            {
              id: "suite",
              badge: "Luxury Living",
              badgeIcon: Crown,
              price: "$399/night",
              subtitle: "Ultimate indulgence",
              features: [
                "Separate living area",
                "Jacuzzi tub",
                "Premium bedding",
                "Concierge service",
                "Champagne welcome"
              ]
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="Guest Reviews"
          description="Hear from our satisfied guests about their memorable stays"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Martinez, Los Angeles",
              quote: "Luxe Hotels exceeded all my expectations. The service was impeccable and the rooms are absolutely stunning. I'll definitely be back for my next vacation.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766810996198-rgoz7x9l.jpg",
              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",
              nameTitle: "James Chen, Singapore",
              quote: "From the moment I arrived, I felt welcomed. The attention to detail is remarkable. The spa treatments were the best I've ever had.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              nameTitle: "Emma Thompson, London",
              quote: "A truly luxurious experience. The restaurant serves incredible food and the staff goes above and beyond to ensure guest satisfaction.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "4",
              nameTitle: "Michael Rodriguez, Miami",
              quote: "The perfect balance of elegance and comfort. I've stayed at many hotels, but Luxe Hotels truly stands out. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267250429-y310pihb.jpg",
              imageAlt: "Michael Rodriguez"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready for your next unforgettable getaway?"
          inputPlaceholder="Enter your email to receive special offers"
          buttonText="Subscribe"
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxe Hotels"
          copyrightText="© 2025 Luxe Hotels. All rights reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}