"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Home, Star, Users, Award, Globe, MessageSquare } from "lucide-react";

export default function LuxuryHotelPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Retreat"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Luxury & Comfort"
          description="Discover our world-class accommodations and exceptional hospitality in the heart of paradise"
          tag="Welcome to Luxury"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Luxe Retreat exterior at sunset"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxurious hotel suite interior"
            },
            {
              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: "Resort swimming pool and spa area"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18589.jpg",              imageAlt: "Fine dining restaurant experience"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712935.jpg",              imageAlt: "Grand hotel lobby entrance"
            }
          ]}
          buttons={[
            { text: "Reserve Your Stay", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Luxe Retreat"
          description={[
            "Luxe Retreat is an award-winning luxury hotel dedicated to creating unforgettable moments for our distinguished guests. Since our establishment, we have been renowned for our impeccable service, stunning architecture, and world-class amenities.",            "Our team of hospitality experts is committed to exceeding expectations, ensuring every guest experiences personalized attention and comfort. From intimate getaways to grand celebrations, we provide the perfect backdrop for life's most cherished memories.",            "Nestled in a breathtaking location, our property combines modern elegance with timeless sophistication, offering an escape from the ordinary where every detail is meticulously curated for your pleasure."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "Learn Our Story", href: "#about" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Rooms & Suites"
          description="Choose from our carefully curated selection of luxurious rooms and suites, each designed for ultimate comfort and relaxation"
          tag="Accommodation"
          tagIcon={Home}
          products={[
            {
              id: "1",              brand: "Luxe Retreat",              name: "Deluxe Room",              price: "$350",              rating: 5,
              reviewCount: "847",              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",              brand: "Luxe Retreat",              name: "Executive Suite",              price: "$550",              rating: 5,
              reviewCount: "692",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Executive Suite with premium amenities"
            },
            {
              id: "3",              brand: "Luxe Retreat",              name: "Presidential Penthouse",              price: "$1,200",              rating: 5,
              reviewCount: "445",              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",              imageAlt: "Presidential Penthouse with panoramic views"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardMedia
          title="World-Class Amenities"
          description="Indulge in our premium facilities designed to enhance your stay and create lasting memories"
          features={[
            {
              id: "1",              title: "Spa & Wellness",              description: "Rejuvenate your mind and body with our full-service spa offering holistic treatments and therapies",              tag: "Relaxation",              imageSrc: "https://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg",              imageAlt: "Luxurious spa treatment area"
            },
            {
              id: "2",              title: "Fitness Center",              description: "Stay active with state-of-the-art equipment, personal training, and yoga sessions available daily",              tag: "Health",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-senior-couple-gym_23-2148503022.jpg",              imageAlt: "Modern fitness center with equipment"
            },
            {
              id: "3",              title: "Fine Dining",              description: "Experience culinary excellence at our award-winning restaurants featuring international and local cuisines",              tag: "Gastronomy",              imageSrc: "https://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",              imageAlt: "Fine dining restaurant setting"
            },
            {
              id: "4",              title: "Infinity Pool",              description: "Swim in our breathtaking infinity pool overlooking panoramic vistas and surrounded by lush gardens",              tag: "Recreation",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-bathrobe-drinking-coffee-by-pool_1303-21599.jpg",              imageAlt: "Resort infinity pool with scenic views"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Luxe Retreat"
          description="Our commitment to excellence is reflected in these impressive milestones"
          metrics={[
            {
              id: "1",              icon: Star,
              title: "Guest Satisfaction",              value: "4.9/5.0"
            },
            {
              id: "2",              icon: Users,
              title: "Happy Guests",              value: "45K+"
            },
            {
              id: "3",              icon: Award,
              title: "Industry Awards",              value: "28"
            },
            {
              id: "4",              icon: Globe,
              title: "Years in Service",              value: "15+"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Discover why travelers from around the world choose Luxe Retreat for their most memorable stays"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Margaret Wilson",              handle: "@margaretw",              testimonial: "An absolutely magical experience! The attention to detail and personalized service made our anniversary celebration truly unforgettable. Every moment was pure perfection.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Margaret Wilson"
            },
            {
              id: "2",              name: "David Chen",              handle: "@davidchen_travels",              testimonial: "The rooms are exquisitely designed and the amenities are top-notch. The spa treatment I received was the best I've ever had. Highly recommend this luxury hotel!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Sarah Thompson",              handle: "@saraht_wanderlust",              testimonial: "From check-in to check-out, everything was seamless and delightful. The staff remembered our preferences, and the food at the restaurant was simply divine.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Sarah Thompson"
            },
            {
              id: "4",              name: "James Rodriguez",              handle: "@jrodriguez_explorer",              testimonial: "We hosted our corporate retreat here and it exceeded all expectations. The facilities are world-class and the hospitality is genuinely warm and attentive.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "5",              name: "Elena Santoro",              handle: "@elenasantoro_luxury",              testimonial: "This is my third stay and I love it more each time. The sunset views from my suite are breathtaking, and the infinity pool is a dream come true.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Elena Santoro"
            },
            {
              id: "6",              name: "Michael Park",              handle: "@mpark_lifestyle",              testimonial: "The perfect blend of luxury and comfort. I felt pampered throughout my stay. The culinary experiences at your restaurants are absolutely outstanding.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Michael Park"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Escape?"
          ctaDescription="Contact our reservations team today and let us craft your perfect luxury getaway experience."
          ctaButton={{
            text: "Get in Touch",            href: "mailto:reservations@luxeretreat.com"
          }}
          ctaIcon={MessageSquare}
          faqs={[
            {
              id: "1",              title: "What is your cancellation policy?",              content: "We offer flexible cancellation up to 14 days before arrival for a full refund. Cancellations within 14 days are subject to one night's charge. We understand that plans change, and our team is here to assist with any modifications needed."
            },
            {
              id: "2",              title: "Do you offer airport transfers?",              content: "Yes, complimentary airport transfers are available for all guests. Simply provide your flight details during booking or contact our concierge team 24 hours before arrival."
            },
            {
              id: "3",              title: "Are pets allowed?",              content: "We welcome well-behaved pets in select rooms with an additional fee of $50 per night. Please notify us at booking or call our reservations team to ensure your pet is accommodated in a pet-friendly room."
            },
            {
              id: "4",              title: "What dining options are available?",              content: "Our hotel features three award-winning restaurants, room service available 24/7, a spa cafe, and poolside bars. Special dietary requirements can be accommodated with advance notice."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Hotel",              items: [
                { label: "Rooms & Suites", href: "#rooms" },
                { label: "Amenities", href: "#amenities" },
                { label: "Dining", href: "https://example.com/dining" },
                { label: "Spa & Wellness", href: "https://example.com/spa" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "https://example.com/team" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Press", href: "https://example.com/press" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "https://example.com/faq" },
                { label: "Guest Reviews", href: "https://example.com/reviews" },
                { label: "Privacy Policy", href: "https://example.com/privacy" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Retreat Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}