"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Hotel, Users, Calendar, MapPin, CheckCircle, Clock, Award, Home, CheckCircle2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Book Now",            href: "pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Welcome to Luxe Haven"
          description="Experience unparalleled luxury and comfort in our world-class accommodations. Book your perfect getaway today and indulge in elegance."
          tag="Premium Hospitality"
          tagIcon={Sparkles}
          buttons={[
            { text: "Reserve Your Stay", href: "pricing" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
          background={{ variant: "radial-gradient" }}
          dashboard={{
            title: "Guest Experience Hub",            logoIcon: Hotel,
            imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",            imageAlt: "Luxe Haven Hotel Lobby",            buttons: [
              { text: "Check Availability", href: "pricing" },
              { text: "Contact Concierge", href: "#" }
            ],
            sidebarItems: [
              { icon: Users },
              { icon: Calendar },
              { icon: MapPin }
            ],
            stats: [
              {
                title: "Guest Satisfaction",                values: [98, 99, 100],
                valueSuffix: "%",                description: "Average rating"
              },
              {
                title: "Rooms Available",                values: [45, 38, 52],
                description: "Across all categories"
              },
              {
                title: "Awards Won",                values: [12, 15, 18],
                description: "Industry recognition"
              }
            ],
            chartTitle: "Monthly Occupancy Rate",            chartData: [
              { value: 85 },
              { value: 92 },
              { value: 78 },
              { value: 95 },
              { value: 88 }
            ],
            listTitle: "Recent Bookings",            listItems: [
              { icon: CheckCircle, title: "Deluxe Suite - 3 nights", status: "Confirmed" },
              { icon: Clock, title: "Standard Room - 2 nights", status: "Pending" },
              { icon: CheckCircle, title: "Presidential Suite - 5 nights", status: "Confirmed" }
            ],
            searchPlaceholder: "Search rates and availability"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Luxe Haven"
          description="Discover the story behind our commitment to exceptional hospitality and luxury accommodations."
          tag="Our Story"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "25 Years of Excellence",              description: "Serving guests with unwavering dedication to quality and comfort since 1999.",              icon: Award
            },
            {
              title: "120+ Luxurious Rooms",              description: "From cozy standard rooms to opulent presidential suites tailored for ultimate luxury.",              icon: Home
            },
            {
              title: "World-Class Amenities",              description: "Experience our spa, fine dining, wellness center, and exclusive guest services.",              icon: Sparkles
            },
            {
              title: "Prime Location",              description: "Situated in the heart of the city with easy access to attractions and business districts.",              icon: MapPin
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg"
          imageAlt="Luxe Haven Hotel Exterior"
          imagePosition="right"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collections"
          description="Explore our diverse range of beautifully appointed rooms designed for comfort and elegance."
          tag="Room Types"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              name: "Standard Room",              price: "$129/night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",              imageAlt: "Standard Room"
            },
            {
              id: "2",              name: "Deluxe Room",              price: "$199/night",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Deluxe Room"
            },
            {
              id: "3",              name: "Presidential Suite",              price: "$499/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Presidential Suite"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwelve
          title="Premium Amenities"
          description="Indulge in our world-class facilities and services designed for your comfort and relaxation."
          tag="What We Offer"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="opacity"
          features={[
            {
              id: "spa",              label: "Spa",              title: "Rejuvenate Your Mind and Body",              items: ["Full-service spa treatments", "Massage therapy", "Wellness consultations"],
              buttons: [{ text: "Book Treatment", href: "#" }]
            },
            {
              id: "dining",              label: "Dining",              title: "Culinary Excellence",              items: ["Fine dining restaurant", "International cuisine", "24-hour room service"],
              buttons: [{ text: "View Menu", href: "#" }]
            },
            {
              id: "wellness",              label: "Wellness",              title: "Fitness and Health",              items: ["State-of-the-art gym", "Yoga classes", "Swimming pool"],
              buttons: [{ text: "Learn More", href: "#" }]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Guest Reviews"
          description="Hear from our satisfied guests about their unforgettable experiences at Luxe Haven."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Business Traveler",              company: "Forbes Magazine",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              role: "Luxury Travel Enthusiast",              company: "Travel & Leisure",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Event Coordinator",              company: "Premium Events Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Thompson",              role: "Honeymoon Guest",              company: "Romance Travel",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Michael Thompson"
            },
            {
              id: "5",              name: "Jessica Williams",              role: "Corporate Manager",              company: "Tech Solutions Ltd",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Jessica Williams"
            },
            {
              id: "6",              name: "David Park",              role: "Frequent Guest",              company: "Global Enterprises",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg",              imageAlt: "David Park"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          carouselMode="buttons"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Booking Plans"
          description="Choose the perfect room type and duration for your stay at Luxe Haven."
          tag="Reserve Now"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "standard",              title: "Standard Room",              price: "$129",              period: "per night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",              imageAlt: "Standard Room",              features: [
                "Comfortable queen bed",                "Flat-screen TV",                "Private bathroom",                "Free WiFi",                "Daily housekeeping"
              ],
              button: { text: "Book Now", href: "#" }
            },
            {
              id: "deluxe",              title: "Deluxe Room",              price: "$199",              period: "per night",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Deluxe Room",              features: [
                "King-size luxury bed",                "Executive lounge access",                "Spa bath",                "Premium toiletries",                "Complimentary minibar"
              ],
              button: { text: "Book Now", href: "#" }
            },
            {
              id: "presidential",              title: "Presidential Suite",              price: "$499",              period: "per night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Presidential Suite",              features: [
                "Penthouse location",                "Private butler service",                "Luxury spa amenities",                "In-suite dining",                "Panoramic city views"
              ],
              button: { text: "Book Now", href: "#" }
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience luxury hospitality? Contact our team or reserve your room today. We're committed to making your stay unforgettable."
          animationType="background-highlight"
          buttons={[
            { text: "Contact Us", href: "#" },
            { text: "Reserve Now", href: "pricing" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "About", href: "about" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "Contact Us", href: "#" },
                { label: "FAQ", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cancellation Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}