"use client";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Home, Heart, Waves, Sun, Droplet, ChefHat, Wine, Utensils, Dumbbell, Users, Activity, TrendingUp, Briefcase, Award, Star, Globe } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Luxe Haven"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel 
          title="Experience Luxury Hospitality"
          description="Discover the perfect blend of comfort, elegance, and world-class service at Luxe Haven. Your dream vacation awaits."
          tag="Premium Experience"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Your Stay", href: "/contact" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
          background={{ variant: "radial-gradient" }}
          carouselItems={[
            { 
              id: "carousel-1", 
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
              imageAlt: "luxury hotel lobby modern interior design contemporary hospitality"
            },
            { 
              id: "carousel-2", 
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "luxury bedroom hotel room interior 5-star accommodation"
            },
            { 
              id: "carousel-3", 
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "luxury suite premium hotel room upscale bedroom design"
            },
            { 
              id: "carousel-4", 
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "hotel bedroom modern guest room comfortable accommodation"
            },
            { 
              id: "carousel-5", 
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-view-woman-getting-out-water-after-swimming-pool-spa-copy-space_637285-7560.jpg",
              imageAlt: "luxury spa wellness center hotel spa treatment"
            },
            { 
              id: "carousel-6", 
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-relaxing-together_23-2151178232.jpg",
              imageAlt: "hotel swimming pool luxury resort pool outdoor pool area"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Hotel showcase carousel"
        />
      </div>

      <div id="featured-rooms" data-section="featured-rooms">
        <ProductCardFour 
          title="Our Signature Rooms"
          description="Handcrafted spaces designed for ultimate comfort and relaxation with modern amenities and timeless elegance."
          tag="Premium Selection"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$189/night",
              variant: "King Bed • City View • 450 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "luxury bedroom hotel room interior 5-star accommodation"
            },
            {
              id: "suite",
              name: "Executive Suite",
              price: "$329/night",
              variant: "Separate Living Area • Balcony • 750 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "luxury suite premium hotel room upscale bedroom design"
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$129/night",
              variant: "Queen Bed • Garden View • 350 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "hotel bedroom modern guest room comfortable accommodation"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTen 
          title="World-Class Amenities"
          description="Enjoy a curated selection of premium facilities designed to enhance your stay and create unforgettable memories."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",
              title: "Spa & Wellness Center",
              description: "Indulge in rejuvenating treatments and therapies performed by expert practitioners using premium natural products.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/high-angle-view-woman-getting-out-water-after-swimming-pool-spa-copy-space_637285-7560.jpg",
                imageAlt: "luxury spa wellness center hotel spa treatment"
              },
              items: [
                { icon: Sparkles, text: "Full-service spa with sauna" },
                { icon: Heart, text: "Wellness treatments and massages" },
                { icon: Waves, text: "Hydro therapy pool" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Olympic-Sized Pool",
              description: "Relax by our stunning outdoor pool surrounded by tropical gardens, perfect for swimming laps or leisurely lounging.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-relaxing-together_23-2151178232.jpg",
                imageAlt: "hotel swimming pool luxury resort pool outdoor pool area"
              },
              items: [
                { icon: Waves, text: "Olympic-sized pool" },
                { icon: Sun, text: "Poolside cabanas" },
                { icon: Droplet, text: "Heated jacuzzi" }
              ],
              reverse: true
            },
            {
              id: "3",
              title: "Fine Dining Restaurant",
              description: "Experience culinary excellence at our award-winning restaurant featuring international and local cuisine crafted by acclaimed chefs.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg",
                imageAlt: "fine dining restaurant luxury hotel restaurant upscale dining room"
              },
              items: [
                { icon: ChefHat, text: "Michelin-trained chefs" },
                { icon: Wine, text: "Extensive wine selection" },
                { icon: Utensils, text: "Farm-to-table dining" }
              ],
              reverse: false
            },
            {
              id: "4",
              title: "State-of-the-Art Fitness Center",
              description: "Stay active with our fully equipped gym featuring the latest fitness technology and personal training services available.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/slim-woman-elegant-brown-hat-eating-juicy-fruits-resort-cafe-graceful-european-woman-white-shirt-relaxing-with-cocktail-food-pool_197531-20844.jpg",
                imageAlt: "hotel gym fitness center modern workout facility"
              },
              items: [
                { icon: Dumbbell, text: "Complete fitness equipment" },
                { icon: Users, text: "Personal training available" },
                { icon: Activity, text: "Yoga and pilates classes" }
              ],
              reverse: true
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Guests Say"
          description="Hear from delighted travelers who have experienced the magic of Luxe Haven and would love to welcome you back."
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Travel Enthusiast",
              company: "Global Wanderer Magazine",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "professional headshot business woman portrait guest testimonial photo"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Business Executive",
              company: "Fortune 500 Executive",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
              imageAlt: "professional headshot business man portrait guest testimonial photo"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Luxury Travel Consultant",
              company: "Elite Travel Agency",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
              imageAlt: "professional headshot woman portrait guest testimonial photo"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne 
          title="Special Offers & Packages"
          description="Book your perfect getaway with our exclusive packages designed to provide exceptional value and unforgettable experiences."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "romantic-escape",
              badge: "Most Popular",
              badgeIcon: Heart,
              price: "$599",
              subtitle: "Romantic Weekend Getaway",
              features: [
                "2 nights in Deluxe Room",
                "Champagne and dessert included",
                "Couples spa treatment",
                "Late checkout until 2 PM",
                "Dinner at fine dining restaurant"
              ]
            },
            {
              id: "extended-stay",
              badge: "Best Value",
              badgeIcon: TrendingUp,
              price: "$1,099",
              subtitle: "Extended Stay Package",
              features: [
                "5 nights in Executive Suite",
                "Daily breakfast buffet",
                "Airport transfers included",
                "Complimentary gym access",
                "20% discount on spa services"
              ]
            },
            {
              id: "business-retreat",
              badge: "For Teams",
              badgeIcon: Briefcase,
              price: "$4,999",
              subtitle: "Corporate Retreat",
              features: [
                "10 rooms for 10 nights",
                "Conference facilities included",
                "Team building activities",
                "Catered meals for all guests",
                "Dedicated event coordinator"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree 
          title="Why Choose Luxe Haven"
          description="Join thousands of satisfied guests who have trusted us for their most important occasions and business travels."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",
              icon: Award,
              title: "Awards Won",
              value: "27+"
            },
            {
              id: "2",
              icon: Users,
              title: "Happy Guests",
              value: "50K+"
            },
            {
              id: "3",
              icon: Star,
              title: "Average Rating",
              value: "4.9/5"
            },
            {
              id: "4",
              icon: Globe,
              title: "Countries Served",
              value: "120+"
            }
          ]}
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Explore",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Special Offers", href: "/offers" },
              { label: "Dining", href: "/dining" }
            ]
          },
          {
            title: "Guest Info",
            items: [
              { label: "Booking Policy", href: "#" },
              { label: "Cancellation", href: "#" },
              { label: "Check-in Details", href: "#" },
              { label: "Group Bookings", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Phone", href: "#" },
              { label: "Email", href: "#" },
              { label: "Social Media", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Luxe Haven. All rights reserved. | Luxury hospitality redefined"
      />
    </ThemeProvider>
  );
}