"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Star, Home, Sparkles, Gift, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Haven"
          navItems={[
            { 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">
        <HeroBillboardGallery
          title="Welcome to Luxe Haven"
          description="Experience unparalleled luxury and comfort in our award-winning hotel. Discover elegantly appointed rooms, world-class amenities, and exceptional hospitality."
          background={{
            variant: "radial-gradient"
          }}
          tag="Premium Hospitality"
          tagIcon={Star}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxury hotel room with elegant furnishings"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Grand hotel lobby with modern architecture"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg",              imageAlt: "Spacious suite with comfortable bed and scenic view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Luxurious bathroom with premium spa amenities"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683429.jpg",              imageAlt: "Exterior view of the Luxe Haven hotel building"
            }
          ]}
          buttons={[
            {
              text: "Book Your Stay",              href: "contact"
            },
            {
              text: "Explore Rooms",              href: "rooms"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Luxe Haven"
          description="Discover what makes us the preferred choice for discerning travelers seeking luxury and comfort."
          tabs={[
            {
              id: "heritage",              label: "Our Heritage",              description: "With over 30 years of excellence in hospitality, Luxe Haven has established itself as a beacon of luxury and sophistication. Our commitment to quality and personalized service has earned us numerous international awards and the trust of guests worldwide."
            },
            {
              id: "location",              label: "Prime Location",              description: "Nestled in the heart of the city, our hotel offers convenient access to premier shopping, dining, entertainment, and cultural attractions. Our concierge team is ready to arrange unforgettable experiences tailored to your preferences."
            },
            {
              id: "service",              label: "Exceptional Service",              description: "Our dedicated staff provides 24/7 personalized service with attention to every detail. From room service to special requests, we ensure your stay exceeds expectations and creates lasting memories."
            },
            {
              id: "sustainability",              label: "Sustainability",              description: "We are committed to environmental responsibility through eco-friendly practices, sustainable sourcing, and energy-efficient operations. Experience luxury while supporting a better future for our planet."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683429.jpg"
          imageAlt="Luxe Haven hotel exterior architecture"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardMedia
          title="Our Room Collections"
          description="Choose from our carefully curated selection of luxurious rooms and suites, each designed for your comfort and elegance."
          features={[
            {
              id: "deluxe",              title: "Deluxe Room",              description: "Spacious rooms featuring premium furnishings, modern amenities, and stunning city views. Perfect for the discerning traveler seeking comfort and style.",              tag: "Popular Choice",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-bedroom-with-pendant-lamp-orchid-home-comfort_169016-70987.jpg",              imageAlt: "Deluxe hotel room with modern design",              buttons: [
                {
                  text: "View Details",                  href: "contact"
                }
              ]
            },
            {
              id: "suite",              title: "Executive Suite",              description: "Our signature suites offer separate living and sleeping areas with premium amenities, marble bathrooms, and personalized concierge service for an unparalleled experience.",              tag: "Luxury Living",              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683427.jpg",              imageAlt: "Executive suite with elegant furnishings",              buttons: [
                {
                  text: "View Details",                  href: "contact"
                }
              ]
            },
            {
              id: "family",              title: "Family Suite",              description: "Thoughtfully designed for families with multiple bedrooms, spacious living areas, and kid-friendly amenities. Create unforgettable memories together in comfort and safety.",              tag: "Family Friendly",              imageSrc: "https://img.b2bpic.net/free-photo/young-playful-sensual-woman-posing-luxury-hotel-enjoy-her-relaxed-morning-wearing-silk-robe-soft-toned-colors-relaxed-boudoir-atmosphere_291049-1125.jpg",              imageAlt: "Family suite with multiple rooms",              buttons: [
                {
                  text: "View Details",                  href: "contact"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Accommodations"
          tagIcon={Home}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <ProductCardOne
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed to enhance your stay and provide the ultimate relaxation experience."
          products={[
            {
              id: "pool",              name: "Olympic-Size Pool",              price: "Complimentary",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-blanket-decoration-interior-bedroom_74190-12644.jpg",              imageAlt: "Hotel swimming pool with lounge area"
            },
            {
              id: "restaurant",              name: "Fine Dining Restaurant",              price: "À la carte",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",              imageAlt: "Upscale restaurant with elegant ambiance"
            },
            {
              id: "spa",              name: "Full-Service Spa",              price: "Premium service",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-shot-bedroom-with-interior-stuff-beige-tones_181624-33128.jpg",              imageAlt: "Luxury spa center with relaxation areas"
            },
            {
              id: "fitness",              name: "State-of-the-Art Gym",              price: "Complimentary",              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",              imageAlt: "Modern fitness center with equipment"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Facilities"
          tagIcon={Sparkles}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Luxe Haven exceeded all our expectations. The impeccable service, luxurious rooms, and attention to detail made our stay absolutely unforgettable. We've already recommended it to all our friends and colleagues. This is truly the best hotel experience we've had."
          rating={5}
          author="Sarah Mitchell, Travel Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/beautiful-middle-aged-businesswoman-standing-looking-away_74855-8812.jpg",              alt: "Guest testimonial avatar 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              alt: "Guest testimonial avatar 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Guest testimonial avatar 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              alt: "Guest testimonial avatar 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",              alt: "Guest testimonial avatar 5"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",              alt: "Guest testimonial avatar 6"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Special Offers & Packages"
          description="Take advantage of our exclusive rates and packages tailored to enhance your stay experience."
          plans={[
            {
              id: "weekend",              price: "From $199",              name: "Weekend Escape",              buttons: [
                {
                  text: "Book Now",                  href: "contact"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "2 nights accommodation",                "Complimentary breakfast",                "Spa credit $50",                "Late checkout 2 PM"
              ]
            },
            {
              id: "corporate",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "From $249",              name: "Corporate Package",              buttons: [
                {
                  text: "Book Now",                  href: "contact"
                },
                {
                  text: "Contact Sales",                  href: "#"
                }
              ],
              features: [
                "3+ nights accommodation",                "Free business center access",                "Complimentary WiFi",                "Executive lounge access",                "Meeting room credit"
              ]
            },
            {
              id: "honeymoon",              price: "From $399",              name: "Honeymoon Special",              buttons: [
                {
                  text: "Book Now",                  href: "contact"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "3 nights suite accommodation",                "Romantic dinner for two",                "Couples spa treatment",                "Room upgrade if available",                "Champagne & chocolates"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Exclusive Rates"
          tagIcon={Gift}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Book"
          tagIcon={Phone}
          title="Plan Your Perfect Stay Today"
          description="Contact our expert team to reserve your room, inquire about special packages, or arrange personalized services for an unforgettable hotel experience."
          buttons={[
            {
              text: "Book Your Room",              href: "#"
            },
            {
              text: "Contact Us",              href: "#"
            }
          ]}
          background={{
            variant: "plain"
          }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
          columns={[
            {
              title: "Accommodations",              items: [
                {
                  label: "Deluxe Rooms",                  href: "rooms"
                },
                {
                  label: "Suites",                  href: "rooms"
                },
                {
                  label: "Family Rooms",                  href: "rooms"
                },
                {
                  label: "Special Offers",                  href: "pricing"
                }
              ]
            },
            {
              title: "Services",              items: [
                {
                  label: "Amenities",                  href: "amenities"
                },
                {
                  label: "Dining",                  href: "amenities"
                },
                {
                  label: "Spa & Wellness",                  href: "amenities"
                },
                {
                  label: "Event Hosting",                  href: "#"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "about"
                },
                {
                  label: "Contact",                  href: "contact"
                },
                {
                  label: "Careers",                  href: "#"
                },
                {
                  label: "Blog",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}