"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="large"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "metrics" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Luxe Haven"
          description="Experience unparalleled luxury and comfort at Luxe Haven, where world-class hospitality meets contemporary elegance. Discover your perfect retreat."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Luxury hotel lobby with modern design"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Hotel exterior with sunset view"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843737297-1izy0u6f.jpg",
              imageAlt: "Deluxe room with elegant furnishings"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843738176-1y11kcca.jpg",
              imageAlt: "Premium suite with modern amenities"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843739928-u8e4pdk5.jpg",
              imageAlt: "Resort pool and relaxation area"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843740744-jbl5xw4u.jpg",
              imageAlt: "Fine dining restaurant experience"
            }
          ]}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Your Gateway to Luxury"
          description="Nestled in a prime location, Luxe Haven offers 250 elegantly appointed rooms and suites, world-class amenities, and impeccable service. Whether you're here for business or leisure, we ensure every moment exceeds expectations."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg"
          imageAlt="Luxe Haven hotel exterior at golden hour"
          buttons={[
            {
              text: "Explore Rooms",
              href: "rooms"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardEight
          title="Room Categories"
          description="Discover our diverse room selections, each thoughtfully designed for maximum comfort and style."
          tag="Accommodations"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Deluxe Room",
              description: "Experience comfort in our spacious 35sqm rooms with premium bedding, high-speed WiFi, and modern bathroom amenities",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843737297-1izy0u6f.jpg",
              imageAlt: "Luxurious deluxe hotel room"
            },
            {
              id: 2,
              title: "Executive Suite",
              description: "Upgrade to our 55sqm suites featuring separate living areas, premium minibar, and exclusive lounge access",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843738176-1y11kcca.jpg",
              imageAlt: "Elegant executive suite with living area"
            },
            {
              id: 3,
              title: "Resort Facilities",
              description: "Enjoy access to our full resort amenities including infinity pool, fitness center, spa, and 24-hour room service",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843739928-u8e4pdk5.jpg",
              imageAlt: "Resort pool and wellness facilities"
            },
            {
              id: 4,
              title: "Dining Experience",
              description: "Savor international and local cuisine at our award-winning restaurants and lounges with stunning views",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843740744-jbl5xw4u.jpg",
              imageAlt: "Fine dining restaurant with elegant ambiance"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Room Rates"
          description="Transparent pricing with no hidden fees. Book directly for the best rates."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "deluxe",
              price: "$189",
              name: "Deluxe Room",
              buttons: [
                {
                  text: "Book Now",
                  href: "contact"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "35 sqm room with city or garden view",
                "Premium bedding and linens",
                "High-speed WiFi included",
                "Luxury bathroom amenities",
                "Daily housekeeping",
                "Flat-screen TV and work desk"
              ]
            },
            {
              id: "suite",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "$299",
              name: "Executive Suite",
              buttons: [
                {
                  text: "Book Now",
                  href: "contact"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "55 sqm suite with separate living area",
                "Panoramic city views",
                "Premium minibar and coffee maker",
                "Luxury bathroom with spa bath",
                "Executive lounge access",
                "Complimentary upgrade options",
                "Priority room service"
              ]
            },
            {
              id: "penthouse",
              price: "$499",
              name: "Penthouse Suite",
              buttons: [
                {
                  text: "Book Now",
                  href: "contact"
                },
                {
                  text: "Learn More",
                  href: "#"
                }
              ],
              features: [
                "85 sqm luxury suite with panoramic terrace",
                "Jacuzzi and rain shower",
                "Private butler service",
                "Gourmet minibar selection",
                "24-hour concierge service",
                "Spa credits included",
                "Restaurant reservations assistance"
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Achievements"
          description="Luxury hospitality excellence recognized worldwide."
          tag="Statistics"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",
              value: "98%",
              description: "Guest Satisfaction Rate"
            },
            {
              id: "2",
              value: "25+",
              description: "Years of Excellence"
            },
            {
              id: "3",
              value: "250",
              description: "Luxury Rooms & Suites"
            },
            {
              id: "4",
              value: "15",
              description: "International Awards"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Luxe Haven exceeded all my expectations. The service was impeccable, the rooms were beautifully appointed, and the attention to detail was outstanding. I'll definitely return for my next business trip."
          rating={5}
          author="Sarah Mitchell, Business Executive"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767210899878-d9mgfhpc.jpg",
              alt: "Guest 1"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767210900786-khauo48h.jpg",
              alt: "Guest 2"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              alt: "Guest 3"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              alt: "Guest 4"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              alt: "Guest 5"
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837638350-0kkui0uq.jpg",
              alt: "Guest 6"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about bookings, amenities, and our services."
          tag="Help"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation policies depending on your room type and booking rate. Standard bookings can be cancelled up to 48 hours before arrival for a full refund. Non-refundable rates cannot be cancelled. Please contact us for specific details about your booking."
            },
            {
              id: "2",
              title: "Are there any hidden charges?",
              content: "No, we believe in transparent pricing. The rate quoted includes all taxes and service charges. Optional services like spa treatments, dining, or parking are clearly displayed before booking and are entirely optional."
            },
            {
              id: "3",
              title: "What amenities are included in the room rate?",
              content: "All rooms include high-speed WiFi, daily housekeeping, access to fitness center, and 24-hour room service. Executive suites and above also include lounge access and complimentary airport transfers."
            },
            {
              id: "4",
              title: "Do you offer group bookings and corporate rates?",
              content: "Yes, we specialize in group bookings and corporate events. We offer customized packages for groups of 10 or more. Please contact our corporate team at groups@luxehaven.com for rates and arrangements."
            },
            {
              id: "5",
              title: "Is parking available at the hotel?",
              content: "Yes, we offer both valet and self-parking options. Parking is complimentary for penthouse guests and available at nominal charges for other room categories."
            },
            {
              id: "6",
              title: "What time are check-in and check-out?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out can be arranged based on availability. Please inform us in advance."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Book Your Stay"
          description="Contact us to reserve your room or inquire about our services. Our team is here to help make your stay unforgettable."
          useInvertedBackground="noInvert"
          buttonText="Send Inquiry"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email Address",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: true
            },
            {
              name: "checkIn",
              type: "date",
              placeholder: "Check-in Date",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your preferences or 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-1766843741632-vx5xq45k.jpg"
          imageAlt="Luxe Haven hotel landscape view"
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
          columns={[
            {
              title: "Quick Links",
              items: [
                {
                  label: "About Us",
                  href: "about"
                },
                {
                  label: "Room Categories",
                  href: "rooms"
                },
                {
                  label: "Pricing",
                  href: "pricing"
                },
                {
                  label: "Contact",
                  href: "contact"
                }
              ]
            },
            {
              title: "Contact Info",
              items: [
                {
                  label: "Email: info@luxehaven.com",
                  href: "mailto:info@luxehaven.com"
                },
                {
                  label: "Phone: +1 (555) 123-4567",
                  href: "tel:+15551234567"
                },
                {
                  label: "Address: 123 Luxury Lane, Paradise City"
                }
              ]
            },
            {
              title: "Policies",
              items: [
                {
                  label: "Privacy Policy",
                  href: "#"
                },
                {
                  label: "Terms & Conditions",
                  href: "#"
                },
                {
                  label: "Cancellation Policy",
                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}