"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Home, Gift, Star, HelpCircle, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="outline-light"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Hotel"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Luxury Like Never Before"
          description="Discover our world-class amenities, exceptional service, and unforgettable experiences in a stunning setting"
          tag="Welcome to Luxe Hotel"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Rooms", href: "rooms" },
            { text: "Book Your Stay", href: "contact" }
          ]}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg", imageAlt: "Luxury hotel room" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837633637-2td49lx5.jpg", imageAlt: "Modern hotel suite" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766626651847-t469h1ri.jpg", imageAlt: "Resort swimming pool" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg", imageAlt: "Elegant hotel lobby" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg", imageAlt: "Fine dining restaurant" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184717131-qr8fo1hm.jpg", imageAlt: "Spa and wellness center" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="A Haven of Elegance and Comfort"
          description="Since 1995, Luxe Hotel has been the premier destination for discerning travelers seeking exceptional hospitality. Our commitment to excellence, personalized service, and attention to detail sets us apart. From our world-class facilities to our award-winning staff, we create memories that last a lifetime."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243009586-i0wdic5p.jpg"
          imageAlt="Luxe Hotel exterior"
          imagePosition="right"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardSeven
          title="Our Room Collection"
          description="Choose from our exquisite selection of rooms and suites, each designed to provide the ultimate comfort and luxury"
          tag="Accommodations"
          tagIcon={Home}
          features={[
            {
              id: 1,
              title: "Deluxe Rooms",
              description: "Spacious rooms with premium bedding, modern amenities, city views, and direct access to our main lobby facilities",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg"
            },
            {
              id: 2,
              title: "Executive Suites",
              description: "Luxury suites featuring separate living areas, high-end furnishings, complimentary breakfast, and priority concierge service",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837633637-2td49lx5.jpg"
            },
            {
              id: 3,
              title: "Penthouse",
              description: "Our crown jewel with panoramic views, private jacuzzi, chef's kitchen, and dedicated butler service for ultimate indulgence",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184717131-qr8fo1hm.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardSix
          title="Room Rates & Packages"
          description="Transparent pricing with no hidden fees. Book directly for the best rates and exclusive perks"
          tag="Special Offers"
          tagIcon={Gift}
          plans={[
            {
              id: "deluxe",
              price: "$179",
              subtitle: "Per night for Deluxe Room",
              features: [
                "High-speed WiFi included",
                "Daily housekeeping service",
                "Access to fitness center",
                "Complimentary coffee"
              ],
              buttons: [
                { text: "Book Deluxe", href: "contact" }
              ],
              bottomNotes: [
                "Free cancellation up to 7 days",
                "Taxes and fees not included"
              ]
            },
            {
              id: "executive",
              price: "$299",
              subtitle: "Per night for Executive Suite",
              features: [
                "Complimentary breakfast buffet",
                "Priority concierge service",
                "Spa discount (25% off)",
                "Late checkout until 4 PM",
                "Welcome drink on arrival"
              ],
              buttons: [
                { text: "Book Executive", href: "contact" }
              ],
              bottomNotes: [
                "Free cancellation up to 3 days",
                "Taxes and fees not included"
              ]
            },
            {
              id: "penthouse",
              price: "$599",
              subtitle: "Per night for Penthouse Suite",
              features: [
                "All-inclusive luxury experience",
                "Personal butler service",
                "Private spa access",
                "Chauffeur service included",
                "Fine dining credit $100/night"
              ],
              buttons: [
                { text: "Book Penthouse", href: "contact" }
              ],
              bottomNotes: [
                "Non-refundable but modifiable",
                "Contact concierge for special requests"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Stories"
          description="Hear from our valued guests who have experienced the Luxe Hotel difference"
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "Stayed in Executive Suite",
              testimonial: "The staff at Luxe Hotel made our anniversary trip absolutely unforgettable. Every detail was perfectly executed, and the service was impeccable. We'll definitely return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766850777333-gk776zjh.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Anderson",
              handle: "Business Traveler",
              testimonial: "As a frequent business traveler, I've stayed at many hotels. Luxe Hotel stands out with its professional service, excellent facilities, and convenient location. Highly recommended.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "James Anderson"
            },
            {
              id: "3",
              name: "Maria Garcia",
              handle: "Family Vacation",
              testimonial: "Our family had the best vacation ever! The kids loved the pool, we enjoyed the spa, and the restaurant was phenomenal. The entire team made us feel so welcome.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Maria Garcia"
            },
            {
              id: "4",
              name: "David Chen",
              handle: "Penthouse Guest",
              testimonial: "The Penthouse is pure luxury. The views, the service, the amenities - everything exceeded expectations. Worth every penny for a truly remarkable experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767202265195-hlc8yte6.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "5",
              name: "Emma Rodriguez",
              handle: "Wedding Guest",
              testimonial: "We celebrated our wedding at Luxe Hotel. The team coordinated everything flawlessly, and our guests are still talking about the wonderful experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183843211-zal0n8gj.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "6",
              name: "Michael Thompson",
              handle: "Spa Visitor",
              testimonial: "The spa treatments are world-class. I came for the massage and left completely rejuvenated. Combined with the beautiful rooms and excellent dining, it's a perfect getaway.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767202265921-ux6avpeh.jpg",
              imageAlt: "Michael Thompson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about bookings, policies, and amenities"
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "Our cancellation policy varies by room type and rate. Generally, Deluxe Rooms allow free cancellation up to 7 days before arrival. Executive Suites allow free cancellation up to 3 days. Penthouse rates are non-refundable but can be modified. Please contact our reservations team for specific details on your booking."
            },
            {
              id: "2",
              title: "Do you offer airport transfers?",
              content: "Yes, we offer complimentary airport transfers for Penthouse guests and airport shuttle service for other room types (small additional fee may apply). You can arrange this directly through our concierge team when you book."
            },
            {
              id: "3",
              title: "What amenities are included with my stay?",
              content: "All rooms include high-speed WiFi, daily housekeeping, access to our fitness center, and 24/7 concierge service. Executive Suites and above include complimentary breakfast, spa discounts, and priority reservations at our restaurants."
            },
            {
              id: "4",
              title: "Are pets allowed at your hotel?",
              content: "We welcome well-behaved pets in select rooms for an additional fee of $50 per night. Please inform us during booking or contact the front desk. Water bowls and pet amenities are provided complimentary."
            },
            {
              id: "5",
              title: "What dining options are available?",
              content: "We offer multiple dining venues including our fine dining restaurant, casual café, rooftop bar, and 24-hour room service. Our culinary team creates both traditional and innovative dishes featuring local and international cuisines."
            },
            {
              id: "6",
              title: "How can I book a special event or wedding?",
              content: "We have dedicated event coordinators who handle weddings, corporate events, and celebrations. Please contact our events team at events@luxehotel.com or call our main line. We offer customizable packages and spaces for groups of any size."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to Book Your Perfect Stay?"
          animationType="reveal-blur"
          inputPlaceholder="Enter your email for special offers"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxe Hotel"
          copyrightText="© 2025 Luxe 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>
  );
}