"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCenterForm from "@/components/sections/contact/ContactCenterForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="fluid"
      cardStyle="shadow-colored"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Luxury Hospitality"
          description="Discover our world-class accommodations and exceptional service in the heart of the city. Your perfect getaway awaits."
          tag="Premium Hotels"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Luxury hotel bedroom with premium furnishings"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Modern suite with elegant design"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Spacious resort accommodation"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849442209-g2s3b84q.jpg",
              imageAlt: "Contemporary hotel interior"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243008667-twrhhm4j.jpg",
              imageAlt: "Premium bedroom with luxury amenities"
            }
          ]}
          buttons={[
            { text: "View Rooms", href: "rooms" },
            { text: "Check Availability", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Welcome to Our Hotel"
          description="Since opening our doors, we have been committed to providing exceptional hospitality and unforgettable experiences. Our dedicated team ensures every guest enjoys personalized service and comfort during their stay."
          tag="Our Story"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184717131-qr8fo1hm.jpg"
          imageAlt="Hotel lobby and reception area"
          buttons={[{ text: "Learn More", href: "#" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardSeven
          title="Our Room Types"
          description="Choose from our variety of thoughtfully designed rooms and suites, each offering unique comfort and style."
          tag="Accommodations"
          features={[
            {
              id: 1,
              title: "Standard Room",
              description: "Cozy and comfortable rooms perfect for business travelers and couples. Includes modern amenities and complimentary WiFi.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767195026929-zu71bw7f.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: 2,
              title: "Deluxe Room",
              description: "Spacious rooms with premium bedding, city views, and enhanced amenities. Ideal for guests seeking extra comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184719816-2670gl5k.jpg",
              imageAlt: "Deluxe hotel room with panoramic windows"
            },
            {
              id: 3,
              title: "Luxury Suite",
              description: "Our finest accommodations featuring separate living areas, premium furnishings, and exclusive amenities for the ultimate experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042228850-p1iskhy4.jpg",
              imageAlt: "Luxury suite with elegant furniture and decor"
            },
            {
              id: 4,
              title: "Premium Amenities",
              description: "All rooms include access to our world-class facilities: spa, fitness center, fine dining, and 24-hour concierge service.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Hotel amenities including pool and spa"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="This hotel exceeded all my expectations. The rooms are immaculate, the staff is incredibly attentive, and the overall experience was unforgettable. I will definitely return on my next visit."
          rating={5}
          author="Margaret Johnson, Travel Enthusiast"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              alt: "Guest Margaret Johnson"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              alt: "Guest Robert Wilson"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              alt: "Guest Susan Martinez"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              alt: "Guest David Chen"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FaqSplitText
          sideTitle="Guest Information"
          sideDescription="Find answers to common questions about our hotel, policies, and services."
          faqs={[
            {
              id: "1",
              title: "What time is check-in and check-out?",
              content: "Check-in begins at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request, subject to room availability."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we offer airport shuttle service for an additional fee. Please arrange this when booking or contact our concierge desk upon arrival."
            },
            {
              id: "3",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets in select rooms for a small pet fee. Please inform us of your pet when making your reservation."
            },
            {
              id: "4",
              title: "What amenities are included in my room?",
              content: "All rooms include complimentary WiFi, air conditioning, flat-screen TV, mini bar, coffee maker, and premium toiletries. Deluxe rooms and suites offer additional amenities."
            },
            {
              id: "5",
              title: "Is there parking available?",
              content: "Yes, we offer both valet and self-parking options. Rates and availability vary; please contact us for current pricing."
            },
            {
              id: "6",
              title: "What is your cancellation policy?",
              content: "Cancellations made 7 days or more before arrival receive a full refund. Cancellations within 7 days may be subject to a one-night charge."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Book Your Stay"
          description="Ready to experience luxury hospitality? Reserve your room today or contact us with any questions. Our team is here to help create your perfect getaway."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "checkIn",
              type: "date",
              placeholder: "Check-in Date",
              required: true
            },
            {
              name: "checkOut",
              type: "date",
              placeholder: "Check-out Date",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Special requests or questions...",
            rows: 5,
            required: false
          }}
          buttonText="Reserve Now"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxury Hotel"
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "Home", href: "#" },
                { label: "Rooms", href: "#rooms" },
                { label: "Amenities", href: "#amenities" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Check-in/Check-out", href: "#" },
                { label: "Room Service", href: "#" },
                { label: "Housekeeping", href: "#" },
                { label: "Concierge", href: "#" }
              ]
            },
            {
              title: "Information",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Booking Policy", href: "#" },
                { label: "Cancellation", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxury Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}