"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Star, Crown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="radialGradient"
      cardStyle="outline-light"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Stay"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Hospitality"
          bottomRightText="reservations@luxestay.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Luxury Hospitality"
          description="Welcome to a world of premium accommodations, exceptional service, and unforgettable moments. Discover your perfect retreat."
          tag="Welcome to Luxury"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel lobby with modern design"
          buttons={[
            { text: "Book Now", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Your Home Away From Home"
          description="Since 1995, Luxe Stay has been the destination for discerning travelers seeking the finest accommodations and personalized service. Our commitment to excellence ensures every stay becomes a cherished memory."
          tag="About Our Hotel"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg"
          imageAlt="Beautiful hotel exterior with architectural design"
          buttons={[
            { text: "Learn More", href: "amenities" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardFourteen
          title="Our Room Collection"
          description="Each room is thoughtfully designed with modern amenities and timeless elegance"
          tag="Accommodations"
          features={[
            {
              id: "1",
              title: "Deluxe Suite",
              description: "Spacious rooms with premium furnishings, city views, and marble bathrooms",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Deluxe suite with elegant decor"
            },
            {
              id: "2",
              title: "Standard Room",
              description: "Comfortable accommodations with modern amenities and cozy atmosphere",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Clean and comfortable standard hotel room"
            },
            {
              id: "3",
              title: "Ocean View Suite",
              description: "Breathtaking views with private balcony and luxury bath experience",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Hotel room with beautiful ocean view"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <ProductCardSeven
          title="Premium Amenities"
          description="Discover the facilities and services that make your stay exceptional"
          tag="Hotel Services"
          products={[
            {
              id: "1",
              name: "Spa & Wellness",
              price: "Experience Relaxation",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg",
              imageAlt: "Luxurious spa treatment area"
            },
            {
              id: "2",
              name: "Fine Dining",
              price: "Culinary Excellence",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg",
              imageAlt: "Elegant restaurant dining space"
            },
            {
              id: "3",
              name: "Swimming Pool",
              price: "Refreshing Escape",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849142731-hp8i7zi3.jpg",
              imageAlt: "Beautiful resort swimming pool"
            },
            {
              id: "4",
              name: "Fitness Center",
              price: "Stay Active",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Modern hotel fitness center"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Room Rates & Packages"
          description="Transparent pricing with no hidden fees. Choose the perfect package for your stay."
          tag="Special Offers"
          plans={[
            {
              id: "standard",
              badge: "Popular",
              badgeIcon: Sparkles,
              price: "$129/night",
              subtitle: "Standard Room with essential amenities",
              features: [
                "Queen bed with premium linens",
                "32-inch flat-screen TV",
                "Free Wi-Fi throughout",
                "Daily housekeeping",
                "Complimentary breakfast"
              ]
            },
            {
              id: "deluxe",
              badge: "Best Value",
              badgeIcon: Star,
              price: "$189/night",
              subtitle: "Deluxe Suite with premium features",
              features: [
                "King bed with luxury linens",
                "50-inch smart TV",
                "Premium Wi-Fi",
                "Daily housekeeping",
                "Complimentary breakfast",
                "Spa access included",
                "Evening turndown service"
              ]
            },
            {
              id: "ocean",
              badge: "Luxury",
              badgeIcon: Crown,
              price: "$249/night",
              subtitle: "Ocean View Suite with exclusive benefits",
              features: [
                "King bed with Egyptian cotton",
                "65-inch smart TV",
                "Premium Wi-Fi",
                "Twice daily housekeeping",
                "Gourmet breakfast",
                "Full spa access",
                "Personal concierge service",
                "Private balcony"
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardNine
          title="Guest Testimonials"
          description="Real stories from travelers who experienced luxury at Luxe Stay"
          tag="Guest Reviews"
          testimonials={[
            {
              id: "1",
              quote: "The attention to detail at Luxe Stay is exceptional. From the moment we arrived until our departure, every aspect of our stay was perfect. We'll definitely be back.",
              name: "Sarah Mitchell",
              role: "Hotel Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006037732-pjwx8627.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              quote: "Outstanding service and beautiful accommodations. The staff went above and beyond to make our honeymoon unforgettable. Highly recommended!",
              name: "James Chen",
              role: "Hotel Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766854198888-392pi2tb.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              quote: "The ocean view from our suite was breathtaking, and the spa facilities are world-class. This is the definition of luxury hospitality.",
              name: "Emma Rodriguez",
              role: "Hotel Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006036722-1o803gi1.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              quote: "Impeccable service, exquisite dining, and the most comfortable beds I've ever slept in. Luxe Stay exceeded all expectations.",
              name: "David Thompson",
              role: "Hotel Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg",
              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to book your perfect getaway?"
          inputPlaceholder="Enter your email for special offers"
          buttonText="Get Offer"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxe Stay"
          columns={[
            {
              items: [
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Reviews", href: "reviews" },
                { label: "Blog", href: "/" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Reservations", href: "contact" },
                { label: "Careers", href: "/" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "/" },
                { label: "Terms & Conditions", href: "/" },
                { label: "Cancellation Policy", href: "/" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}