"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Award, Star, TrendingUp, HelpCircle, Wifi, Monitor, Users } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Serenity Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "https://booking.serenityhotels.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Timeless Luxury"
          description="Discover our collection of exquisitely designed rooms and world-class amenities. Your perfect getaway awaits."
          tag="Premium Hospitality"
          tagIcon={Sparkles}
          background={{ variant: "aurora" }}
          buttons={[
            {
              text: "Book Your Stay",
              href: "https://booking.serenityhotels.com"
            },
            {
              text: "Explore Rooms",
              href: "/rooms"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Luxury suite with elegant furnishings"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Deluxe bedroom overlooking the city"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg",
              imageAlt: "Serene spa and wellness center"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Stunning resort pool with water features"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Fine dining restaurant with ambiance"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Spacious penthouse suite"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collection"
          description="Carefully curated accommodations designed for your comfort and style. Each room features premium amenities and modern elegance."
          tag="Premium Rooms"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",
              brand: "Serenity Hotels",
              name: "Deluxe Room",
              price: "$189/night",
              rating: 5,
              reviewCount: "842 reviews",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Deluxe room with king bed and city view"
            },
            {
              id: "2",
              brand: "Serenity Hotels",
              name: "Standard Room",
              price: "$129/night",
              rating: 5,
              reviewCount: "1,203 reviews",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Comfortable standard room"
            },
            {
              id: "3",
              brand: "Serenity Hotels",
              name: "Executive Suite",
              price: "$299/night",
              rating: 5,
              reviewCount: "567 reviews",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Spacious executive suite with lounge"
            }
          ]}
          buttons={[
            {
              text: "View All Rooms",
              href: "https://booking.serenityhotels.com"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Serenity Hotels"
          description={[
            "For over 25 years, Serenity Hotels has been synonymous with exceptional hospitality and world-class service. Our commitment to excellence has earned us recognition as one of the finest luxury hotel chains globally.",
            "Every detail is carefully curated to ensure your stay is nothing short of extraordinary. From our attentive staff to our pristine accommodations, we strive to exceed your expectations and create lasting memories.",
            "Our hotels are designed to be sanctuaries of comfort, combining timeless elegance with modern conveniences. Whether you're traveling for business or leisure, we're dedicated to providing an unforgettable experience."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            {
              text: "Learn More",
              href: "/about"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureBento
          title="World-Class Amenities"
          description="Discover the facilities and services that set Serenity Hotels apart. From rejuvenating wellness to fine dining, we have everything you need."
          tag="Amenities"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          carouselMode="buttons"
          features={[
            {
              title: "Spa & Wellness",
              description: "Indulge in our full-service spa with massages, facials, and wellness treatments",
              bentoComponent: "globe"
            },
            {
              title: "Fine Dining",
              description: "Experience culinary excellence at our Michelin-starred restaurant",
              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Fitness Center",
              description: "State-of-the-art equipment and personal training available",
              bentoComponent: "line-chart"
            },
            {
              title: "Business Center",
              description: "Fully equipped conference rooms and meeting spaces for corporate events",
              bentoComponent: "icon-info-cards",
              items: [
                {
                  icon: Wifi,
                  label: "High-Speed WiFi",
                  value: "Available 24/7"
                },
                {
                  icon: Monitor,
                  label: "Video Conferencing",
                  value: "Full HD Setup"
                },
                {
                  icon: Users,
                  label: "Event Planning",
                  value: "Expert Support"
                }
              ]
            },
            {
              title: "Luxury Pool",
              description: "Olympic-sized heated pool with cabanas and poolside dining",
              bentoComponent: "map"
            }
          ]}
          buttons={[
            {
              text: "View All Amenities",
              href: "/amenities"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Guests Say"
          description="Hear from travelers who have experienced the Serenity Hotels difference. Their stories inspire us to continue delivering exceptional service."
          tag="Guest Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen",
              handle: "CEO, Travel Insights",
              testimonial: "Serenity Hotels exceeded every expectation. The attention to detail and warm hospitality made our anniversary stay truly unforgettable. We're already planning our next visit!",
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
              imageAlt: "Margaret Chen"
            },
            {
              id: "2",
              name: "James Mitchell",
              handle: "Business Consultant",
              testimonial: "Outstanding facilities and impeccable service. The conference rooms are world-class and the staff anticipates every need. This is my go-to hotel for business travel.",
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageAlt: "James Mitchell"
            },
            {
              id: "3",
              name: "Sofia Rodriguez",
              handle: "Travel Blogger",
              testimonial: "The spa treatments are divine, and the food at their restaurant is simply exquisite. Every moment at Serenity Hotels feels like a luxury escape from everyday life.",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
              imageAlt: "Sofia Rodriguez"
            },
            {
              id: "4",
              name: "David Thompson",
              handle: "Hospitality Director",
              testimonial: "I've stayed at five-star hotels worldwide, and Serenity Hotels ranks among the finest. The combination of elegance, comfort, and service is simply exceptional.",
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
              imageAlt: "David Thompson"
            },
            {
              id: "5",
              name: "Elena Vasquez",
              handle: "Lifestyle Writer",
              testimonial: "The rooms are beautifully appointed, the views are breathtaking, and the staff treats you like family. Truly a gem among luxury accommodations.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
              imageAlt: "Elena Vasquez"
            },
            {
              id: "6",
              name: "Robert Kumar",
              handle: "Industry Expert",
              testimonial: "Impeccable service from check-in to checkout. Every detail reflects Serenity Hotels' commitment to excellence. A perfect destination for both leisure and business.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
              imageAlt: "Robert Kumar"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Our track record speaks to our dedication to excellence and guest satisfaction."
          tag="Our Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "25+",
              title: "Years of Excellence",
              items: [
                "Trusted by millions of guests",
                "Industry-leading service standards",
                "Consistent quality across all properties"
              ]
            },
            {
              id: "2",
              value: "4.9/5",
              title: "Guest Satisfaction Rating",
              items: [
                "Over 50,000 verified reviews",
                "90% repeat booking rate",
                "Award-winning hospitality"
              ]
            },
            {
              id: "3",
              value: "45",
              title: "Properties Worldwide",
              items: [
                "Across 6 continents",
                "Premium locations",
                "Growing our portfolio annually"
              ]
            },
            {
              id: "4",
              value: "98%",
              title: "Staff Satisfaction",
              items: [
                "Comprehensive training programs",
                "Career development opportunities",
                "Competitive benefits and support"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay at Serenity Hotels. Our team is always ready to help."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg"
          imageAlt="Serenity Hotels lobby and front desk"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation policies depending on your booking rate. Most reservations can be cancelled up to 48 hours before arrival for a full refund. Non-refundable rates are offered at discounted prices for early bookings."
            },
            {
              id: "2",
              title: "Do you offer airport transfers?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Transfers can be arranged 24 hours before arrival through our concierge desk or by contacting our reservations team."
            },
            {
              id: "3",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets at select properties. Pet-friendly rooms are available for an additional nightly fee. Please notify us of your pet when booking."
            },
            {
              id: "4",
              title: "What amenities are included in my room rate?",
              content: "Our rooms include complimentary WiFi, premium bedding, flat-screen TV, fitness center access, and 24-hour room service. Suite guests also enjoy spa credits and exclusive lounge access."
            },
            {
              id: "5",
              title: "Do you offer group discounts?",
              content: "Yes, we provide special rates for groups of 10 or more. Please contact our group sales team for customized packages and event planning services."
            },
            {
              id: "6",
              title: "What is your check-in and check-out time?",
              content: "Standard check-in is at 3 PM and check-out is at 11 AM. Early check-in and late check-out are available upon request, subject to availability, often without additional charge."
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Serenity Hotels. All rights reserved. | Luxury Hospitality"
        columns={[
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "https://careers.serenityhotels.com" },
              { label: "Sustainability", href: "https://sustainability.serenityhotels.com" },
              { label: "Press", href: "https://press.serenityhotels.com" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Rooms & Suites", href: "/" },
              { label: "Amenities", href: "/" },
              { label: "Events & Weddings", href: "https://events.serenityhotels.com" },
              { label: "Loyalty Program", href: "https://loyalty.serenityhotels.com" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Book Now", href: "https://booking.serenityhotels.com" },
              { label: "Contact Us", href: "/contact" },
              { label: "Gift Certificates", href: "https://gifts.serenityhotels.com" },
              { label: "Feedback", href: "https://feedback.serenityhotels.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}