"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Calendar, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="dotGrid"
      cardStyle="neon-glow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Luxestay"
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Luxury Hospitality"
          description="Discover world-class accommodations, premium amenities, and personalized service at our five-star hotel. Your perfect getaway awaits."
          tag="Welcome to Luxestay"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel lobby entrance"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Our Story"
          description="Discover what makes Luxestay the preferred choice for discerning travelers worldwide"
          tag="About Luxestay"
          contentTag="HERITAGE & EXCELLENCE"
          contentTagIcon={Sparkles}
          contentTitle="Crafted for Comfort and Elegance"
          contentDescription="Since 1995, Luxestay has been synonymous with world-class hospitality. Our commitment to excellence, attention to detail, and warm service have made us a destination of choice for travelers seeking the finest experience. Every corner of our hotel reflects our dedication to your comfort and satisfaction."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Hotel entrance and architecture"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          contentButtons={[{ text: "Learn More", href: "#" }]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSeven
          title="Our Rooms"
          description="Choose from our carefully designed room categories, each offering unique comfort and style"
          tag="Accommodations"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$150/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849440242-p7cj613y.jpg",
              imageAlt: "Standard room with queen bed"
            },
            {
              id: "2",
              name: "Deluxe Room",
              price: "$250/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Deluxe room with premium amenities"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$450/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Presidential suite with panoramic views"
            }
          ]}
          buttons={[{ text: "View All Rooms", href: "contact" }]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyOne
          title="World-Class Amenities"
          description="Explore our comprehensive range of facilities designed for your relaxation and enjoyment"
          tag="Facilities"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767286344586-6gfyws7i.jpg"
          imageAlt="Resort swimming pool"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",
              title: "Olympic Swimming Pool",
              content: "Relax in our heated Olympic-sized swimming pool with panoramic views. Available year-round with professional lifeguards on duty."
            },
            {
              id: "2",
              title: "Spa & Wellness Center",
              content: "Indulge in rejuvenating treatments at our full-service spa. Our expert therapists offer massages, facials, and wellness therapies."
            },
            {
              id: "3",
              title: "Fine Dining Restaurant",
              content: "Experience culinary excellence at our Michelin-inspired restaurant, featuring international and local cuisines prepared by award-winning chefs."
            },
            {
              id: "4",
              title: "Fitness Center",
              content: "Stay active with our state-of-the-art fitness equipment, personal trainers, and yoga classes available daily."
            }
          ]}
          buttons={[{ text: "Learn About All Amenities", href: "#" }]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="Guest Testimonials"
          description="Hear what our valued guests have to say about their experiences at Luxestay"
          tag="Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Business Traveler",
              company: "Global Consulting Inc",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Rodriguez",
              role: "Honeymoon Guest",
              company: "Travel & Co",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "James Rodriguez"
            },
            {
              id: "3",
              name: "Emma Thompson",
              role: "Event Organizer",
              company: "Elite Events",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "4",
              name: "Michael Chen",
              role: "Corporate Executive",
              company: "Tech Innovations",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              role: "Leisure Traveler",
              company: "Vacation Specialist",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "David Park",
              role: "Conference Attendee",
              company: "International Summit",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "David Park"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book?"
          ctaDescription="Reserve your perfect room today and experience luxury hospitality like never before. Our team is ready to assist you."
          ctaButton={{ text: "Book Your Stay", href: "#" }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "Cancellations made 7 days before arrival receive a full refund. Cancellations within 7 days may incur a one-night charge."
            },
            {
              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."
            },
            {
              id: "3",
              title: "Are pets allowed?",
              content: "Pets are welcome in select rooms with a one-time pet fee of $50. Please notify us at booking."
            },
            {
              id: "4",
              title: "What is included in room rates?",
              content: "All rates include breakfast, Wi-Fi access, fitness center use, and pool access. Additional services available at reception."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxestay"
          copyrightText="© 2025 Luxestay Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms",
              items: [
                { label: "Standard Rooms", href: "#" },
                { label: "Deluxe Rooms", href: "#" },
                { label: "Suites", href: "#" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Amenities", href: "#" },
                { label: "Dining", href: "#" },
                { label: "Spa & Wellness", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Phone: +1 (555) 123-4567", href: "#" },
                { label: "Email: info@luxestay.com", href: "#" },
                { label: "Address: 123 Hotel Ave, City", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}