"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="radialGradient"
      cardStyle="solid-accent"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="minimal"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="LuxeStay Hotels"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Luxury Accommodations"
          description="Experience world-class hospitality in our exquisite hotels with stunning amenities and personalized service"
          tag="Premium Hotels"
          buttons={[
            {
              text: "Book Your Stay",
              href: "#contact"
            },
            {
              text: "Explore Rooms",
              href: "#about"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Luxury hotel lobby"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg",
              imageAlt: "Premium hotel suite"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Resort pool area"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184720628-griec8yy.jpg",
              imageAlt: "Fine dining restaurant"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
              imageAlt: "Spa wellness center"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Your Home Away From Home"
          description="At LuxeStay Hotels, we pride ourselves on delivering exceptional guest experiences. Our carefully curated properties blend timeless elegance with modern comfort, ensuring every stay is memorable."
          tag="About Us"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "World-Class Service",
              description: "Dedicated staff trained to exceed your expectations at every moment of your stay"
            },
            {
              title: "Prime Locations",
              description: "Strategically situated properties near major attractions, business districts, and natural beauty"
            },
            {
              title: "Luxury Amenities",
              description: "Premium bedding, fine dining, spa facilities, and state-of-the-art entertainment options"
            },
            {
              title: "Sustainable Practices",
              description: "Eco-friendly operations and community-focused initiatives for responsible hospitality"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
          imageAlt="LuxeStay Hotels exterior"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Premium Amenities"
          description="Indulge in our comprehensive range of world-class facilities designed for your comfort and leisure"
          tag="Our Facilities"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          features={[
            {
              id: "01",
              title: "Olympic Pool",
              description: "Luxurious heated swimming pool with stunning views and poolside dining options",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243011595-xn46fxaw.jpg"
            },
            {
              id: "02",
              title: "Full-Service Spa",
              description: "Professional treatments including massage, facials, and wellness therapies in serene surroundings",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg"
            },
            {
              id: "03",
              title: "Fine Dining",
              description: "Award-winning restaurants offering international cuisine and local specialties prepared by renowned chefs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg"
            },
            {
              id: "04",
              title: "Fitness Center",
              description: "State-of-the-art equipment, personal training services, and yoga classes for your wellness goals",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211438371-8670buzm.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="Guest Experiences"
          description="Hear what our valued guests have to say about their memorable stays at LuxeStay Hotels"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Jennifer Smith",
              role: "Business Traveler",
              company: "Tech Innovations Inc",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Jennifer Smith"
            },
            {
              id: "2",
              name: "Michael Johnson",
              role: "Vacation Traveler",
              company: "Family Adventure Co",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Michael Johnson"
            },
            {
              id: "3",
              name: "Sarah Williams",
              role: "Event Organizer",
              company: "Celebrations & Events",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Sarah Williams"
            },
            {
              id: "4",
              name: "David Martinez",
              role: "Corporate Executive",
              company: "Global Enterprises Ltd",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "David Martinez"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Plan Your Perfect Escape"
          description="Subscribe to our newsletter for exclusive offers, special promotions, and first access to new properties and events at LuxeStay Hotels"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from our mailing list."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="LuxeStay"
          copyrightText="© 2025 LuxeStay Hotels. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}