"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Star, Home, Sparkles, Mail } from "lucide-react";

export default function LuxuryHotelPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Services", id: "services" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Worldwide Luxury Hospitality"
          bottomRightText="reservations@luxehotels.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Luxury Hospitality"
          description="Discover unforgettable experiences in our award-winning hotel. Experience elegance, comfort, and world-class service in every moment of your stay."
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Experience"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[
            { text: "Book Your Stay", href: "booking" },
            { text: "Learn More", href: "rooms" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1",              imageAlt: "Luxury hotel suite with elegant furnishings"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2",              imageAlt: "Deluxe room with modern amenities"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-with-coffee-cup-omelette-plate-hotel-room_176474-3020.jpg?_wi=1",              imageAlt: "Ocean view suite with panoramic windows"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=1",              imageAlt: "Exclusive penthouse with luxury finishes"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-woman-lying-white-coats_1262-423.jpg",              imageAlt: "World-class spa and wellness center"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxing-around-outdoor-swimming-pool-with-city-view_74190-13684.jpg",              imageAlt: "Stunning infinity pool overlooking the city"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cook-preparing-meal-designing-meal-inside-plate-fry-meat-food-meal_140725-26012.jpg",              imageAlt: "Fine dining restaurant with gourmet cuisine"
            }
          ]
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Our Hotel"
          description={[
            "For over two decades, Luxe Hotels has been a beacon of luxury and excellence in the hospitality industry. Our commitment to delivering exceptional experiences is reflected in every detail, from our meticulously designed rooms to our attentive service.",            "We believe that a great hotel experience goes beyond just accommodation. It's about creating memories, fostering connections, and providing a sanctuary where guests feel truly valued and cared for.",            "Our team of dedicated professionals works tirelessly to ensure that every guest leaves with a lasting impression of comfort, elegance, and warmth."
          ]}
          buttons={[{ text: "Discover Our Story", href: "rooms" }]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collection"
          description="Choose from our carefully curated selection of rooms and suites, each designed to provide the ultimate in comfort and luxury."
          tag="Accommodations"
          tagIcon={Home}
          tagAnimation="slide-up"
          buttons={[{ text: "View All Rooms", href: "booking" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$199/night",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=3",              imageAlt: "Deluxe room with premium furnishings"
            },
            {
              id: "2",              name: "Ocean View Suite",              price: "$349/night",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-with-coffee-cup-omelette-plate-hotel-room_176474-3020.jpg?_wi=2",              imageAlt: "Suite with breathtaking ocean views"
            },
            {
              id: "3",              name: "Penthouse Suite",              price: "$599/night",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=2",              imageAlt: "Exclusive penthouse with luxury amenities"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Exceptional Services"
          description="From world-class dining to rejuvenating spa treatments, we offer comprehensive services designed to enhance your stay."
          tag="Amenities"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "spa",              label: "Spa & Wellness",              title: "Rejuvenate Your Soul",              items: [
                "Luxury spa treatments",                "Wellness programs",                "Sauna and steam room",                "Personal training"
              ],
              buttons: [{ text: "Book Treatment", href: "booking" }]
            },
            {
              id: "dining",              label: "Fine Dining",              title: "Culinary Excellence",              items: [
                "Award-winning cuisine",                "Michelin-starred chefs",                "Wine collection",                "Private dining options"
              ],
              buttons: [{ text: "Reserve Table", href: "contact" }]
            },
            {
              id: "recreation",              label: "Recreation",              title: "Stay Active & Entertained",              items: [
                "Infinity pool",                "Fitness center",                "Sports facilities",                "Concierge services"
              ]
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial="This hotel exceeded all my expectations. The attention to detail, the warm hospitality, and the stunning accommodations made my stay absolutely unforgettable. I cannot wait to return."
          rating={5}
          author="Sarah Mitchell, Travel Enthusiast"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Guest testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Guest testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",              alt: "Guest testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Guest testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              alt: "Guest testimonial"
            }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Flexible Booking Options"
          description="Select the perfect plan to suit your travel needs and budget. All rates include premium amenities and complimentary services."
          tag="Special Offers"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          plans={[
            {
              id: "weekend",              price: "$199",              name: "Weekend Getaway",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "Details", href: "rooms" }
              ],
              features: [
                "Deluxe room",                "Complimentary breakfast",                "Spa credit $50",                "Late checkout (2 PM)",                "Free parking"
              ]
            },
            {
              id: "week",              badge: "Best Value",              badgeIcon: Sparkles,
              price: "$1,099",              name: "Week Long Escape",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "Details", href: "rooms" }
              ],
              features: [
                "Ocean View Suite",                "Daily breakfast & dinner",                "Full spa access",                "Room service 24/7",                "Airport transfers",                "Concierge service"
              ]
            },
            {
              id: "luxury",              price: "$599",              name: "Penthouse Indulgence",              buttons: [
                { text: "Book Now", href: "contact" },
                { text: "Details", href: "rooms" }
              ],
              features: [
                "Penthouse Suite",                "Premium dining",                "Private spa consultation",                "Personal concierge",                "Limousine service",                "Exclusive access lounge"
              ]
            }
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Subscribe to Our Newsletter"
          description="Get exclusive deals, travel tips, and special offers delivered straight to your inbox. Join thousands of happy guests."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={true}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Explore",              items: [
                { label: "Rooms & Suites", href: "#rooms" },
                { label: "Services", href: "#services" },
                { label: "Amenities", href: "#services" },
                { label: "Dining", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Hotels. All rights reserved. Crafted for exceptional experiences."
        />
      </div>
    </ThemeProvider>
  );
}