"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="noise"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxury Stay"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Welcome to Luxury Stay"
          description="Experience unparalleled comfort and elegance in our world-class hotel. From breathtaking views to exceptional service, we redefine hospitality."
          tag="5-Star Hotel"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
          carouselItems={[
            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg", imageAlt: "Luxury suite" },
            { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg", imageAlt: "Hotel room with view" },
            { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243011595-xn46fxaw.jpg", imageAlt: "Hotel room with pool view" },
            { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184723624-xmhe9dh9.jpg", imageAlt: "Elegant hotel lobby" },
            { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg", imageAlt: "Fine dining restaurant" },
            { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243009586-i0wdic5p.jpg", imageAlt: "Luxury spa facilities" }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Your Gateway to Luxury"
          description="Nestled in the heart of the city, our hotel combines contemporary design with timeless elegance. With over 200 rooms, award-winning dining, and world-class amenities, we create unforgettable memories for every guest. Our dedicated team ensures your stay is nothing short of exceptional."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837895688-zmwuys3h.jpg"
          imageAlt="Luxury hotel exterior"
          useInvertedBackground="noInvert"
          buttons={[{ text: "Learn More", href: "#" }]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardTwentyOne
          title="Our Room Collections"
          description="Each room is thoughtfully designed to provide the ultimate in comfort and style. Discover our curated selection of accommodations."
          tag="Room Types"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury suite"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          accordionItems={[
            {
              id: "1",
              title: "Deluxe Room",
              content: "Our signature room features modern amenities, premium bedding, and elegant furnishings. Perfect for couples and individual travelers seeking comfort and style. Complimentary Wi-Fi, flat-screen TV, and marble bathroom included."
            },
            {
              id: "2",
              title: "Executive Suite",
              content: "Spacious suites with separate living areas, premium toiletries, and exclusive club access. Enjoy personalized concierge service and priority reservations at our restaurant and spa facilities."
            },
            {
              id: "3",
              title: "Penthouse Suite",
              content: "Our crown jewel featuring panoramic city views, private terrace, and luxurious spa-inspired bathroom. Includes champagne welcome service and dedicated butler assistance for ultimate indulgence."
            }
          ]}
          buttons={[{ text: "View All Rooms", href: "#contact" }]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <MetricCardSeven
          title="World-Class Amenities"
          description="Discover the exceptional facilities that set us apart"
          tag="Facilities"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "200+",
              title: "Luxury Rooms",
              items: ["Premium bedding & linens", "24-hour room service", "Smart climate control"]
            },
            {
              id: "2",
              value: "5",
              title: "Dining Venues",
              items: ["Michelin-starred restaurant", "Rooftop bar & lounge", "24-hour room service"]
            },
            {
              id: "3",
              value: "50,000",
              title: "Sq Ft Spa",
              items: ["Professional treatments", "Thermal pools", "Wellness programs"]
            },
            {
              id: "4",
              value: "99%",
              title: "Guest Satisfaction",
              items: ["Award-winning service", "Personalized experiences", "Attention to detail"]
            }
          ]}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardEleven
          title="What Our Guests Say"
          description="Read heartfelt reviews from travelers who've experienced our hospitality"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Johnson, Business Executive",
              quote: "The most remarkable stay of my life. Every detail was perfect, from the moment I arrived until checkout. The staff anticipates your needs before you even ask.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Travel Blogger",
              quote: "Luxury Stay redefined my expectations. The combination of exceptional service, stunning design, and world-class amenities is unmatched. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Emma Rodriguez, Couple's Retreat",
              quote: "We celebrated our anniversary here and it was magical. The spa treatments, romantic dining, and spectacular views made it unforgettable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              nameTitle: "David Lee, Corporate Client",
              quote: "Perfect venue for our corporate events. The facilities are top-notch and the team goes above and beyond to ensure everything runs smoothly.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
              imageAlt: "David Lee"
            },
            {
              id: "5",
              nameTitle: "Isabella Martinez, Luxury Traveler",
              quote: "I travel extensively and this hotel is in a league of its own. The attention to detail, personalized service, and elegant ambiance set it apart.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Isabella Martinez"
            },
            {
              id: "6",
              nameTitle: "James Wilson, Family Vacation",
              quote: "Our family had the time of our lives. The kids loved the pool, we enjoyed the spa, and the entire experience was flawless. Already planning our return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "James Wilson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay"
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Standard rate bookings can be cancelled free of charge. Non-refundable rates cannot be modified or cancelled."
            },
            {
              id: "2",
              title: "Do you offer airport transfers?",
              content: "Yes, we provide complimentary airport transfer service for guests staying 3 nights or more. Standard transfer fee applies for shorter stays. Book in advance through our concierge."
            },
            {
              id: "3",
              title: "What are your check-in and check-out times?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are available upon request, subject to availability and may incur additional charges."
            },
            {
              id: "4",
              title: "Are pets allowed?",
              content: "Yes, we welcome well-behaved pets in designated pet-friendly rooms. A one-time pet fee of $50 applies. Please notify us at booking to ensure availability."
            },
            {
              id: "5",
              title: "Is breakfast included?",
              content: "Breakfast is complimentary for guests in our Executive Suites and above. Standard room guests can add breakfast for $25 per person per day at the time of booking."
            },
            {
              id: "6",
              title: "Do you offer spa services?",
              content: "Our full-service spa offers a complete range of treatments including massages, facials, and body treatments. Book directly at the spa or through your room's concierge service."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Stay?"
          ctaDescription="Get in touch with our reservations team to plan your perfect getaway."
          ctaButton={{ text: "Reserve Now", href: "tel:+1-800-LUXURY-01" }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "How do I make a reservation?",
              content: "You can book directly on our website, call our reservations team at +1-800-LUXURY-01, or email reservations@luxurystay.com. We're available 24/7 to assist you."
            },
            {
              id: "2",
              title: "What payment methods do you accept?",
              content: "We accept all major credit cards, digital wallets, and bank transfers. A security deposit may be required at the time of booking."
            },
            {
              id: "3",
              title: "Can I modify my reservation?",
              content: "Yes, modifications can be made up to 48 hours before arrival without penalty. Contact our reservations team for any changes to your booking."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxury Stay"
          copyrightText="© 2025 Luxury Stay Hotel. All rights reserved."
          columns={[
            {
              title: "Hotel",
              items: [
                { label: "About Us", href: "about" },
                { label: "Rooms & Suites", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "#" }
              ]
            },
            {
              title: "Guest Services",
              items: [
                { label: "Reservations", href: "contact" },
                { label: "Special Offers", href: "#" },
                { label: "Group Bookings", href: "#" },
                { label: "Loyalty Program", href: "#" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "Phone", href: "tel:+1-800-LUXURY-01" },
                { label: "Email", href: "mailto:info@luxurystay.com" },
                { label: "Location", href: "#" },
                { label: "Social Media", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}