"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Sparkles, Star, Home, Heart, HelpCircle, Bell, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-subtle"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Hospitality"
          bottomRightText="reservations@luxehotels.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Experience Luxury Hospitality"
          description="Discover world-class comfort and exceptional service at our premium hotel. Your perfect getaway awaits."
          tag="Welcome to Paradise"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
              imageAlt: "Luxury hotel room with premium bedding"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906467892-bnvhja3w.jpg",
              imageAlt: "Modern suite with city view"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839701158-z8tv3834.jpg",
              imageAlt: "Deluxe room with elegant decor"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Five-star suite with premium amenities"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837632717-e4zpxgio.jpg",
              imageAlt: "Luxury bedroom interior design"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg",
              imageAlt: "Hotel room luxury accommodation"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Hotel showcase carousel"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Your Home Away From Home"
          description="Established in 1998, Luxe Hotels has been setting the standard for luxury hospitality. We combine timeless elegance with modern amenities to create unforgettable experiences for every guest. Our dedicated team ensures your stay is nothing short of extraordinary."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
          imageAlt="Luxe Hotels elegant lobby and reception"
          imagePosition="right"
          buttons={[
            { text: "Learn More", href: "#amenities" }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="About our hotel"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSix
          title="World-Class Amenities"
          description="Discover our comprehensive range of premium facilities designed for your comfort and enjoyment"
          tag="Premium Services"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Luxury Spa & Wellness",
              description: "Indulge in rejuvenating treatments and holistic wellness programs at our state-of-the-art spa facility",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837893952-g875lj89.jpg",
              imageAlt: "Spa and wellness center"
            },
            {
              id: 2,
              title: "Fine Dining Restaurant",
              description: "Savor culinary excellence with our award-winning chefs creating international and local cuisines",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767095046715-31j082w1.jpg",
              imageAlt: "Upscale dining restaurant"
            },
            {
              id: 3,
              title: "State-of-the-Art Fitness Center",
              description: "Stay active with modern equipment, personal training, and group fitness classes available daily",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703921-81nc5pdi.jpg",
              imageAlt: "Hotel fitness center"
            },
            {
              id: 4,
              title: "Resort Swimming Pool",
              description: "Relax by our Olympic-sized pool with poolside bar service and aquatic activities year-round",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767095044930-8ay75hqg.jpg",
              imageAlt: "Luxury resort pool area"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSeven
          title="Exquisite Room Selections"
          description="Choose from our curated collection of elegantly appointed rooms designed for ultimate comfort"
          tag="Room Types"
          tagIcon={Home}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$149/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767279856406-tzox1fjq.jpg",
              imageAlt: "Standard hotel room"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Deluxe hotel suite"
            },
            {
              id: "3",
              name: "Penthouse Suite",
              price: "$499/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767279857424-5zs9sfbi.jpg",
              imageAlt: "Luxury penthouse suite"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by Thousands of Satisfied Guests Worldwide"
          cardTag="Guest Reviews"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184703623-6mn9btum.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              name: "David Williams",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399071735-aq7lptqc.jpg",
              imageAlt: "David Williams"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "James Mitchell",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
              imageAlt: "James Mitchell"
            }
          ]}
          ariaLabel="Guest testimonials"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our hotel, booking, and services"
          tag="Help Center"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837894902-hqj1i6g3.jpg"
          imageAlt="Hotel concierge team"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your check-in and check-out time?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are available subject to room availability."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Please arrange pickup at least 24 hours in advance through our concierge."
            },
            {
              id: "3",
              title: "Are pets allowed at the hotel?",
              content: "We welcome well-behaved pets with a pet fee of $25 per night. Service animals are always welcome at no additional charge."
            },
            {
              id: "4",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, debit cards, and digital payment methods. A valid form of identification is required at check-in."
            },
            {
              id: "5",
              title: "Is WiFi included with my stay?",
              content: "Complimentary high-speed WiFi is included for all guests throughout the hotel, including rooms and common areas."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready for Your Next Getaway?"
          description="Subscribe to our newsletter for exclusive offers, room specials, and travel inspiration delivered to your inbox"
          tagIcon={Bell}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from our mailing list."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Luxe Hotels"
          copyrightText="© Luxe Hotels, Inc. 2025. All rights reserved."
          columns={[
            {
              title: "Hotel",
              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "#careers" },
                { label: "Press", href: "#press" }
              ]
            },
            {
              title: "Explore",
              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "#dining" }
              ]
            },
            {
              title: "Policies",
              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms & Conditions", href: "#terms" },
                { label: "Cancellation", href: "#cancellation" }
              ]
            },
            {
              title: "Connect",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Book Direct", href: "#booking" },
                { label: "Group Events", href: "#groups" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",
              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",
              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",
              ariaLabel: "Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com",
              ariaLabel: "LinkedIn"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}