"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Home, Crown, Heart, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="large"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "features" },
            { name: "Gallery", id: "testimonials" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "https://booking.example.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          title="Experience Luxury & Comfort Like Never Before"
          description="Discover your perfect escape at Luxe Haven. Indulge in world-class amenities, personalized service, and unforgettable moments in our stunning accommodations."
          tag="Luxury Hospitality"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          inputPlaceholder="Enter your email"
          buttonText="Reserve Your Stay"
          className="w-full"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Exquisite Room Collections"
          description="Choose from our curated selection of luxurious rooms and suites, each designed for ultimate comfort and style."
          tag="Rooms & Suites"
          tagIcon={Home}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              brand: "Luxe Haven",              name: "Deluxe Room",              price: "$189/night",              rating: 5,
              reviewCount: "428",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",              imageAlt: "Deluxe Room with City View"
            },
            {
              id: "2",              brand: "Luxe Haven",              name: "Ocean View Suite",              price: "$299/night",              rating: 5,
              reviewCount: "356",              imageSrc: "https://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg",              imageAlt: "Ocean View Suite"
            },
            {
              id: "3",              brand: "Luxe Haven",              name: "Presidential Suite",              price: "$599/night",              rating: 5,
              reviewCount: "189",              imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",              imageAlt: "Presidential Suite Luxury"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Choose Luxe Haven"
          description="Experience the difference between ordinary hotels and true luxury hospitality."
          tag="Premium Experience"
          tagIcon={Crown}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          negativeCard={{
            items: [
              "Standard accommodations",              "Limited amenities",              "Basic service",              "Crowded facilities"
            ]
          }}
          positiveCard={{
            items: [
              "Luxury suite options",              "World-class spa & wellness",              "Personalized concierge",              "Exclusive access areas"
            ]
          }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Your Home Away from Home"
          description="With over 15 years of hospitality excellence, Luxe Haven has welcomed thousands of guests seeking unforgettable experiences. Our commitment to luxury, comfort, and exceptional service defines everything we do."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxe Haven Lobby"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "#contact" },
            { text: "Book a Tour", href: "https://tours.example.com" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Trusted by Travelers Worldwide"
          description="Our achievements speak to our dedication to excellence in hospitality."
          tag="By The Numbers"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "15+",              title: "Years of Excellence",              items: [
                "Industry-leading service",                "Award-winning hospitality",                "Proven track record"
              ]
            },
            {
              id: "2",              value: "50K+",              title: "Happy Guests",              items: [
                "Exceptional ratings",                "Repeat visitors",                "Global clientele"
              ]
            },
            {
              id: "3",              value: "24/7",              title: "Concierge Service",              items: [
                "Around-the-clock support",                "Personal assistance",                "Guest satisfaction"
              ]
            },
            {
              id: "4",              value: "98%",              title: "Satisfaction Rate",              items: [
                "Outstanding reviews",                "Quality assurance",                "Consistent excellence"
              ]
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Say"
          description="Read heartfelt experiences from travelers who discovered their perfect getaway at Luxe Haven."
          tag="Guest Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Sarah Anderson",              handle: "@sarahtravel",              testimonial: "Luxe Haven exceeded all my expectations. The staff was incredibly attentive, the rooms were immaculate, and the amenities were world-class. I'm already planning my next stay!",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Anderson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@michaelcorp",              testimonial: "Perfect for both business and leisure. The executive lounge is fantastic, high-speed internet everywhere, and the spa helped me unwind after long meetings. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmaswanderlust",              testimonial: "Our honeymoon was absolutely magical here. The sunset views from our suite were breathtaking, and the romantic dinner arrangements were perfect. Thank you, Luxe Haven!",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "David Thompson",              handle: "@davidexplorer",              testimonial: "Best hotel experience of my travels. The location is convenient, the pool area is stunning, and every detail shows commitment to guest comfort. Will definitely return!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Jessica Park",              handle: "@jess_moments",              testimonial: "The spa treatments were rejuvenating, the restaurant offered exquisite cuisine, and the ambiance throughout was pure elegance. A truly memorable luxury experience!",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Jessica Park"
            },
            {
              id: "6",              name: "Robert Mitchell",              handle: "@roberttraveler",              testimonial: "From check-in to check-out, everything was seamless. The attention to detail, personalized service, and beautiful surroundings made my stay unforgettable. Luxury at its finest!",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Robert Mitchell"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Book?"
          tagIcon={Mail}
          title="Plan Your Unforgettable Getaway"
          description="Don't miss out on luxury and comfort. Reserve your room at Luxe Haven today and create memories that will last a lifetime."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your Room", href: "https://booking.example.com" },
            { text: "Contact Us", href: "https://contact.example.com" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
          columns={[
            {
              title: "Hotel",              items: [
                { label: "Rooms & Suites", href: "rooms" },
                { label: "Amenities", href: "features" },
                { label: "Gallery", href: "testimonials" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "https://careers.example.com" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQs", href: "https://faq.example.com" },
                { label: "Reservations", href: "https://booking.example.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}