"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Home, Users, Award, Globe, Phone, Mail, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="large"
      sizing="mediumSizeExtraLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="elevated"
      primaryButtonStyle="outline"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          brandName="Luxury Stays"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Experience Luxury and Comfort"
          buttons={[
            { text: "Book a Room", href: "#rooms" },
            { text: "Learn More", href: "#about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Luxury hotel bedroom suite"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Modern hotel room design"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Elegant luxury suite"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243008667-twrhhm4j.jpg",
              imageAlt: "Comfortable guest room"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184717131-qr8fo1hm.jpg",
              imageAlt: "Resort accommodation"
            }
          ]}
          ariaLabel="Hotel hero section with room gallery"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Your Perfect Destination Awaits. We have been crafting unforgettable hospitality experiences for guests worldwide since 1995."
          metrics={[
            {
              icon: Home,
              label: "Luxury Rooms",
              value: "250+"
            },
            {
              icon: Users,
              label: "Happy Guests",
              value: "100K+"
            },
            {
              icon: Award,
              label: "Awards Won",
              value: "45+"
            },
            {
              icon: Globe,
              label: "Years of Excellence",
              value: "28"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Hotel metrics and achievements"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Our Room Collections"
          description="Explore our carefully curated selection of rooms designed for your ultimate comfort and relaxation"
          tag="Accommodations"
          products={[
            {
              id: "standard",
              name: "Standard Room",
              price: "$149/night",
              variant: "Queen bed, 250 sq ft",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Standard hotel room",
              isFavorited: false
            },
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$249/night",
              variant: "King bed, 400 sq ft",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Deluxe room with premium amenities",
              isFavorited: false
            },
            {
              id: "suite",
              name: "Luxury Suite",
              price: "$449/night",
              variant: "King bed, 600 sq ft, separate living area",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Luxury suite with premium finishes",
              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          containerStyle="default"
          useInvertedBackground="noInvert"
          ariaLabel="Hotel room offerings"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyOne
          title="World-Class Amenities"
          description="Discover an array of premium facilities and services designed to enhance your stay and provide the ultimate hospitality experience."
          tag="Facilities"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243009586-i0wdic5p.jpg"
          imageAlt="Luxury spa and wellness center"
          buttons={[
            { text: "View All Amenities", href: "#contact" }
          ]}
          accordionItems={[
            {
              id: "1",
              title: "Spa and Wellness Center",
              content: "Indulge in our award-winning spa with full-body massages, facials, and holistic wellness treatments. Our expert therapists are dedicated to rejuvenating your mind and body."
            },
            {
              id: "2",
              title: "Fine Dining Restaurant",
              content: "Experience culinary excellence at our Michelin-inspired restaurant featuring international cuisine and locally sourced ingredients. Our chef-prepared dishes celebrate global flavors."
            },
            {
              id: "3",
              title: "State-of-the-Art Fitness Center",
              content: "Stay active with our fully equipped gymnasium, yoga studio, and personal training services. Available 24/7 for all guests with modern equipment and expert guidance."
            },
            {
              id: "4",
              title: "Olympic-Size Swimming Pool",
              content: "Cool off in our pristine heated pool with panoramic views. Relax by the poolside with complimentary refreshments and enjoy our professional lifeguard services daily."
            }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
          ariaLabel="Hotel amenities and services"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Loved by Our Guests"
          description="Discover what our satisfied travelers say about their unforgettable experiences at our hotel"
          testimonials={[
            {
              id: "1",
              quote: "An absolutely phenomenal stay! The service was impeccable, the rooms were immaculate, and the staff anticipated every need. This is true luxury hospitality.",
              name: "Sarah Johnson",
              role: "Travel Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Sarah Johnson testimonial"
            },
            {
              id: "2",
              quote: "We celebrated our anniversary here and it was perfect. The romantic ambiance, delicious restaurant, and attentive service made our special day unforgettable.",
              name: "Michael Chen",
              role: "Corporate Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Michael Chen testimonial"
            },
            {
              id: "3",
              quote: "Best hotel experience I've had in years. The spa treatments were world-class, the rooms are incredibly comfortable, and the location is perfect for exploring.",
              name: "Emily Rodriguez",
              role: "Wellness Influencer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243012779-5ubk4nus.jpg",
              imageAlt: "Emily Rodriguez testimonial"
            },
            {
              id: "4",
              quote: "I stayed here for business meetings and was impressed by everything from the meeting facilities to the restaurant quality. Highly recommend for business travelers.",
              name: "David Kim",
              role: "Business Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183843211-zal0n8gj.jpg",
              imageAlt: "David Kim testimonial"
            }
          ]}
          variant="card"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          ariaLabel="Guest testimonials and reviews"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter and receive exclusive offers, travel tips, and first access to special promotions and new room releases."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184723624-xmhe9dh9.jpg"
          imageAlt="Hotel lobby and reception area"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          ariaLabel="Newsletter signup section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Luxury Stays"
          title="Your Gateway to Unforgettable Travel Experiences"
          columns={[
            {
              title: "Accommodations",
              items: [
                { label: "Standard Rooms", href: "#rooms" },
                { label: "Deluxe Rooms", href: "#rooms" },
                { label: "Luxury Suites", href: "#rooms" }
              ]
            },
            {
              title: "Facilities",
              items: [
                { label: "Spa and Wellness", href: "#amenities" },
                { label: "Restaurant", href: "#amenities" },
                { label: "Fitness Center", href: "#amenities" },
                { label: "Swimming Pool", 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: "#" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "+1 (555) 123-4567" },
            { icon: Mail, text: "reservations@luxurystays.com" },
            { icon: MapPin, text: "123 Hospitality Lane, Resort City, ST 12345" }
          ]}
          ariaLabel="Site footer with navigation and contact"
        />
      </div>
    </ThemeProvider>
  );
}