"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Heart, HelpCircle, Home, Sparkles, Trophy } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="elevated-accent-light"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Hotels"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Experience Luxury Hospitality"
          description="Discover unforgettable moments in our world-class accommodations with premium amenities and exceptional service."
          tag="Premium Stays"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Book a Room",
              href: "#contact"
            },
            {
              text: "Explore Features",
              href: "#features"
            }
          ]}
          carouselItems={[
            {
              id: "carousel-1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Luxury hotel suite"
            },
            {
              id: "carousel-2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Modern bedroom design"
            },
            {
              id: "carousel-3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184719816-2670gl5k.jpg",
              imageAlt: "Elegant hotel room"
            },
            {
              id: "carousel-4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Spacious suite interior"
            },
            {
              id: "carousel-5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243008667-twrhhm4j.jpg",
              imageAlt: "Premium bedroom"
            },
            {
              id: "carousel-6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718060-6nx8o2ui.jpg",
              imageAlt: "Luxury accommodation"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Why Choose Luxe Hotels"
          description="We combine elegant design with personalized service to create memorable stays for every guest."
          tag="Our Strengths"
          tagIcon={Award}
          features={[
            {
              id: "feature-1",
              title: "World-Class Amenities",
              description: "Premium spa services, fine dining restaurants, and state-of-the-art fitness facilities designed for your comfort.",
              label: "5-Star Service"
            },
            {
              id: "feature-2",
              title: "Prime Locations",
              description: "Strategically positioned in the heart of major cities with easy access to attractions, business districts, and cultural landmarks.",
              label: "Perfect Location"
            }
          ]}
          buttons={[
            {
              text: "Learn More",
              href: "#features"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEighteen
          negativeCard={{
            title: "Standard Hotels",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042230607-y9v39uq5.jpg",
            imageAlt: "Standard hotel experience",
            items: [
              "Generic room designs",
              "Limited amenities",
              "Standard service only",
              "Basic breakfast options",
              "No personalization"
            ]
          }}
          positiveCard={{
            title: "Luxe Hotels",
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
            imageAlt: "Luxury hotel experience",
            items: [
              "Bespoke interior design",
              "Premium spa and wellness",
              "Concierge service 24/7",
              "Gourmet dining options",
              "Personalized experiences"
            ]
          }}
          animationType="slide-up"
          title="What Sets Us Apart"
          description="Experience the difference between ordinary and extraordinary hospitality"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collections"
          description="Choose from our carefully curated selection of rooms and suites designed for comfort and elegance."
          tag="Premium Rooms"
          tagIcon={Home}
          buttons={[
            {
              text: "View All Rooms",
              href: "#contact"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "room-standard-1",
              brand: "Luxe Hotels",
              name: "Standard Room",
              price: "$149/night",
              rating: 4,
              reviewCount: "2.3k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg",
              imageAlt: "Standard comfortable room"
            },
            {
              id: "room-deluxe-1",
              brand: "Luxe Hotels",
              name: "Deluxe Suite",
              price: "$249/night",
              rating: 5,
              reviewCount: "3.8k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg",
              imageAlt: "Deluxe hotel suite"
            },
            {
              id: "room-suite-1",
              brand: "Luxe Hotels",
              name: "Presidential Suite",
              price: "$499/night",
              rating: 5,
              reviewCount: "1.2k",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042229717-z8wfk3vn.jpg",
              imageAlt: "Presidential luxury suite"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Legacy"
          description="Building trust and creating memorable experiences for generations of guests worldwide."
          tag="Achievement"
          tagIcon={Trophy}
          metrics={[
            {
              id: "metric-1",
              value: "25+",
              description: "Years of Excellence"
            },
            {
              id: "metric-2",
              value: "50K+",
              description: "Happy Guests Annually"
            },
            {
              id: "metric-3",
              value: "15",
              description: "International Awards"
            },
            {
              id: "metric-4",
              value: "98%",
              description: "Guest Satisfaction Rate"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Experiences"
          description="Hear what our valued guests have to say about their stays at Luxe Hotels."
          tag="Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "testimonial-1",
              name: "Sarah Johnson",
              role: "Executive",
              testimonial: "Luxe Hotels exceeded all my expectations. The attention to detail and personalized service made my stay absolutely memorable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042232071-yjfp17wb.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "testimonial-2",
              name: "Michael Chen",
              role: "Travel Enthusiast",
              testimonial: "I've stayed at many hotels around the world, but Luxe Hotels stands out. The ambiance, comfort, and service are unparalleled.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042232957-fp6sdsd0.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "testimonial-3",
              name: "Emily Rodriguez",
              role: "Business Traveler",
              testimonial: "Perfect for business trips. The facilities are top-notch and the staff is incredibly helpful with all your needs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042233817-rtouxa9p.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "testimonial-4",
              name: "David Kim",
              role: "Honeymooner",
              testimonial: "Our honeymoon at Luxe Hotels was magical. Every moment was special thanks to the wonderful team and beautiful surroundings.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042234600-skoeftri.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "testimonial-5",
              name: "Jessica Martinez",
              role: "Family Traveler",
              testimonial: "Family-friendly amenities and activities made it perfect for our vacation. We'll definitely come back!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042235471-3ougl3c6.jpg",
              imageAlt: "Jessica Martinez"
            },
            {
              id: "testimonial-6",
              name: "Robert Thompson",
              role: "Luxury Traveler",
              testimonial: "A luxury experience truly earned. From check-in to checkout, every interaction was exceptional.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042236297-aolri958.jpg",
              imageAlt: "Robert Thompson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our rooms, amenities, policies, and booking process."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "faq-1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 7 days before arrival for a full refund. Bookings cancelled within 7 days are subject to one night's charge. We also offer free cancellation for bookings made 30+ days in advance."
            },
            {
              id: "faq-2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Please inform us of your flight details at the time of booking, and we'll arrange pickup at your convenience."
            },
            {
              id: "faq-3",
              title: "Are pets allowed at the hotel?",
              content: "We welcome well-behaved pets! A pet fee of $25 per night applies. Please inform us during booking so we can prepare the perfect pet-friendly room for you."
            },
            {
              id: "faq-4",
              title: "What dining options are available?",
              content: "Our hotel features three restaurants offering international cuisine, a spa cafe, and 24-hour room service. We cater to dietary restrictions and special requests with advance notice."
            },
            {
              id: "faq-5",
              title: "Do you offer conference facilities?",
              content: "Absolutely! We have state-of-the-art conference rooms suitable for events of 10 to 500+ guests. Our event planning team will assist with all arrangements."
            },
            {
              id: "faq-6",
              title: "What's included in the room rate?",
              content: "Room rates include complimentary WiFi, daily breakfast, access to fitness facilities, and the spa. Premium rooms also include evening turndown service and premium toiletries."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Stay Today"
          description="Contact our reservations team or fill out the form below to reserve your perfect room at Luxe Hotels."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243011595-xn46fxaw.jpg"
          imageAlt="Hotel pool and relaxation area"
          mediaPosition="right"
          buttonText="Reserve Now"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Check-in date, room preferences, special requests...",
            rows: 5,
            required: true
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxe Hotels luxury suite"
          logoText="Luxe Hotels"
          logoWidth={120}
          logoHeight={40}
          copyrightText="© 2025 Luxe Hotels. All rights reserved."
          columns={[
            {
              title: "Quick Links",
              items: [
                {
                  label: "Home",
                  href: "#hero"
                },
                {
                  label: "Rooms",
                  href: "#rooms"
                },
                {
                  label: "Amenities",
                  href: "#features"
                },
                {
                  label: "Book Now",
                  href: "#contact"
                }
              ]
            },
            {
              title: "About",
              items: [
                {
                  label: "Our Story",
                  href: "#about"
                },
                {
                  label: "Careers",
                  href: "#"
                },
                {
                  label: "Awards",
                  href: "#metrics"
                },
                {
                  label: "Contact Us",
                  href: "#contact"
                }
              ]
            },
            {
              title: "Policies",
              items: [
                {
                  label: "Terms & Conditions",
                  href: "#"
                },
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Cancellation Policy",
                  href: "#faq"
                },
                {
                  label: "Accessibility",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}