"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSignup from '@/components/sections/hero/HeroSignup';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Bed, Star, Heart, Trophy, Award, Users, TrendingUp } from "lucide-react";

export default function LuxeStayPage() {
  const handleHeroSignup = (email: string) => {
    console.log('Hero signup:', email);
  };

  const handleContactForm = (data: Record<string, string>) => {
    console.log('Contact form:', data);
  };

  const handlePrivacyClick = () => {
    console.log('Privacy policy clicked');
  };

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="small"
      sizing="large"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="LuxeStay"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSignup
          background={{ variant: "sparkles-gradient" }}
          tag="Premium Hospitality"
          tagIcon={Sparkles}
          title="Experience Luxury Redefined"
          description="Discover our world-class accommodations and impeccable service. From breathtaking views to personalized concierge, every detail is crafted for your perfect stay."
          inputPlaceholder="Enter your email"
          buttonText="Reserve Now"
          onSubmit={handleHeroSignup}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose LuxeStay"
          description="Award-winning hospitality with 25 years of excellence"
          tabs={[
            {
              id: "luxury",              label: "Luxury Comfort",              description: "Each room is meticulously designed with premium furnishings, Egyptian cotton linens, and state-of-the-art amenities to ensure unparalleled comfort during your stay."
            },
            {
              id: "service",              label: "Exceptional Service",              description: "Our 24/7 concierge team is dedicated to exceeding your expectations, offering personalized recommendations and seamless solutions for all your needs."
            },
            {
              id: "location",              label: "Prime Location",              description: "Nestled in the heart of the city, our hotel offers easy access to iconic landmarks, fine dining, shopping, and entertainment venues."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
          imageAlt="Luxury hotel lobby with modern design"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Our Room Collection"
          description="Choose from our carefully curated selection of rooms, each offering unique views and exclusive amenities tailored to your preferences."
          tag="Room Types"
          tagIcon={Bed}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Standard Room",              price: "$189/night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "2",              name: "Deluxe Room",              price: "$289/night",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Deluxe room with city view"
            },
            {
              id: "3",              name: "Executive Suite",              price: "$489/night",              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",              imageAlt: "Premium executive suite"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardSeven
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed to enhance every moment of your stay, from relaxation to wellness and entertainment."
          tag="Premium Facilities"
          tagIcon={Star}
          features={[
            {
              id: 1,
              title: "Spa & Wellness Center",              description: "Rejuvenate your mind and body with our full-service spa offering traditional massages, facials, and holistic wellness treatments in a serene environment.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",              imageAlt: "Luxury spa center with relaxation area"
            },
            {
              id: 2,
              title: "Fine Dining Restaurant",              description: "Savor exquisite cuisine prepared by Michelin-trained chefs using locally-sourced ingredients, accompanied by an extensive wine collection.",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",              imageAlt: "Elegant restaurant dining area"
            },
            {
              id: 3,
              title: "Olympic-Size Pool",              description: "Take a refreshing dip in our heated year-round pool with stunning views, complete with private cabanas and poolside service.",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",              imageAlt: "Resort swimming pool with lounging area"
            },
            {
              id: 4,
              title: "Fitness & Health Club",              description: "Stay active with our state-of-the-art gym equipment, personal training services, yoga classes, and cutting-edge fitness technology.",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",              imageAlt: "Modern fitness center with equipment"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Guest Experiences"
          description="Hear what our valued guests have to say about their unforgettable stays at LuxeStay."
          tag="Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahtravels",              testimonial: "The attention to detail at LuxeStay is extraordinary. From the moment I arrived until my departure, every staff member went above and beyond to make my stay exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Peterson",              handle: "Travel Enthusiast",              testimonial: "I've stayed at numerous luxury hotels worldwide, but LuxeStay consistently delivers an unmatched level of elegance and personalized service that sets them apart.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",              imageAlt: "James Peterson"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmawanderlust",              testimonial: "The spa treatments were divine, the rooms immaculate, and the restaurant food was absolutely outstanding. I'm already planning my return visit!",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Chen",              handle: "Business Traveler",              testimonial: "As a frequent business traveler, I appreciate the seamless check-in process, reliable WiFi, and the quiet executive lounge. LuxeStay is now my hotel of choice.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "5",              name: "Lisa Anderson",              handle: "@lisatraveler",              testimonial: "Our anniversary celebration here was absolutely perfect. The staff arranged everything beautifully, and the room upgrade was such a wonderful surprise!",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "David Thompson",              handle: "Corporate Events",              testimonial: "We hosted our company retreat at LuxeStay and were impressed by the professionalism, stunning venues, and impeccable catering throughout the event.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "David Thompson"
            }
          ]}
          useInvertedBackground="invertDefault"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Legacy"
          description="Proudly serving guests with unwavering commitment to excellence since 1998."
          tag="Achievement"
          tagIcon={Trophy}
          textboxLayout="default"
          animationType="scale-rotate"
          gridVariant="uniform-all-items-equal"
          metrics={[
            {
              id: "1",              value: "25",              title: "years",              description: "Of exceptional hospitality and guest satisfaction",              icon: Award
            },
            {
              id: "2",              value: "150k+",              title: "guests",              description: "Served with dedication and personalized care annually",              icon: Users
            },
            {
              id: "3",              value: "4.9",              title: "stars",              description: "Average guest rating across all review platforms",              icon: Star
            },
            {
              id: "4",              value: "98%",              title: "loyalty",              description: "Return guest rate reflecting our commitment to excellence",              icon: TrendingUp
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about our rooms, amenities, bookings, and policies."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is your check-in and check-out time?",              content: "Standard check-in time is 3:00 PM and check-out time is 11:00 AM. Early check-in and late check-out may be available upon request, subject to availability."
            },
            {
              id: "2",              title: "Do you offer airport transportation?",              content: "Yes, we provide complimentary airport transportation for our guests. Please arrange this with our concierge team at least 24 hours in advance."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "Cancellations made 48 hours prior to arrival are subject to no charge. Cancellations within 48 hours will be charged the full first night's rate."
            },
            {
              id: "4",              title: "Are pets allowed at the hotel?",              content: "We welcome well-behaved pets in select rooms for a non-refundable pet fee of $50 per night. Please inform us of your pet when booking."
            },
            {
              id: "5",              title: "Do you have meeting and event spaces?",              content: "Yes, we feature 8,000 square feet of flexible meeting space, ideal for conferences, corporate events, weddings, and private celebrations. Contact our events team for customized packages."
            },
            {
              id: "6",              title: "What dining options are available?",              content: "We offer fine dining at our main restaurant, a casual café, room service, and poolside dining. Special dietary requirements can be accommodated with advance notice."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about your stay or need special arrangements? Our dedicated team is here to help. Reach out and we'll respond within 24 hours."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "checkInDate",              type: "date",              placeholder: "Check-in Date",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us how we can help you...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg"
          imageAlt="Hotel concierge service desk"
          mediaPosition="right"
          buttonText="Send Message"
          onSubmit={handleContactForm}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="LuxeStay"
          copyrightText="© 2024 LuxeStay Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms & Booking",              items: [
                { label: "Room Types", href: "rooms" },
                { label: "Special Offers", href: "https://example.com/offers" },
                { label: "Group Bookings", href: "https://example.com/groups" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "about" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Sustainability", href: "https://example.com/sustainability" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Guest Services", href: "https://example.com/services" }
              ]
            }
          ]}
          onPrivacyClick={handlePrivacyClick}
        />
      </div>
    </ThemeProvider>
  );
}