"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Sparkles, Crown, Zap, Star, Gift, PhoneCall, Heart, Palmtree } from 'lucide-react';

export default function LuxeStayPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="plain"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LuxeStay"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
          className="backdrop-blur-sm"
          buttonClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Timeless Luxury"
          description="Discover our award-winning hotel featuring world-class accommodations, fine dining, and exceptional service in the heart of the city."
          tag="Five-Star Hotel"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Elegant luxury hotel lobby"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "View Rooms", href: "rooms" }
          ]}
          className="py-16 md:py-24"
          titleClassName="text-4xl md:text-5xl"
          descriptionClassName="text-lg leading-relaxed"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "A Legacy of" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg", alt: "Hotel excellence" },
            { type: "text", content: "Hospitality Excellence" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More About Us", href: "#" }
          ]}
          className="py-20 md:py-28"
          containerClassName="max-w-5xl"
          headingClassName="text-3xl md:text-4xl font-bold"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Premium Room Collections"
          description="Each room is meticulously designed with luxury finishes, modern amenities, and stunning views to ensure your comfort."
          tag="Luxury Accommodations"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "deluxe-suite",              name: "Deluxe Suite",              price: "$249/night",              variant: "King Bed • City View",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Deluxe suite bedroom"
            },
            {
              id: "ocean-view-premium",              name: "Ocean View Premium",              price: "$349/night",              variant: "King Bed • Ocean Balcony",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Ocean view premium room"
            },
            {
              id: "executive-penthouse",              name: "Executive Penthouse",              price: "$599/night",              variant: "Double King • Private Pool",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",              imageAlt: "Executive penthouse suite"
            }
          ]}
          buttons={[
            { text: "View All Rooms", href: "contact" }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSeven
          title="World-Class Amenities"
          description="Indulge in our comprehensive selection of facilities designed for relaxation, wellness, and unforgettable experiences."
          tag="Premium Services"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Spa & Wellness Center",              description: "State-of-the-art spa with massage therapy, sauna, and rejuvenating treatments from experienced professionals.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",              imageAlt: "Luxury spa and wellness center"
            },
            {
              id: 2,
              title: "Fine Dining Restaurant",              description: "Award-winning restaurant featuring international cuisine prepared by Michelin-trained chefs with ocean views.",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",              imageAlt: "Fine dining restaurant interior"
            },
            {
              id: 3,
              title: "Olympic Swimming Pool",              description: "Heated infinity pool overlooking the city skyline, with dedicated attendants and luxury lounge areas.",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",              imageAlt: "Luxury resort swimming pool"
            },
            {
              id: 4,
              title: "Fitness & Gym",              description: "Modern equipped gym with personal trainers, yoga studio, and comprehensive workout facilities available 24/7.",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",              imageAlt: "State-of-the-art fitness center"
            }
          ]}
          buttons={[
            { text: "Explore All Facilities", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Testimonials"
          description="Experience the stories of our valued guests who have discovered the exceptional hospitality we provide."
          tag="Guest Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Victoria Sterling",              role: "CEO, Travel Magazine",              testimonial: "An absolutely magnificent stay. The attention to detail in every aspect, from the room design to the personalized service, was outstanding. This is truly the gold standard of hospitality.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Victoria Sterling"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Business Executive",              testimonial: "I've stayed at luxury hotels worldwide, and this property ranks among the finest. The staff anticipated every need, and the dining experience was exceptional. Highly recommended.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Luxury Travel Influencer",              testimonial: "From the moment we arrived, we felt like royalty. The ocean view from our suite was breathtaking, the spa treatments were rejuvenating, and the cuisine was divine. Unforgettable.",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "James Mitchell",              role: "Hospitality Consultant",              testimonial: "This hotel sets the benchmark for excellence. Every team member demonstrated genuine care for guest satisfaction. The facilities are world-class and immaculately maintained throughout.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "5",              name: "Sophie Laurent",              role: "Travel Blogger",              testimonial: "A dream destination for anyone seeking luxury and tranquility. The combination of stunning views, impeccable service, and refined elegance makes this my favorite hotel.",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "6",              name: "David Thompson",              role: "Event Organizer",              testimonial: "We hosted our corporate retreat here and were blown away by the seamless coordination and exceptional service. The team went above and beyond every expectation.",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Exclusive Packages & Rates"
          description="Choose from our curated packages designed for memorable stays, romantic getaways, and special occasions."
          tag="Special Offers"
          tagIcon={Gift}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          carouselMode="buttons"
          plans={[
            {
              id: "weekend-escape",              badge: "Weekend Escape",              badgeIcon: Palmtree,
              price: "$499",              subtitle: "Per night, 2-night minimum",              buttons: [
                { text: "Reserve Now", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Deluxe room with city or garden view",                "Daily breakfast buffet for two",                "Evening welcome cocktail",                "Spa credit $50"
              ]
            },
            {
              id: "romantic-getaway",              badge: "Romantic Getaway",              badgeIcon: Heart,
              price: "$699",              subtitle: "Per night, perfect for couples",              buttons: [
                { text: "Book Romance", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Ocean view premium room",                "Couples spa package included",                "Private dinner in your suite",                "Champagne & chocolate setup"
              ]
            },
            {
              id: "executive-retreat",              badge: "Executive Retreat",              badgeIcon: Crown,
              price: "$999",              subtitle: "Ultimate luxury experience",              buttons: [
                { text: "Experience Luxury", href: "contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Executive penthouse suite",                "Unlimited spa access",                "Private chef dining",                "24/7 concierge service",                "Limousine airport transfer"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Dream Stay?"
          ctaDescription="Contact our reservations team to arrange your perfect getaway. We're available 24/7 to assist."
          ctaButton={{
            text: "Book Your Room",            href: "https://example.com/booking"
          }}
          ctaIcon={PhoneCall}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What is your cancellation policy?",              content: "Cancellations made 48 hours before arrival receive a full refund. Cancellations within 48 hours are subject to one night's charge. Special packages and events have different terms."
            },
            {
              id: "2",              title: "Do you offer airport transfers?",              content: "Yes, we provide complimentary airport shuttle service for stays of 3+ nights. For shorter stays, premium transfers are available for a fee. Book in advance through our concierge."
            },
            {
              id: "3",              title: "Are pets allowed?",              content: "Pets are welcome in select rooms for a $50 per night fee. We provide pet-friendly amenities including bowls, beds, and treats. Please notify us at booking."
            },
            {
              id: "4",              title: "What dining options do you offer?",              content: "Our fine dining restaurant serves breakfast, lunch, and dinner. Room service is available 24/7. We also have a spa café, beach bar, and poolside grill with diverse menus."
            },
            {
              id: "5",              title: "Is WiFi included?",              content: "Complimentary high-speed WiFi is included in all room rates. Premium packages include dedicated business center access and IT support services."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="LuxeStay"
          columns={[
            {
              items: [
                { label: "About", href: "about" },
                { label: "Rooms & Suites", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "#" }
              ]
            },
            {
              items: [
                { label: "Book Now", href: "contact" },
                { label: "Special Offers", href: "pricing" },
                { label: "Gift Cards", href: "#" },
                { label: "Loyalty Program", href: "#" }
              ]
            },
            {
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Phone: +1 (555) 123-4567", href: "#" },
                { label: "Email: info@luxestay.com", href: "#" },
                { label: "Address: 123 Luxury Ave", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          className="border-t border-neutral-200"
        />
      </div>
    </ThemeProvider>
  );
}