"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Home } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Luxe Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "booking"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Luxury Hospitality"
          description="Discover our world-class amenities, exquisite rooms, and impeccable service. Your perfect getaway awaits."
          tag="Welcome to Luxe Hotel"
          tagIcon={Sparkles}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Luxury hotel suite with premium bedding"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "booking" },
            { text: "View Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Your Home Away From Home"
          description="At Luxe Hotel, we believe exceptional hospitality begins with understanding what our guests need. With over 20 years of dedicated service, we've created a sanctuary where comfort meets elegance. Every detail is crafted to ensure your stay is unforgettable."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
          imageAlt="Beautiful hotel lobby with elegant design"
          buttons={[
            { text: "Learn More", href: "about" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Room Collections"
          description="From cozy comfort to opulent suites, find the perfect accommodation for your needs."
          tag="Rooms"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",
              name: "Classic Room",
              price: "$129/night",
              variant: "Queen Bed • City View",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg",
              imageAlt: "Classic hotel room with queen bed"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              variant: "King Bed • Mountain View • Balcony",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg",
              imageAlt: "Deluxe suite with king bed and balcony"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$499/night",
              variant: "Multiple Rooms • Private Spa • Ocean View",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg",
              imageAlt: "Presidential suite with luxury amenities"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Testimonials"
          description="Hear from our delighted guests about their unforgettable experiences."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              role: "Business Traveler",
              testimonial: "Luxe Hotel exceeded all my expectations. The staff was incredibly attentive, the rooms were immaculate, and the location is perfect for exploring the city.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Leisure Guest",
              testimonial: "Our honeymoon was magical! The spa services were world-class, and the sunset views from our balcony were unforgettable. We're already planning our return visit.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "Event Planner",
              testimonial: "We hosted our company retreat at Luxe Hotel and it was phenomenal. The team's attention to detail made everything seamless. Highly recommend for any event!",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Family Vacationer",
              testimonial: "Perfect family getaway! The kids loved the pool, my wife enjoyed the spa, and I appreciated the fine dining. Something for everyone at this amazing hotel.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Jessica Williams",
              role: "Frequent Traveler",
              testimonial: "I've stayed at many hotels worldwide, and Luxe Hotel stands out for exceptional service. The personalized touches make you feel truly valued as a guest.",
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageAlt: "Jessica Williams"
            },
            {
              id: "6",
              name: "Robert Thompson",
              role: "Luxury Enthusiast",
              testimonial: "Every aspect of my stay was perfection. From check-in to checkout, the staff anticipated every need. This is luxury hospitality done right.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg",
              imageAlt: "Robert Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to book your perfect stay? Contact our reservations team today and let us create an unforgettable experience for you."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Reserve Now", href: "booking" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxe Hotel"
          columns={[
            {
              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Spa & Wellness", href: "spa" }
              ]
            },
            {
              items: [
                { label: "Dining", href: "dining" },
                { label: "Events", href: "events" },
                { label: "Special Offers", href: "offers" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Reviews", href: "reviews" },
                { label: "Careers", href: "careers" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms & Conditions", href: "terms" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}