"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Home, Star, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="fluid"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "About", id: "about" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Luxe Hotels"
          bottomLeftText="Global Hospitality"
          bottomRightText="hello@luxehotels.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Experience Luxurllly Redefined"
          description="Discover exceptional comfort and world-class hospitality at our premier destinations. Your perfect retreat awaits."
          tag="Luxury Stays"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
          imageAlt="Luxury hotel entrance and lobby"
          buttons={[
            { text: "Book Now", href: "#rooms" },
            { text: "Explore More", href: "#about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="A Legacy of Excellence"
          description="Since 1995, we have been crafting unforgettable moments for our guests. Our commitment to excellence, personalized service, and attention to detail sets us apart in the hospitality industry."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837632717-e4zpxgio.jpg"
          imageAlt="Elegant hotel interior and ambiance"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Rooms"
          description="Choose from our carefully curated selection of luxurious accommodations"
          tag="Suites & Rooms"
          tagIcon={Home}
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$149/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard room with queen bed and modern amenities"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Deluxe suite with city views and spa amenities"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$499/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837633637-2td49lx5.jpg",
              imageAlt: "Presidential suite with private terrace and premium furnishings"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Stories"
          description="Hear from our satisfied guests about their memorable stays"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Travel Enthusiast",
              date: "Date: 15 January 2025",
              title: "An unforgettable experience",
              quote: "The attention to detail at Luxe Hotels is exceptional. Every aspect of our stay, from the impeccable room service to the stunning spa facilities, exceeded our expectations. We're already planning our next visit.",
              tag: "Deluxe Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
            },
            {
              id: "2",
              name: "James Rodriguez, Business Traveler",
              date: "Date: 22 December 2024",
              title: "Perfect for business stays",
              quote: "As a frequent traveler, I appreciate consistent quality and exceptional service. Luxe Hotels delivers on both fronts. The business center, high-speed internet, and professional staff make my stays productive and comfortable.",
              tag: "Standard Room Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837637084-jm7vbmol.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg"
            },
            {
              id: "3",
              name: "Emma Thompson, Anniversary Celebration",
              date: "Date: 10 December 2024",
              title: "Romantic getaway perfection",
              quote: "We celebrated our anniversary at Luxe Hotels and it was magical. The personalized service, romantic ambiance, and culinary excellence made it a night we'll treasure forever.",
              tag: "Presidential Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837638350-0kkui0uq.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837635686-iqflxt2s.jpg"
            },
            {
              id: "4",
              name: "David Chen, Wellness Retreat",
              date: "Date: 28 November 2024",
              title: "Rejuvenation and tranquility",
              quote: "The spa and wellness facilities are world-class. My stay at Luxe Hotels was the perfect escape from the busy city. I left feeling completely rejuvenated and at peace.",
              tag: "Deluxe Suite Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766735981305-ohmchoon.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
            }
          ]}
        />
      </div>

      <div id="faq-contact" data-section="faq-contact">
        <ContactFaq
          ctaTitle="Ready to Book?"
          ctaDescription="Contact our reservations team for special packages and group bookings"
          ctaButton={{
            text: "Get in Touch",
            href: "#"
          }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "What are your check-in and check-out times?",
              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 availability. Please contact our front desk to arrange."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide complimentary airport shuttle service for all our guests. Please arrange this at the time of booking or contact our concierge upon arrival."
            },
            {
              id: "3",
              title: "What amenities are included in each room?",
              content: "All rooms include high-speed internet, premium bedding, marble bathrooms, flat-screen TV, and climate control. Presidential suites additionally feature a private terrace, spa tub, and exclusive concierge service."
            },
            {
              id: "4",
              title: "Do you accommodate special dietary requirements?",
              content: "Absolutely. Our culinary team is experienced in accommodating various dietary needs and preferences. Please inform us at the time of booking or contact our restaurant team directly."
            },
            {
              id: "5",
              title: "Is there a cancellation policy?",
              content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Cancellations within 48 hours may incur a one-night charge. Terms vary by booking type."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Luxe Hotels"
        />
      </div>
    </ThemeProvider>
  );
}