"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, Facebook, Twitter } from 'lucide-react';

export default function LuxeResortPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Resort"
          navItems={[
            { name: "About", id: "about" },
            { name: "Amenities", id: "amenities" },
            { name: "Rooms", id: "rooms" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "https://booking.example.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LUXE RESORT"
          description="Experience timeless elegance and world-class hospitality at our premier luxury destination resort"
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Luxury resort pool area with tropical paradise view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/travel-relaxation-umbrella-luxury-hotels_1253-653.jpg",              imageAlt: "Elegant resort lobby with sophisticated interior design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",              imageAlt: "Beautiful sunset view from the resort beachfront"
            }
          ]}
          buttons={[
            {
              text: "Book Your Stay",              href: "https://booking.example.com"
            },
            {
              text: "Explore Services",              href: "#amenities"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your Gateway to" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/deckchair-swimming-pool-resort_1150-11099.jpg",              alt: "Luxe Resort Architecture"
            },
            { type: "text", content: "Unparalleled Luxury" }
          ]}
          buttons={[
            {
              text: "Discover More",              href: "#amenities"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardOne
          title="Signature Amenities"
          description="Discover our world-class facilities designed to provide the ultimate in comfort and relaxation"
          tag="Luxury Experiences"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              title: "Rejuvenating Spa",              description: "Indulge in our award-winning spa featuring traditional and contemporary wellness treatments",              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg",              imageAlt: "Luxury spa facilities",              button: {
                text: "Learn More",                href: "#"
              }
            },
            {
              title: "Fine Dining",              description: "Savor culinary excellence at our restaurants helmed by world-renowned chefs",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg",              imageAlt: "Fine dining restaurant",              button: {
                text: "View Menu",                href: "#"
              }
            },
            {
              title: "Fitness Center",              description: "State-of-the-art facilities with personal trainers and wellness programs",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22735.jpg",              imageAlt: "Modern fitness facility",              button: {
                text: "Schedule Session",                href: "#"
              }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardNine
          title="Exquisite Accommodations"
          description="Retreat to our thoughtfully designed suites featuring premium amenities and breathtaking views"
          tag="Room Collections"
          textboxLayout="default"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Deluxe Room",              description: "Spacious rooms with premium bedding, marble bathrooms, and modern entertainment systems for the ultimate comfort",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
              }
            },
            {
              id: 2,
              title: "Ocean View Suite",              description: "Wake up to stunning beachfront vistas from your private balcony with direct access to resort grounds",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
              }
            },
            {
              id: 3,
              title: "Penthouse Suite",              description: "Our most luxurious offering featuring separate living areas, spa-inspired bathrooms, and panoramic resort views",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg"
              }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardMedia
          title="Unforgettable Experiences"
          description="Create lasting memories with our curated activities and personalized services"
          tag="Guest Services"
          textboxLayout="default"
          animationType="blur-reveal"
          features={[
            {
              id: "1",              title: "Concierge Service",              description: "Our dedicated team ensures every detail of your stay is perfectly arranged",              tag: "24/7 Available",              imageSrc: "https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg"
            },
            {
              id: "2",              title: "Water Sports & Activities",              description: "From snorkeling to paddleboarding, explore endless aquatic adventures",              tag: "Adventure",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-women-floaters-outdoors_23-2149552211.jpg"
            },
            {
              id: "3",              title: "Wellness Programs",              description: "Rejuvenate your mind and body with yoga, meditation, and holistic therapies",              tag: "Wellness",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-body-positive-appearance-practicing-yoga-alone-deck-by-pool-tropical-island-bali-indonesia-sport-fitness-healthy-lifestyle-concept_1321-2848.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Testimonials"
          description="Hear from our distinguished guests about their exceptional experiences"
          tag="Guest Reviews"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",              name: "Victoria Sterling, Travel Magazine Editor",              date: "Date: 15 September 2024",              title: "An absolute sanctuary of elegance",              quote: "From the moment we arrived, we were treated like royalty. The attention to detail, the stunning views, and the impeccable service made our stay unforgettable. This resort truly sets the standard for luxury hospitality.",              tag: "Premium Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"
            },
            {
              id: "2",              name: "James Whitmore, CEO of Global Ventures",              date: "Date: 22 August 2024",              title: "Perfect for business and leisure",              quote: "I've stayed at many luxury resorts, but this one stands out. The spa treatments were therapeutic, the dining was exceptional, and the staff anticipated every need. Highly recommended for anyone seeking true relaxation.",              tag: "Executive Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"
            },
            {
              id: "3",              name: "Catherine Laurent, Luxury Travel Blogger",              date: "Date: 10 July 2024",              title: "A dream destination realized",              quote: "The architectural beauty, the pristine beaches, and the warm hospitality created an experience I'll never forget. Every amenity exceeded my expectations and the personalized service was truly remarkable.",              tag: "Influencer Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg"
            },
            {
              id: "4",              name: "David Chen, Entrepreneur",              date: "Date: 28 June 2024",              title: "Worth every moment",              quote: "We celebrated our anniversary here and it was pure magic. The staff went above and beyond to make it special, the rooms were immaculate, and the views were breathtaking. We're already planning our return visit.",              tag: "Returning Guest",              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Escape"
          description="Contact our reservations team to arrange your perfect getaway. We're here to create an unforgettable experience tailored to your preferences."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: false
            },
            {
              name: "checkIn",              type: "date",              placeholder: "Check-in Date",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your preferences and special requests...",            rows: 5,
            required: false
          }}
          buttonText="Submit Inquiry"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg"
          imageAlt="Resort reception area"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxe Resort"
          copyrightText="© 2025 Luxe Resort. All rights reserved. Crafted for the discerning traveler."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/luxeresort",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com/luxeresort",              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/luxeresort",              ariaLabel: "Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}