"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Building2, Users, Award, Globe } from 'lucide-react';

export default function LuxeStayPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="fluid"
      cardStyle="layered-gradient"
      primaryButtonStyle="outline"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="LuxeStay"
          button={{
            text: "Book Now",
            href: "#contact"
          }}
          className="bg-background/95 backdrop-blur-sm"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardMetrics
          title="Experience Luxury Redefined at LuxeStay"
          description="Discover the perfect blend of modern comfort and timeless elegance. Your sanctuary awaits with world-class amenities and exceptional service."
          tag="Five-Star Hospitality"
          buttons={[
            {
              text: "Book Your Stay",
              href: "#contact"
            },
            {
              text: "Explore Rooms",
              href: "#rooms"
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxury hotel lobby with elegant interior design"
          frameStyle="card"
          metricsLabel="Trusted by thousands of guests worldwide"
          metrics={[
            {
              id: "1",
              value: "25+",
              label: "Years of Excellence"
            },
            {
              id: "2",
              value: "500+",
              label: "5-Star Reviews"
            },
            {
              id: "3",
              value: "98%",
              label: "Guest Satisfaction"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Crafting unforgettable experiences since 1999. LuxeStay stands as a beacon of hospitality excellence, committed to transforming every guest visit into cherished memories."
          metrics={[
            {
              icon: Building2,
              label: "Properties",
              value: "12"
            },
            {
              icon: Users,
              label: "Happy Guests",
              value: "50K+"
            },
            {
              icon: Award,
              label: "Awards Won",
              value: "28"
            },
            {
              icon: Globe,
              label: "Countries",
              value: "6"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSeven
          title="Our Room Collection"
          description="Choose from our carefully curated selection of luxurious accommodations, each designed to exceed expectations."
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$189/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard hotel room with queen bed and modern furnishings"
            },
            {
              id: "2",
              name: "Deluxe Room",
              price: "$299/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg",
              imageAlt: "Deluxe room with king bed and city view"
            },
            {
              id: "3",
              name: "Premium Suite",
              price: "$499/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285016806-pb6dfnfs.jpg",
              imageAlt: "Luxury suite with separate living area and premium amenities"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          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-1767193648953-pu47wptc.jpg"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285017671-gue5su97.jpg"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285018548-6nmqxkx6.jpg"
            },
            {
              id: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
            }
          ]}
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed for relaxation, wellness, and unforgettable experiences. From our award-winning spa to Michelin-inspired dining, every detail has been thoughtfully curated."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn More",
              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Stories"
          description="Hear what our valued guests have to say about their unforgettable stays at LuxeStay."
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Travel Enthusiast",
              testimonial: "The attention to detail and impeccable service at LuxeStay made our honeymoon truly magical. We cannot wait to return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Business Executive",
              testimonial: "Outstanding accommodations with top-tier facilities. The staff went above and beyond to ensure my comfort during my stay.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285020619-hlvqt440.jpg"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              role: "Adventure Traveler",
              testimonial: "Best hotel experience of my life. Every amenity exceeded expectations, and the location is perfect for exploring the city.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg"
            },
            {
              id: "4",
              name: "Michael Anderson",
              role: "Luxury Travel Blogger",
              testimonial: "LuxeStay redefines hospitality. From the spa treatments to the fine dining restaurant, everything is exceptional.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042235471-3ougl3c6.jpg"
            },
            {
              id: "5",
              name: "Jessica Wong",
              role: "Corporate Traveler",
              testimonial: "Consistently excellent service, comfortable rooms, and amazing amenities. This is my go-to hotel for all my business trips.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg"
            },
            {
              id: "6",
              name: "David Thompson",
              role: "Family Vacationer",
              testimonial: "Our family loved every moment. Kid-friendly staff, great activities, and the pools were fantastic. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285021707-lsfutq9w.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Plan Your Perfect Getaway"
          description="Whether you're planning a romantic escape, family vacation, or business retreat, our team is here to help craft your ideal experience. Subscribe for exclusive offers and travel inspiration."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184713231-mw34v4v5.jpg"
          imageAlt="Luxury hotel exterior at night"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="Join our mailing list for special offers, updates, and travel tips. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="LuxeStay"
          columns={[
            {
              title: "Rooms",
              items: [
                {
                  label: "Standard Rooms",
                  href: "#rooms"
                },
                {
                  label: "Deluxe Rooms",
                  href: "#rooms"
                },
                {
                  label: "Premium Suites",
                  href: "#rooms"
                }
              ]
            },
            {
              title: "Amenities",
              items: [
                {
                  label: "Spa & Wellness",
                  href: "#amenities"
                },
                {
                  label: "Fine Dining",
                  href: "#amenities"
                },
                {
                  label: "Fitness Center",
                  href: "#amenities"
                }
              ]
            },
            {
              title: "Company",
              items: [
                {
                  label: "About Us",
                  href: "#about"
                },
                {
                  label: "Contact",
                  href: "#contact"
                },
                {
                  label: "Careers",
                  href: "/"
                }
              ]
            },
            {
              title: "Support",
              items: [
                {
                  label: "Book a Room",
                  href: "#contact"
                },
                {
                  label: "Cancel Booking",
                  href: "/"
                },
                {
                  label: "FAQ",
                  href: "/"
                }
              ]
            }
          ]}
          copyrightText="© 2025 LuxeStay Hotels. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}