"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "features" },
            { name: "Contact", id: "contact" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Welcome to Luxe Haven"
          description="Experience unparalleled elegance and world-class hospitality in the heart of the city. Your perfect escape awaits."
          tag="Premium Luxury Hotel"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-swimming-pool-beach_657883-734.jpg"
          imageAlt="Luxe Haven Hotel Exterior"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Luxe Haven"
          description={[
            "Nestled in a prime location, Luxe Haven is a five-star boutique hotel dedicated to providing exceptional guest experiences. With over two decades of hospitality excellence, we blend timeless elegance with modern comfort.",            "Our dedicated team of professionals is committed to exceeding expectations, from personalized concierge services to world-class dining and spa facilities. Each guest is treated like family, ensuring your stay is truly unforgettable."
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More About Us" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Premium Amenities"
          description="Discover the luxurious facilities and services that make Luxe Haven your ultimate destination."
          tag="World-Class Amenities"
          features={[
            {
              id: "01",              title: "Spa & Wellness Center",              description: "Rejuvenate with our full-service spa offering traditional and modern treatments.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7910.jpg",              imageAlt: "Hotel Spa and Wellness Facilities"
            },
            {
              id: "02",              title: "Fine Dining Restaurant",              description: "Savor exquisite culinary creations from our award-winning chef and team.",              imageSrc: "https://img.b2bpic.net/free-photo/couple-talking-drinking-coconut-milk-by-pool-vacation_23-2149369768.jpg",              imageAlt: "Luxury Hotel Restaurant"
            },
            {
              id: "03",              title: "Olympic-Size Pool",              description: "Unwind at our pristine swimming pool with panoramic views of the city.",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-sunset-beach-chairs-deck_1203-6263.jpg",              imageAlt: "Hotel Pool Area"
            },
            {
              id: "04",              title: "24/7 Concierge Service",              description: "Our expert team is available around the clock to fulfill your every need.",              imageSrc: "https://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369704.jpg",              imageAlt: "Hotel Lobby and Concierge"
            }
          ]}
          textboxLayout="split"
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Exquisite Room Collection"
          description="Choose from our carefully curated selection of luxurious rooms and suites, each designed for ultimate comfort."
          tag="Room Categories"
          products={[
            {
              id: "standard-room",              name: "Deluxe Room",              price: "$299/night",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-wedding-venue-with-swimming-pool_637285-5705.jpg",              imageAlt: "Deluxe Hotel Room",              initialQuantity: 1
            },
            {
              id: "premium-suite",              name: "Premium Suite",              price: "$499/night",              imageSrc: "https://img.b2bpic.net/free-photo/blue-sea-water-summer-silhouette_1203-3871.jpg",              imageAlt: "Premium Hotel Suite",              initialQuantity: 1
            },
            {
              id: "presidential-suite",              name: "Presidential Suite",              price: "$899/night",              imageSrc: "https://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369704.jpg",              imageAlt: "Presidential Suite",              initialQuantity: 1
            }
          ]}
          textboxLayout="split"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Guest Reviews"
          description="Hear what our valued guests have to say about their experiences at Luxe Haven."
          tag="Guest Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Executive Director",              company: "International Travel",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Richardson",              role: "CEO",              company: "Global Consulting",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Richardson"
            },
            {
              id: "3",              name: "Elena Rossi",              role: "Creative Director",              company: "Design Studios",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Elena Rossi"
            },
            {
              id: "4",              name: "Michael Chen",              role: "Founder",              company: "Tech Ventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "5",              name: "Victoria Laurent",              role: "Marketing VP",              company: "Fashion & Style",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Victoria Laurent"
            },
            {
              id: "6",              name: "David Thompson",              role: "Business Owner",              company: "Luxury Brands Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="split"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Luxe Haven by Numbers"
          description="Our commitment to excellence is reflected in these impressive achievements and milestones."
          tag="Our Success"
          metrics={[
            {
              id: "1",              value: "20+",              title: "Years of Excellence",              description: "Delivering world-class hospitality since 2004",              imageSrc: "https://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369704.jpg",              imageAlt: "Hotel Heritage"
            },
            {
              id: "2",              value: "98%",              title: "Guest Satisfaction",              description: "Consistently exceeding guest expectations and standards",              imageSrc: "https://img.b2bpic.net/free-photo/silhouette-woman-walking-water-surface-infinity-pool-expensive-rich-luxury-villa-mountain-with-sea-view_343596-2993.jpg",              imageAlt: "Guest Satisfaction Rates"
            }
          ]}
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Book?"
          title="Reserve Your Perfect Stay Today"
          description="Join thousands of satisfied guests who have experienced the luxury and comfort of Luxe Haven. Book your reservation now and begin your unforgettable journey."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Reserve Now"
          termsText="By reserving with us, you agree to our booking terms and privacy policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxe Haven"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About Us", href: "about" },
                { label: "Rooms", href: "rooms" }
              ]
            },
            {
              items: [
                { label: "Amenities", href: "features" },
                { label: "Reviews", href: "testimonials" },
                { label: "Book Now", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}