"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Globe, Home, HelpCircle, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="smallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="spotlight"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Guests", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Luxury Hospitality Experience"
          bottomRightText="reservations@luxehaven.com"
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroSplit
          title="Indulge in Timeless Luxury"
          description="Experience the pinnacle of hospitality at Luxe Haven. Our five-star accommodations and world-class amenities await your arrival."
          tag="Premium Experience"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kw96qc"
          imageAlt="Luxury hotel lobby with elegant architecture"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
        />
      </div>

      {/* About Section */}
      <div id="about" data-section="about">
        <AboutMetric
          title="Award-winning hospitality since 1995. Crafting unforgettable memories through exceptional service and timeless elegance."
          metrics={[
            { icon: Award, label: "International Awards", value: "47+" },
            { icon: Users, label: "Satisfied Guests", value: "250K+" },
            { icon: Star, label: "Average Rating", value: "4.9/5" },
            { icon: Globe, label: "Years Excellence", value: "29" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Amenities Section */}
      <div id="amenities" data-section="amenities">
        <FeatureCardOne
          title="World-Class Amenities"
          description="Every detail crafted to perfection. Discover our collection of premium facilities designed for your ultimate comfort and relaxation."
          tag="Facilities"
          tagIcon={Sparkles}
          features={[
            {
              title: "Luxury Spa & Wellness",
              description: "Rejuvenate with our full-service spa featuring holistic treatments and state-of-the-art wellness facilities.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg",
              imageAlt: "Luxury spa treatment area",
              button: { text: "Explore Spa", href: "#contact" }
            },
            {
              title: "Fine Dining Restaurant",
              description: "Savor culinary excellence. Our Michelin-recommended restaurant offers innovative cuisine prepared by award-winning chefs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6arjaf",
              imageAlt: "Elegant fine dining restaurant",
              button: { text: "Reserve Table", href: "#contact" }
            },
            {
              title: "Olympic-Size Pool",
              description: "Swim in our crystalline pools surrounded by lush gardens and premium lounging areas with personalized service.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1ov8g",
              imageAlt: "Luxury resort swimming pool",
              button: { text: "Learn More", href: "#contact" }
            },
            {
              title: "24/7 Concierge Service",
              description: "Our dedicated concierge team is available around the clock to fulfill your every request with impeccable attention to detail.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Professional concierge assistance",
              button: { text: "Contact Concierge", href: "#contact" }
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Rooms Section */}
      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Exceptional Rooms & Suites"
          description="Each room is a sanctuary of elegance and comfort. Discover our carefully curated collection of accommodations."
          tag="Accommodations"
          tagIcon={Home}
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$280/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnly5q",
              imageAlt: "Deluxe hotel room with premium furnishings"
            },
            {
              id: "2",
              name: "Presidential Suite",
              price: "$650/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55xjqe",
              imageAlt: "Luxurious presidential suite with panoramic views"
            },
            {
              id: "3",
              name: "Standard Room",
              price: "$180/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vj3gy",
              imageAlt: "Comfortable standard room with modern amenities"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Partners Section */}
      <div id="partners" data-section="partners">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Luxe Haven partners with the world's most prestigious hospitality and luxury brands."
          tag="Partnerships"
          tagIcon={Award}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183581068-iklr7ul7.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183582037-814qymx8.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185073175-imh155jb.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={50}
          showCard={true}
        />
      </div>

      {/* Testimonials Section */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="Cherished by Our Guests"
          description="Read what our valued guests have experienced at Luxe Haven. Their stories inspire us to maintain our commitment to excellence."
          tag="Guest Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Alexandra Chen",
              role: "Executive Director",
              company: "Global Ventures Inc.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=64stsb",
              imageAlt: "Alexandra Chen, Executive Director"
            },
            {
              id: "2",
              name: "Marcus Johnson",
              role: "CEO",
              company: "Premier Consulting",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=emj3il",
              imageAlt: "Marcus Johnson, CEO"
            },
            {
              id: "3",
              name: "Sophie Laurent",
              role: "Creative Director",
              company: "Design Studios Paris",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6nuror",
              imageAlt: "Sophie Laurent, Creative Director"
            },
            {
              id: "4",
              name: "David Kim",
              role: "Entrepreneur",
              company: "Tech Innovations Asia",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=duzd08",
              imageAlt: "David Kim, Entrepreneur"
            },
            {
              id: "5",
              name: "Isabella Rossi",
              role: "Fashion Designer",
              company: "Luxury Fashion House",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmytp",
              imageAlt: "Isabella Rossi, Fashion Designer"
            },
            {
              id: "6",
              name: "James Wellington",
              role: "Investment Manager",
              company: "Wealth Partners Global",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3el4it",
              imageAlt: "James Wellington, Investment Manager"
            }
          ]}
        />
      </div>

      {/* FAQ Section */}
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our rooms, amenities, policies, and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 48 hours before arrival for full refund. Cancellations within 48 hours are subject to one night's charge. Special rates and packages may have different terms."
            },
            {
              id: "2",
              title: "Do you offer early check-in or late checkout?",
              content: "Early check-in (from 10 AM) and late checkout (until 6 PM) are subject to availability. Please contact our concierge at least 24 hours in advance. Premium suites may have complimentary extended hours."
            },
            {
              id: "3",
              title: "What amenities are included in the room rate?",
              content: "All rooms include luxury bedding, marble bathrooms, premium toiletries, flat-screen TV, high-speed internet, mini bar, and access to our fitness center and pool. Suite guests enjoy complimentary spa credits and butler service."
            },
            {
              id: "4",
              title: "Do you have parking facilities?",
              content: "Yes, we offer complimentary valet parking for all guests. Self-parking is also available in our secure underground garage. Electric vehicle charging stations are available upon request."
            },
            {
              id: "5",
              title: "Can you accommodate special dietary requirements?",
              content: "Absolutely. Our culinary team is experienced in accommodating all dietary preferences and restrictions. Please inform us at the time of booking or contact our concierge upon arrival."
            },
            {
              id: "6",
              title: "What is your pet policy?",
              content: "We welcome pets in select rooms for a fee of $50 per night. Pets must be well-behaved and owners are responsible for any damages. Please inform us at booking if you plan to bring a pet."
            }
          ]}
          animationType="smooth"
        />
      </div>

      {/* Contact Section */}
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Reserve Your Luxury Experience"
          description="Book your stay with us or inquire about our premium services. Our team is ready to craft your perfect getaway."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=winnic"
          imageAlt="Luxury hotel concierge service"
          mediaPosition="right"
          inputs={[
            { name: "fullName", 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: "Tell us about your preferences or special requests", rows: 5, required: true }}
          buttonText="Complete Reservation"
        />
      </div>

      {/* Footer Section */}
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Accommodations",
              items: [
                { label: "Deluxe Rooms", href: "rooms" },
                { label: "Presidential Suites", href: "rooms" },
                { label: "Standard Rooms", href: "rooms" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Spa & Wellness", href: "amenities" },
                { label: "Fine Dining", href: "amenities" },
                { label: "Concierge", href: "amenities" },
                { label: "Room Service", href: "#contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Careers", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Haven. All rights reserved. Luxury redefined."
        />
      </div>
    </ThemeProvider>
  );
}