"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles } from "lucide-react";

export default function LuxuryHotelPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "pricing" },
            { name: "Amenities", id: "features" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@luxehotels.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Experience Luxury & Comfort"
          description="Discover our world-class accommodations with breathtaking views, premium amenities, and exceptional service. Your perfect getaway awaits."
          tag="Welcome to Paradise"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg"
          imageAlt="Luxury hotel resort with stunning architecture"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Now", href: "https://bookings.example.com" },
            { text: "Explore Rooms", href: "pricing" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Luxe Hotels"
          description={[
            "For over two decades, Luxe Hotels has been the epitome of luxury hospitality, welcoming guests from around the globe to experience unparalleled comfort and world-class service.",            "Our commitment to excellence is reflected in every detail, from our meticulously designed suites to our award-winning dining establishments. We believe that travel should be transformative, and every stay with us is crafted to create unforgettable memories."
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "about" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Premium Amenities"
          description="Indulge in our extensive collection of world-class facilities designed for your ultimate comfort and relaxation."
          tag="Facilities"
          features={[
            {
              id: 1,
              title: "Luxurious Spa & Wellness",              description: "Rejuvenate your body and soul at our full-service spa featuring traditional and modern treatments performed by certified therapists.",              imageSrc: "https://img.b2bpic.net/free-photo/couple-talking-drinking-coconut-milk-by-pool-vacation_23-2149369768.jpg",              imageAlt: "luxury spa wellness center massage therapy relaxation"
            },
            {
              id: 2,
              title: "Olympic-Sized Pool & Lounge",              description: "Swim, relax, and socialize at our stunning resort pool with premium lounge areas, cabanas, and poolside bar service.",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg",              imageAlt: "resort pool luxury swimming pool hotel facilities outdoor lounge"
            },
            {
              id: 3,
              title: "Fine Dining Restaurant",              description: "Savor exquisite cuisine prepared by award-winning chefs using the finest local and international ingredients.",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "fine dining luxury restaurant chef kitchen gourmet"
            },
            {
              id: 4,
              title: "State-of-the-Art Fitness Center",              description: "Stay active with our modern gym facilities, personal training services, and group fitness classes for all levels.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "luxury fitness hotel gym wellness facility modern equipment"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Room Packages"
          description="Choose from our carefully curated selection of rooms and suites, each offering unique views and amenities tailored to your preferences."
          tag="Accommodations"
          plans={[
            {
              id: "deluxe",              badge: "Deluxe Suite",              price: "$199/night",              subtitle: "Perfect for couples and solo travelers",              buttons: [
                { text: "Book Now", href: "https://bookings.example.com" },
                { text: "Learn More", href: "pricing" }
              ],
              features: [
                "Spacious 450 sq ft room",                "Premium bedding",                "Modern en-suite bathroom",                "City or garden views",                "Complimentary Wi-Fi"
              ]
            },
            {
              id: "family",              badge: "Family Suite",              badgeIcon: Sparkles,
              price: "$299/night",              subtitle: "Ideal for families and small groups",              buttons: [
                { text: "Book Now", href: "https://bookings.example.com" },
                { text: "Learn More", href: "pricing" }
              ],
              features: [
                "Two bedrooms, 750 sq ft",                "Separate living area",                "Two modern bathrooms",                "Kitchenette included",                "Kids welcome program"
              ]
            },
            {
              id: "penthouse",              badge: "Penthouse Suite",              badgeIcon: Sparkles,
              price: "$599/night",              subtitle: "Ultimate luxury and privacy",              buttons: [
                { text: "Book Now", href: "https://bookings.example.com" },
                { text: "Learn More", href: "pricing" }
              ],
              features: [
                "Panoramic city views",                "Private terrace",                "Luxury spa bathroom",                "Personal concierge service",                "Exclusive lounge access"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="By The Numbers"
          description="Our track record speaks for itself with years of excellence in hospitality and guest satisfaction."
          metrics={[
            {
              id: "1",              value: "25+",              title: "Years of Excellence",              description: "Two decades of delivering world-class hospitality",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg",              imageAlt: "luxury hotel resort 5-star accommodation modern architecture"
            },
            {
              id: "2",              value: "10K+",              title: "Happy Guests Annually",              description: "Thousands of satisfied travelers each year",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "luxury bedroom deluxe suite hotel room premium accommodation"
            },
            {
              id: "3",              value: "5★",              title: "Guest Satisfaction Rating",              description: "Consistently rated among top luxury hotels",              imageSrc: "https://img.b2bpic.net/free-photo/couple-talking-drinking-coconut-milk-by-pool-vacation_23-2149369768.jpg",              imageAlt: "luxury spa wellness center massage therapy relaxation"
            },
            {
              id: "4",              value: "150+",              title: "Premium Rooms",              description: "Thoughtfully designed accommodations",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-shot-aria-hotel-las-vegas_181624-42881.jpg",              imageAlt: "resort pool luxury swimming pool hotel facilities outdoor lounge"
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "professional headshot business portrait happy guest smiling person"
            },
            {
              id: "2",              name: "Jennifer Patterson",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "woman portrait professional headshot guest photo business woman"
            },
            {
              id: "3",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "man portrait professional headshot happy customer business man"
            },
            {
              id: "4",              name: "Emma Williams",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",              imageAlt: "woman smiling professional photo guest testimonial satisfied customer"
            },
            {
              id: "5",              name: "David Rodriguez",              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: "business portrait professional headshot client photo guest"
            },
            {
              id: "6",              name: "Jessica & James",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "couple portrait happy guests vacation photo hospitality"
            }
          ]}
          cardTitle="Over 10,000 satisfied guests trust Luxe Hotels for their perfect stay"
          cardTag="Guest Reviews"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our rooms, services, policies, and booking process."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/swimming-pool_74190-1977.jpg"
          imageAlt="hotel concierge front desk customer service hospitality staff"
          mediaPosition="right"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is your check-in and check-out time?",              content: "Check-in is available from 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out can be arranged based on availability for an additional fee."
            },
            {
              id: "2",              title: "Do you offer airport transportation?",              content: "Yes, we provide convenient airport pickup and drop-off services. Contact our concierge team to arrange transportation or book it during your reservation process."
            },
            {
              id: "3",              title: "Are there dining options available 24/7?",              content: "Our main restaurant offers breakfast, lunch, and dinner service. Room service is available 24 hours a day for your convenience."
            },
            {
              id: "4",              title: "What is your cancellation policy?",              content: "Cancellations made 7 days or more before arrival receive a full refund. Cancellations within 7 days may incur charges. Please refer to your booking confirmation for specific terms."
            },
            {
              id: "5",              title: "Is Wi-Fi included in all room rates?",              content: "Yes, complimentary high-speed Wi-Fi is included with all room bookings. We also offer dedicated work areas and meeting spaces for business guests."
            },
            {
              id: "6",              title: "Do you welcome pets?",              content: "We welcome well-behaved pets with prior notification. A pet fee of $50 per night applies. Please contact us to arrange pet-friendly accommodations."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience luxury hospitality? Get in touch with our team to plan your unforgettable stay or discuss group bookings and special events."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Reserve Your Stay", href: "https://bookings.example.com" },
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Hotels"
          columns={[
            {
              title: "Rooms & Rates",              items: [
                { label: "Deluxe Suites", href: "#pricing" },
                { label: "Family Suites", href: "#pricing" },
                { label: "Penthouse", href: "#pricing" },
                { label: "Special Offers", href: "#pricing" }
              ]
            },
            {
              title: "Amenities",              items: [
                { label: "Spa & Wellness", href: "#features" },
                { label: "Fine Dining", href: "#features" },
                { label: "Fitness Center", href: "#features" },
                { label: "Pool & Lounge", href: "#features" }
              ]
            },
            {
              title: "Information",              items: [
                { label: "About Us", href: "#about" },
                { label: "Guest Reviews", href: "#testimonial" },
                { label: "FAQ", href: "#faq" },
                { label: "Blog", href: "/blog" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reservations", href: "mailto:reservations@luxehotels.com" },
                { label: "General Inquiries", href: "mailto:info@luxehotels.com" },
                { label: "Events & Groups", href: "mailto:events@luxehotels.com" },
                { label: "Careers", href: "/careers" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Hotels. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}