"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="grid"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="LuxeStay"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="dddlcome todddjjjd Luxury"
          description="Experience world-class hospitality and unforgettable moments in our premium beachfront resort"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg"
          imageAlt="Luxury hotel exterior with ocean view"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Your Stay", href: "rooms" },
            { text: "Explore Amenities", href: "amenities" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Discover LuxeStay"
          description={[
            "Nestled along pristine coastlines, our five-star resort offers the perfect blend of luxury, comfort, and impeccable service. Since our opening in 2015, we have been dedicated to creating unforgettable experiences for every guest.",
            "From intimate getaways to grand celebrations, our world-class facilities, expert staff, and personalized service ensure that every moment of your stay is extraordinary. We pride ourselves on attention to detail and commitment to excellence."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "Learn More", href: "contact" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Room Collections"
          description="Discover our carefully curated selection of rooms designed for comfort and elegance"
          products={[
            {
              id: "1",
              brand: "LuxeStay",
              name: "Standard Room",
              price: "$189/night",
              rating: 4.5,
              reviewCount: "1.2k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837893952-g875lj89.jpg",
              imageAlt: "Standard hotel room"
            },
            {
              id: "2",
              brand: "LuxeStay",
              name: "Deluxe Suite",
              price: "$349/night",
              rating: 4.8,
              reviewCount: "2.1k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg",
              imageAlt: "Deluxe suite with ocean view"
            },
            {
              id: "3",
              brand: "LuxeStay",
              name: "Presidential Suite",
              price: "$599/night",
              rating: 5,
              reviewCount: "856",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg",
              imageAlt: "Luxury presidential suite"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSix
          title="World-Class Amenities"
          description="Indulge in our premium facilities designed for relaxation and entertainment"
          features={[
            {
              id: 1,
              title: "Spa & Wellness",
              description: "Rejuvenate with our full-service spa featuring therapeutic treatments, saunas, and yoga sessions",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837894902-hqj1i6g3.jpg"
            },
            {
              id: 2,
              title: "Olympic Pool",
              description: "Cool off in our stunning infinity pool overlooking the ocean with premium poolside service",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
            },
            {
              id: 3,
              title: "Fine Dining",
              description: "Experience exceptional cuisine prepared by award-winning chefs at our Michelin-star restaurant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837635686-iqflxt2s.jpg"
            },
            {
              id: 4,
              title: "Fitness Center",
              description: "Stay active with state-of-the-art equipment, personal training, and group fitness classes",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837895688-zmwuys3h.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Guest Experiences"
          description="Hear from our satisfied guests about their unforgettable stays at LuxeStay"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "CEO",
              company: "Global Ventures",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837896869-i8w8zlub.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Richardson",
              role: "Travel Enthusiast",
              company: "Explorer Magazine",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "3",
              name: "Emma & David Chen",
              role: "Honeymooners",
              company: "Just Married",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837897785-1uox7daw.jpg",
              imageAlt: "Emma and David Chen"
            },
            {
              id: "4",
              name: "Michael Torres",
              role: "Business Executive",
              company: "Fortune 500",
              rating: 4.5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "Michael Torres"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              role: "Event Coordinator",
              company: "Elite Events",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837898715-8pzezwwo.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "Robert Williams",
              role: "Architect",
              company: "Design Studio",
              rating: 4.5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837899630-p1fqebtx.jpg",
              imageAlt: "Robert Williams"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Room Rates"
          description="Flexible options for every budget and preference"
          plans={[
            {
              id: "standard",
              price: "$189/night",
              name: "Standard Room",
              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "View Details", href: "rooms" }
              ],
              features: [
                "King or Twin Beds",
                "Ocean or City View",
                "Complimentary WiFi",
                "24-Hour Room Service"
              ]
            },
            {
              id: "deluxe",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$349/night",
              name: "Deluxe Suite",
              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "View Details", href: "rooms" }
              ],
              features: [
                "Separate Living Area",
                "Premium Bedding",
                "Spa Bathroom",
                "Butler Service",
                "Complimentary Bar"
              ]
            },
            {
              id: "presidential",
              price: "$599/night",
              name: "Presidential Suite",
              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "View Details", href: "rooms" }
              ],
              features: [
                "Full Penthouse Suite",
                "Private Terrace",
                "Luxury Spa Bath",
                "Personal Concierge",
                "Complimentary Dining",
                "Priority Everything"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Connected"
          description="Subscribe to our newsletter for exclusive offers, travel tips, and special promotions delivered to your inbox"
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe anytime. Read our privacy policy for more details."
        />
      </div>

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