"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Star, DoorOpen } from "lucide-react";

export default function LuxuryHotelsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="minimal"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxury Hotels"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" },
            { name: "About", id: "about" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Luxury Hospitality"
          description="Discover your perfect getaway at our award-winning hotel. Unwind in elegance with world-class amenities and exceptional service."
          tag="Premium Accommodations"
          tagIcon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxury hotel lobby and entrance"
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="A Legacy of Excellence"
          description="For over 25 years, we have been committed to providing unforgettable experiences. Our hotel blends timeless elegance with modern comfort, creating the perfect sanctuary for travelers seeking the finest in hospitality."
          tag="Our Story"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
          imageAlt="Hotel interior design and architecture"
          buttons={[
            { text: "Learn More", href: "#amenities" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSix
          title="Our Exquisite Rooms"
          description="Choose from our carefully curated selection of luxurious accommodations, each designed to provide the ultimate comfort and style."
          tag="Room Collection"
          tagIcon={DoorOpen}
          products={[
            {
              id: "1",
              name: "Deluxe King Suite",
              price: "$189 per night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041396095-f4hs15gt.jpg",
              imageAlt: "Deluxe king suite bedroom"
            },
            {
              id: "2",
              name: "Presidential Suite",
              price: "$349 per night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageAlt: "Presidential suite with panoramic views"
            },
            {
              id: "3",
              name: "Standard Room",
              price: "$119 per night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211438371-8670buzm.jpg",
              imageAlt: "Comfortable standard room"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardNine
          title="World-Class Amenities"
          description="From rejuvenating spa treatments to fine dining experiences, our facilities cater to every need."
          tag="Facilities"
          features={[
            {
              id: 1,
              title: "Olympic Pool",
              description: "Dive into our stunning outdoor pool with heated water, perfect for swimming and relaxation throughout the year.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
              }
            },
            {
              id: 2,
              title: "Fine Dining Restaurant",
              description: "Savor exquisite international cuisine prepared by our award-winning chefs in our elegant dining hall.",
              phoneOne: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767268560253-uuvi7z64.jpg"
              },
              phoneTwo: {
                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766852318197-diedd693.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Reviews"
          description="See what our valued guests have to say about their unforgettable stays with us."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarahj",
              testimonial: "An absolutely magnificent stay! The service was impeccable and every detail was perfect. I felt truly pampered.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@mchen",
              testimonial: "The best hotel experience I've had. The staff went above and beyond to make my stay comfortable and memorable.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@emilytravel",
              testimonial: "Luxury redefined. From the elegant rooms to the world-class amenities, everything exceeded my expectations.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg"
            },
            {
              id: "4",
              name: "David Kim",
              handle: "@davidk",
              testimonial: "A tranquil escape from the city. The spa and dining experiences were absolutely phenomenal.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to book your dream vacation? Contact us today and let our team help you create an unforgettable experience."
          animationType="reveal-blur"
          buttons={[
            { text: "Book Now", href: "mailto:reservations@luxuryhotels.com" },
            { text: "Call Us", href: "tel:+1234567890" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2025 Luxury Hotels. All rights reserved."
          columns={[
            {
              title: "Quick Links",
              items: [
                { label: "Home", href: "hero" },
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Press", href: "https://example.com/press" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Terms & Conditions", href: "https://example.com/terms" },
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Contact Support", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}