"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Building2, Users, Star, Award } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Luxe Haven"
          description="Experience ultimate luxury and comfort at our 5-star resort. Indulge in world-class amenities, personalized service, and breathtaking views that make your stay unforgettable."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book Your Stay", href: "/contact" },
            { text: "Explore Rooms", href: "/rooms" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Luxurious hotel suite with elegant furnishings"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Welcome to Luxe Haven - Where Hospitality Meets Elegance"
          metrics={[
            { icon: Building2, label: "Years of Excellence", value: "25+" },
            { icon: Users, label: "Happy Guests", value: "50K+" },
            { icon: Star, label: "Guest Rating", value: "4.9/5" },
            { icon: Award, label: "Awards Won", value: "18" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyOne
          title="World-Class Amenities"
          description="Discover our comprehensive range of premium facilities designed to enhance every moment of your stay."
          tag="Facilities"
          imageSrc="https://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg"
          imageAlt="Luxury spa and wellness center"
          accordionItems={[
            {
              id: "1",
              title: "Spa & Wellness Center",
              content: "Rejuvenate your mind and body at our award-winning spa. Enjoy signature treatments, therapeutic massages, and holistic wellness programs in a serene environment."
            },
            {
              id: "2",
              title: "Fine Dining Restaurant",
              content: "Savor exquisite culinary creations from our Michelin-trained chef. Our farm-to-table restaurant offers an unforgettable gastronomic experience with curated wine selections."
            },
            {
              id: "3",
              title: "State-of-the-Art Fitness Center",
              content: "Stay fit with our fully equipped gym featuring latest cardio machines, free weights, and personal training services available 24/7."
            }
          ]}
          buttons={[{ text: "View All Amenities", href: "/amenities" }]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Choose Your Perfect Room"
          description="Select from our curated collection of luxurious rooms and suites, each designed for your ultimate comfort and relaxation."
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$299/night",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Spacious deluxe hotel room"
            },
            {
              id: "2",
              name: "Ocean View Suite",
              price: "$449/night",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Suite with panoramic ocean views"
            },
            {
              id: "3",
              name: "Executive Presidential Suite",
              price: "$699/night",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Exclusive presidential suite with luxury furnishings"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Luxe Haven exceeded all my expectations. The service was impeccable, the rooms were luxurious, and every detail reflected their commitment to excellence. I've already booked my next stay!"
          rating={5}
          author="Margaret Henderson, Travel Enthusiast"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg", alt: "Guest Margaret" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg", alt: "Guest John" },
            { src: "https://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg", alt: "Guest Sarah" },
            { src: "https://img.b2bpic.net/free-photo/businesswoman-handing-his-boarding-pass-counter_107420-63586.jpg", alt: "Guest David" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal logoText="Luxe Haven" />
    </ThemeProvider>
  );
}