"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Facebook, Twitter, Instagram, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="fluid"
      cardStyle="neon-glow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          tag="Premium Hospitality"
          title="Experience Luxury Redefined"
          description="Discover exceptional comfort and world-class service at Luxe Haven. Your perfect getaway awaits."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxe Haven Hotel exterior showcasing modern luxury architecture"
          buttons={[
            { text: "Book Your Stay", href: "rooms" },
            { text: "Explore Amenities", href: "amenities" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="About Luxe Haven"
          title="Where Elegance Meets Comfort"
          description="Established in 2010, Luxe Haven has been the premier destination for discerning travelers. With 200+ rooms, world-class amenities, and personalized service, we create unforgettable memories. Our commitment to excellence and sustainable hospitality sets us apart."
          textboxLayout="default"
          phoneOne={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703921-81nc5pdi.jpg" }}
          phoneTwo={{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837893952-g875lj89.jpg" }}
          buttons={[
            { text: "Our Story", href: "about" },
            { text: "Meet the Team", href: "team" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardThirteen
          title="World-Class Amenities"
          description="Every detail is designed for your comfort and convenience"
          tag="Guest Experience"
          textboxLayout="default"
          features={[
            {
              id: "01",
              title: "Spa & Wellness",
              description: "Full-service spa with treatments, sauna, steam room, and fitness center for complete relaxation and rejuvenation."
            },
            {
              id: "02",
              title: "Fine Dining",
              description: "Award-winning restaurants and bars featuring international and local cuisines prepared by renowned chefs."
            },
            {
              id: "03",
              title: "Conference Centers",
              description: "State-of-the-art meeting facilities perfect for corporate events, weddings, and celebrations."
            },
            {
              id: "04",
              title: "Concierge Service",
              description: "24/7 personalized concierge to arrange activities, reservations, and special experiences during your stay."
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Rooms & Suites"
          description="Choose from a range of beautifully appointed accommodations designed for your perfect stay"
          tag="Accommodations"
          textboxLayout="default"
          products={[
            {
              id: "1",
              brand: "Luxe Haven",
              name: "Standard Room",
              price: "$150/night",
              rating: 4,
              reviewCount: "324",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg",
              imageAlt: "Comfortable standard hotel room with city view"
            },
            {
              id: "2",
              brand: "Luxe Haven",
              name: "Deluxe Room",
              price: "$250/night",
              rating: 5,
              reviewCount: "486",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Spacious deluxe room with modern furnishings"
            },
            {
              id: "3",
              brand: "Luxe Haven",
              name: "Executive Suite",
              price: "$400/night",
              rating: 5,
              reviewCount: "312",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766853784416-oirilpd6.jpg",
              imageAlt: "Luxurious executive suite with separate living area"
            },
            {
              id: "4",
              brand: "Luxe Haven",
              name: "Penthouse Suite",
              price: "$800/night",
              rating: 5,
              reviewCount: "198",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766853785327-ytic2r70.jpg",
              imageAlt: "Exclusive penthouse suite with panoramic city views"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="stats" data-section="stats">
        <MetricCardEleven
          title="By The Numbers"
          description="Our track record of excellence speaks for itself"
          tag="Our Achievements"
          textboxLayout="default"
          metrics={[
            {
              id: "1",
              value: "98%",
              title: "Guest Satisfaction",
              description: "Consistently high ratings from our valued guests worldwide",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg"
            },
            {
              id: "2",
              value: "50K+",
              title: "Happy Guests Annually",
              description: "Thousands of travelers choose Luxe Haven each year",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837894902-hqj1i6g3.jpg"
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFive
          title="What Guests Say"
          description="Hear from travelers who have experienced Luxe Haven"
          tag="Guest Reviews"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Marketing Executive",
              date: "Date: 15 November 2024",
              title: "Exceeded All Expectations",
              quote: "From the moment we arrived, the staff made us feel like VIPs. The room was immaculate, the dining was exceptional, and the spa services were pure bliss. We'll definitely be returning!",
              tag: "Deluxe Room Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766853787310-lzfsot45.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703921-81nc5pdi.jpg"
            },
            {
              id: "2",
              name: "Michael Chen, Business Traveler",
              date: "Date: 12 November 2024",
              title: "Perfect Business Hotel",
              quote: "The conference facilities are top-notch and the WiFi is lightning fast. The concierge arranged my client dinner perfectly. This is my go-to hotel for business trips.",
              tag: "Executive Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269123042-ekxd8aqx.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837894902-hqj1i6g3.jpg"
            },
            {
              id: "3",
              name: "Elena Rodriguez, Honeymoon Couple",
              date: "Date: 8 November 2024",
              title: "Romantic Dream Come True",
              quote: "Our honeymoon at Luxe Haven was magical. The sunset views from our suite, the romantic dinner setup, and the attentive service made it unforgettable. Highly recommended for special occasions!",
              tag: "Penthouse Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766853784416-oirilpd6.jpg"
            },
            {
              id: "4",
              name: "James Peterson, Family Vacation",
              date: "Date: 2 November 2024",
              title: "Family-Friendly Luxury",
              quote: "Our kids loved the pool area and the family activities. The staff was incredibly patient and helpful. It's rare to find such quality service that caters to families. Best vacation ever!",
              tag: "Deluxe Room Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg"
            },
            {
              id: "5",
              name: "Victoria Thompson, Wellness Retreat",
              date: "Date: 28 October 2024",
              title: "Healing and Rejuvenation",
              quote: "The spa treatments are absolutely divine. Combined with the healthy dining options and peaceful ambiance, I felt completely rejuvenated. Worth every penny!",
              tag: "Standard Room Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163111038-v4yzlxbq.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg"
            },
            {
              id: "6",
              name: "David Kumar, Corporate Retreat",
              date: "Date: 20 October 2024",
              title: "Ideal for Team Gatherings",
              quote: "We organized our annual company retreat here. The team-building activities, accommodations, and catering were all seamlessly coordinated. Our employees are already asking to come back!",
              tag: "Executive Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766853788258-vo982nsj.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703921-81nc5pdi.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter for exclusive offers, travel tips, and early access to special promotions."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766853786197-151er3uh.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive marketing emails."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Luxe Haven"
          description="A premier luxury hotel offering world-class accommodations, dining, and hospitality services. Your destination for unforgettable experiences."
          columns={[
            {
              title: "Rooms & Rates",
              items: [
                { label: "Standard Rooms", href: "rooms" },
                { label: "Suites", href: "rooms" },
                { label: "Special Offers", href: "rooms" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "amenities" },
                { label: "Spa & Wellness", href: "amenities" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cancellation Policy", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "YouTube" }
          ]}
          copyrightText="© 2024 Luxe Haven Hotels. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}