"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="large"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Stays"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Experience Luxury at Its Finest"
          description="Discover our world-class accommodations, impeccable service, and unforgettable moments in paradise"
          tag="Premium Hotel"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxury hotel exterior with modern architecture"
          frameStyle="card"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Where Hospitality Meets Excellence. Our hotel stands as a beacon of luxury and comfort, offering guests an exceptional escape from the ordinary. With meticulously designed rooms, world-class amenities, and a dedicated team of professionals, we create memories that last a lifetime."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "amenities" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Choose Your Perfect Room"
          description="Select from our carefully curated selection of elegant rooms and suites, each designed to provide ultimate comfort and style"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard room with comfortable bed and modern amenities"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
              imageAlt: "Deluxe suite with spacious living area and premium furnishings"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$499/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg",
              imageAlt: "Presidential suite with luxury amenities and exclusive features"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardEighteen
          title="World-Class Amenities"
          description="Enjoy our premium facilities designed to enhance your stay and provide complete relaxation"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          negativeCard={{
            title: "Basic Hotels",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg",
            items: [
              "Limited room service",
              "Standard facilities",
              "Basic dining options",
              "No wellness programs"
            ]
          }}
          positiveCard={{
            title: "Our Hotel",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
            items: [
              "24/7 concierge service",
              "Olympic-sized swimming pool",
              "Full-service spa and wellness center",
              "Fine dining restaurants",
              "State-of-the-art fitness facility"
            ]
          }}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Trusted by Our Guests"
          description="Read what our satisfied guests have to say about their unforgettable experiences"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Absolutely stunning property with exceptional service. Every detail was perfect, from the elegant rooms to the attentive staff. I will definitely return.",
              name: "Sarah Anderson",
              role: "Travel Enthusiast",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Sarah Anderson"
            },
            {
              id: "2",
              quote: "The best hotel experience I've ever had. The amenities are world-class and the team goes above and beyond to make your stay memorable.",
              name: "Michael Chen",
              role: "Business Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              quote: "Perfect destination for a romantic getaway. The ambiance, the service, and the stunning views made our anniversary unforgettable.",
              name: "Emily Rodriguez",
              role: "Honeymooner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              quote: "Impeccable attention to detail and genuine hospitality. This is luxury redefined. Highly recommend for any special occasion.",
              name: "David Kumar",
              role: "Corporate Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766746405873-1spwsbig.jpg",
              imageAlt: "David Kumar"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Room Packages"
          description="Flexible booking options tailored to your needs and preferences"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "1",
              price: "$129",
              name: "Standard Room",
              features: [
                "Queen bed with premium linens",
                "Flat-screen TV and WiFi",
                "Private bathroom with amenities",
                "Daily housekeeping",
                "Access to fitness center"
              ],
              buttons: [
                { text: "Book Now", href: "contact" }
              ]
            },
            {
              id: "2",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$249",
              name: "Deluxe Suite",
              features: [
                "King bed with luxury bedding",
                "Separate living area",
                "Premium TV and entertainment",
                "Marble bathroom with soaking tub",
                "24/7 room service",
                "Spa and wellness access"
              ],
              buttons: [
                { text: "Book Now", href: "contact" }
              ]
            },
            {
              id: "3",
              price: "$499",
              name: "Presidential Suite",
              features: [
                "Penthouse location with panoramic views",
                "Multiple bedrooms and bathrooms",
                "Personal concierge service",
                "Private dining area",
                "Exclusive spa treatments",
                "Complimentary transportation"
              ],
              buttons: [
                { text: "Book Now", href: "contact" }
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Stay"
          description="Get in touch with our reservations team to book your perfect room and experience luxury hospitality"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042152041-ve4nrkbs.jpg"
          imageAlt="Hotel lobby entrance"
          mediaPosition="right"
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "checkIn", type: "date", placeholder: "Check-in Date", required: true }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or additional information...",
            rows: 5,
            required: false
          }}
          buttonText="Request Booking"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxury Stays"
          copyrightText="© 2025 Luxury Stays Hotel. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}