"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Award, Home, Zap, CreditCard, Star, CheckCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="large"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Unparalleled Luxury"
          description="Welcome to Luxe Haven, where elegance meets comfort. Discover our world-class accommodations and exceptional hospitality in the heart of the city."
          tag="Premium Hospitality"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg"
          imageAlt="Luxe Haven Hotel Lobby"
          imagePosition="right"
          mediaAnimation="blur-reveal"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Luxe Haven"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Crafted for Those Who Appreciate Excellence in Every Detail"
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#amenities" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Exceptional Rooms"
          description="Choose from our curated selection of luxurious accommodations, each designed to provide the ultimate comfort and elegance."
          tag="Room Selection"
          tagIcon={Home}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$180/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Deluxe Room with City View"
            },
            {
              id: "2",              name: "Premium Suite",              price: "$280/night",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Premium Suite with Sitting Area"
            },
            {
              id: "3",              name: "Presidential Suite",              price: "$450/night",              imageSrc: "https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg",              imageAlt: "Presidential Suite with Balcony"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSeven
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of premium facilities and services designed for your ultimate relaxation and enjoyment."
          tag="Facilities"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Spa & Wellness Center",              description: "Rejuvenate your body and soul at our state-of-the-art spa with professional therapists and premium treatments.",              imageSrc: "https://img.b2bpic.net/free-photo/slim-woman-elegant-brown-hat-eating-juicy-fruits-resort-cafe-graceful-european-woman-white-shirt-relaxing-with-cocktail-food-pool_197531-20844.jpg",              imageAlt: "Spa and Wellness Center"
            },
            {
              id: 2,
              title: "Fine Dining Restaurant",              description: "Experience culinary excellence at our Michelin-star inspired restaurant with international and local cuisine.",              imageSrc: "https://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-2920.jpg",              imageAlt: "Fine Dining Restaurant"
            },
            {
              id: 3,
              title: "Olympic Pool & Fitness",              description: "Stay active with our Olympic-sized swimming pool, fully equipped gym, and yoga studio with certified instructors.",              imageSrc: "https://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg",              imageAlt: "Olympic Pool Area"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Rates for Every Guest"
          description="Choose the perfect rate plan that suits your needs and budget. Special discounts available for extended stays and group bookings."
          tag="Pricing"
          tagIcon={CreditCard}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
          plans={[
            {
              id: "1",              price: "$179",              name: "Classic Room",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "More Info", href: "#" }
              ],
              features: [
                "Queen-size bed",                "Flat-screen TV",                "Premium toiletries",                "Free WiFi",                "Daily housekeeping"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$279",              name: "Premium Suite",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "More Info", href: "#" }
              ],
              features: [
                "King-size bed",                "Living area",                "City views",                "Spa toiletries",                "24-hour room service",                "Concierge access"
              ]
            },
            {
              id: "3",              price: "$449",              name: "Presidential Suite",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "More Info", href: "#" }
              ],
              features: [
                "Luxury master suite",                "Panoramic views",                "Private balcony",                "Hot tub",                "Premium minibar",                "Personal assistant",                "Exclusive lounge access"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Testimonials"
          description="Hear from our valued guests about their unforgettable experiences at Luxe Haven."
          tag="Guest Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Anderson, Travel Blogger",              date: "Date: 15 December 2024",              title: "An Absolute Dream Stay!",              quote: "My experience at Luxe Haven was nothing short of exceptional. The attention to detail, the impeccable service, and the stunning accommodations made my stay truly memorable. I've stayed at countless hotels, and this one genuinely stands out.",              tag: "Premium Suite Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              avatarAlt: "Sarah Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Corporate Executive",              date: "Date: 08 December 2024",              title: "Perfect for Business & Leisure",              quote: "I stayed at Luxe Haven during a business conference and was thoroughly impressed. The business center was world-class, the spa provided perfect evening relaxation, and the restaurant's cuisine was outstanding. Definitely coming back.",              tag: "Deluxe Room Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",              avatarAlt: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg"
            },
            {
              id: "3",              name: "Emma Thompson, Honeymooner",              date: "Date: 20 November 2024",              title: "Romantic Escape Perfected",              quote: "We spent our honeymoon at Luxe Haven and it was absolutely magical. The presidential suite views, the champagne breakfast, the spa couple's massage – everything was perfectly curated for romance. Thank you for making our special moment unforgettable.",              tag: "Presidential Suite Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              avatarAlt: "Emma Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
            },
            {
              id: "4",              name: "David Martinez, Frequent Traveler",              date: "Date: 05 November 2024",              title: "Consistency at Its Finest",              quote: "I've stayed at Luxe Haven three times now, and the quality never wavers. Every visit is consistently exceptional. The staff remembers me, the rooms are immaculate, and I feel genuinely valued as a guest. This is my home away from home.",              tag: "Loyalty Member",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-african-female-face-with-kind-eyes_1262-2972.jpg",              avatarAlt: "David Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-african-female-face-with-kind-eyes_1262-2972.jpg"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about your stay at Luxe Haven. Can't find what you're looking for? Contact our concierge team."
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              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 checkout are available upon request, subject to availability. Please contact our front desk for arrangements."
            },
            {
              id: "2",              title: "Do you offer airport transportation?",              content: "Yes, we offer complimentary airport shuttle service for all guests. Please arrange pickup at least 24 hours in advance by contacting the concierge desk. Premium suite guests receive priority scheduling."
            },
            {
              id: "3",              title: "Are pets allowed at Luxe Haven?",              content: "We welcome well-behaved pets in select rooms for a fee of $50 per night. Please inform us of your pet when booking. Pets must not be left unattended in rooms for extended periods."
            },
            {
              id: "4",              title: "What dining options are available?",              content: "We feature a Michelin-star inspired fine dining restaurant, a casual cafe, and 24-hour room service. Special dietary requirements can be accommodated with advance notice."
            },
            {
              id: "5",              title: "Is WiFi included with my stay?",              content: "Yes, complimentary high-speed WiFi is included for all guests. Business suites include dedicated fiber connections for enhanced reliability."
            },
            {
              id: "6",              title: "Do you offer wedding or event packages?",              content: "Absolutely! We specialize in hosting luxury weddings, corporate events, and private celebrations. Our event team will create a customized package for your special occasion. Contact our events coordinator for details."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Book?"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Reserve Your Perfect Stay Today"
          description="Join thousands of satisfied guests who have experienced luxury hospitality at Luxe Haven. Our dedicated reservations team is ready to assist you."
          buttons={[
            { text: "Book Now", href: "#" },
            { text: "Contact Concierge", href: "#" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/traveller-calling-hotel-concierge_482257-79728.jpg"
          imageAlt="Luxe Haven Hotel Exterior"
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Deluxe Rooms", href: "#rooms" },
                { label: "Premium Suites", href: "#rooms" },
                { label: "Presidential Suite", href: "#rooms" },
                { label: "Special Offers", href: "#pricing" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Spa & Wellness", href: "#amenities" },
                { label: "Fine Dining", href: "#amenities" },
                { label: "Concierge", href: "#contact" },
                { label: "Events & Meetings", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" },
                { label: "Loyalty Program", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
