"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Phone, Mail, MapPin } from "lucide-react";

export default function LuxeStaysPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="animatedAurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Stays"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Experience Timeless Luxury"
          description="Discover your sanctuary of elegance and comfort. World-class hospitality meets breathtaking views at our premier destination."
          tag="5-Star Luxury Resort"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxurious hotel lobby with elegant interior design"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore More", href: "amenities" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric
          title="A Legacy of Excellence"
          description={[
            "For over 25 years, Luxe Stays has been the premier destination for discerning travelers seeking authentic luxury and personalized service. We combine timeless elegance with modern comfort, creating unforgettable experiences that exceed expectations.",
            "Our commitment to excellence is reflected in every detail, from our meticulously designed suites to our award-winning culinary experiences and world-class spa facilities."
          ]}
          metrics={[
            { label: "Years of Excellence", value: "25+" },
            { label: "Guest Satisfaction", value: "98%" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardThree
          title="World-Class Amenities"
          description="Indulge in our extensive range of premium facilities designed for your complete relaxation and entertainment."
          tag="Amenities"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",
              title: "Spa & Wellness",
              description: "Rejuvenate your body and mind with our signature spa treatments and holistic wellness programs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg",
              imageAlt: "Luxury spa and wellness facility"
            },
            {
              id: "02",
              title: "Fine Dining",
              description: "Savor exquisite culinary creations from our Michelin-trained chefs in our award-winning restaurants.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754766208-6g0aukkl.jpg",
              imageAlt: "Elegant fine dining restaurant"
            },
            {
              id: "03",
              title: "Conference Facilities",
              description: "Host your important events with our state-of-the-art meeting spaces and professional event planning.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754767000-67rzcsit.jpg",
              imageAlt: "Modern conference and meeting spaces"
            }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Rooms & Suites"
          description="Thoughtfully designed accommodations that blend luxury with comfort for an unforgettable stay."
          tag="Premium Selection"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "From $250",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Deluxe hotel room with modern amenities"
            },
            {
              id: "2",
              name: "Suite",
              price: "From $450",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg",
              imageAlt: "Suite with ocean view"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "From $800",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Presidential suite with luxury furnishings"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Guests Say"
          description="Hear from travelers who've experienced the magic of Luxe Stays."
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen, CEO of Travel Ventures",
              date: "Date: 15 November 2024",
              title: "Exceeded all expectations!",
              quote: "My stay at Luxe Stays was nothing short of magical. The attention to detail, impeccable service, and stunning views made it an unforgettable experience. I've already booked my return visit.",
              tag: "Business Traveler",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
            },
            {
              id: "2",
              name: "James Richardson, Entrepreneur",
              date: "Date: 8 October 2024",
              title: "Perfect honeymoon destination",
              quote: "We celebrated our honeymoon here and it was absolutely perfect. The romantic ambiance, world-class dining, and breathtaking views created memories we'll cherish forever.",
              tag: "Couple",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg"
            },
            {
              id: "3",
              name: "Dr. Elizabeth Wong, Medical Professional",
              date: "Date: 22 September 2024",
              title: "Best relaxation experience",
              quote: "After months of stress, this resort was exactly what I needed. The spa treatments were divine, and the staff made me feel genuinely cared for throughout my stay.",
              tag: "Wellness Retreat",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg"
            },
            {
              id: "4",
              name: "Robert Sullivan, Corporate Executive",
              date: "Date: 10 August 2024",
              title: "Exceptional conference venue",
              quote: "We hosted our annual summit at Luxe Stays and couldn't have asked for better. The facilities are top-notch and the team's support was invaluable to our event's success.",
              tag: "Corporate Event",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754767000-67rzcsit.jpg"
            },
            {
              id: "5",
              name: "Sophie Laurent, Travel Blogger",
              date: "Date: 5 July 2024",
              title: "A true gem on the coast",
              quote: "Every moment here is Instagram-worthy. From the stunning architecture to the impeccable service, this is a luxury destination that truly delivers on its promises.",
              tag: "Luxury Travel",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg"
            },
            {
              id: "6",
              name: "Michael Foster, Photographer",
              date: "Date: 20 June 2024",
              title: "Visual paradise",
              quote: "As a photographer, I'm constantly looking for beautiful locations. This resort is stunning. Every corner is an opportunity for capturing something spectacular.",
              tag: "Creative Professional",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754766208-6g0aukkl.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Plan Your Perfect Escape"
          description="Join our exclusive mailing list for special offers, new packages, and insider access to Luxe Stays events. Our booking specialists are ready to help you create unforgettable memories."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy and will never share your information. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Luxe Stays"
          title="Your destination for luxury, comfort, and unforgettable hospitality experiences."
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "Rooms & Suites", href: "#rooms" },
                { label: "Amenities", href: "#amenities" },
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Information",
              items: [
                { label: "Terms & Conditions", href: "/terms" },
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Cancellation Policy", href: "/cancellation" },
                { label: "FAQ", href: "/faq" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "+1 (555) 123-4567" },
            { icon: Mail, text: "reservations@luxestays.com" },
            { icon: MapPin, text: "123 Coastal Boulevard, Paradise Bay, CB 12345" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}