"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Star, Heart, Sparkles, Home, MessageCircle } from "lucide-react";

export default function LuxuryHotelPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="dotGrid"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Luxury Hotel"
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard 
          title="Welcome to Luxury Hotel"
          description="Experience world-class hospitality and unforgettable moments in our premium accommodations. Discover elegance, comfort, and exceptional service."
          tag="5-Star Experience"
          tagIcon={Star}
          buttons={[
            {
              text: "Book Your Stay",
              href: "contact"
            },
            {
              text: "Explore Rooms",
              href: "product"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel lobby with modern design"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards 
          title="About Our Hotel"
          description="We are committed to providing an exceptional hotel experience that combines luxury, comfort, and personalized service. Our hotel features premium amenities and world-class hospitality."
          tag="Our Story"
          tagIcon={Heart}
          features={[
            {
              id: "location",
              title: "Prime Location",
              description: "Situated in the heart of the city, our hotel offers easy access to major attractions, dining, and business centers.",
              label: "Downtown"
            },
            {
              id: "service",
              title: "Award-Winning Service",
              description: "Our dedicated team provides 24/7 concierge service, ensuring every guest receives personalized attention and care.",
              label: "Excellence"
            }
          ]}
          buttons={[
            {
              text: "Learn More",
              href: "#amenities"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwenty 
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg",
              imageAlt: "Fine dining restaurant"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766851204887-hjffdkab.jpg",
              imageAlt: "Luxurious spa facility"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766851205775-3pcvnacq.jpg",
              imageAlt: "Outdoor swimming pool"
            },
            {
              id: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766851793384-yk3xw39a.jpg",
              imageAlt: "Modern fitness center"
            }
          ]}
          title="Premium Amenities"
          description="Indulge in our world-class facilities designed for relaxation and recreation. From fine dining to spa treatments, fitness to entertainment, we have everything you need."
          tag="Facilities"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Explore More",
              href: "#contact"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour 
          title="Our Room Collection"
          description="Choose from our carefully curated selection of premium rooms and suites, each designed for maximum comfort and elegance."
          tag="Room Types"
          tagIcon={Home}
          buttons={[
            {
              text: "Reserve Now",
              href: "contact"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "deluxe-suite",
              name: "Deluxe Suite",
              price: "$299/night",
              variant: "King Bed, 450 sq ft",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Deluxe Suite with king bed",
              isFavorited: false
            },
            {
              id: "standard-room",
              name: "Standard Room",
              price: "$149/night",
              variant: "Queen Bed, 250 sq ft",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Standard room with queen bed",
              isFavorited: false
            },
            {
              id: "premium-suite",
              name: "Premium Suite",
              price: "$449/night",
              variant: "Double King Bed, 600 sq ft",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Premium suite with luxury features",
              isFavorited: false
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine 
          title="Guest Reviews"
          description="Hear from our satisfied guests about their unforgettable experiences at our hotel."
          tag="Testimonials"
          tagIcon={MessageCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "The hotel exceeded all my expectations. The staff was incredibly attentive and the rooms were immaculate. I will definitely return for my next visit.",
              name: "Sarah Mitchell",
              role: "Business Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              quote: "Spent our honeymoon here and it was absolutely magical. Every detail was perfect, from the romantic dinner to the spa treatments.",
              name: "Jessica Lopez",
              role: "Newlywed",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Jessica Lopez"
            },
            {
              id: "3",
              quote: "Best hotel experience of my life. The location is perfect and the amenities are top-notch. Highly recommended for anyone visiting the city.",
              name: "Michael Chen",
              role: "Travel Blogger",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "4",
              quote: "Incredible hospitality and world-class service. Every member of the team went above and beyond to make our stay memorable.",
              name: "Emma Thompson",
              role: "Corporate Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "5",
              quote: "A true luxury experience. The rooms are beautifully designed and the dining options are exceptional. Worth every penny.",
              name: "David Rodriguez",
              role: "Hotel Critic",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "David Rodriguez"
            },
            {
              id: "6",
              quote: "My family loved every moment of our stay. The kids enjoyed the pool and the parents enjoyed the spa. Thank you for unforgettable memories.",
              name: "Linda Williams",
              role: "Family Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320181151-p24uxfcb.jpg",
              imageAlt: "Linda Williams"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm 
          title="Plan Your Stay"
          description="Ready to experience luxury? Contact us today to make a reservation or inquire about special packages and events."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "dates",
              type: "text",
              placeholder: "Check-in & Check-out Dates",
              required: false
            },
            {
              name: "guests",
              type: "number",
              placeholder: "Number of Guests",
              required: false
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your special requests or preferences...",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          buttonText="Request Reservation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal 
          logoText="Luxury Hotel"
        />
      </div>
    </ThemeProvider>
  );
}