"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Waves, TrendingUp, Heart, HelpCircle } from 'lucide-react';

export default function WellnessLoungePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Wellness Lounge"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Experience", id: "experience" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Welcome to a Calm Escape"
          description="Find yourself in a state of serenity at Wellness Lounge Day Spa. Located on the beautiful grounds of the Hyatt Regency in Mission Bay, we offer luxury steam rooms, relaxation lounges, massages, facials, body treatments, and private yoga by the bay."
          tag="Luxury Spa Retreat"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Your Escape", href: "#contact" },
            { text: "Explore Services", href: "#services" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/amazing-view-waterfall_72229-1274.jpg",              imageAlt: "Flowing waterfall with mist"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg",              imageAlt: "Luxury spa interior with tropical plants"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",              imageAlt: "Relaxing massage therapy session"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/woman-sauna-with-towels-her-hands-closeup_169016-22725.jpg",              imageAlt: "Serene steam room facility"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg",              imageAlt: "Peaceful yoga session with bay view"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-scenery-powerful-waterfall-new-zealand-fjords_181624-18704.jpg",              imageAlt: "Tropical jungle foliage"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          ariaLabel="Wellness Lounge hero section with spa imagery carousel"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Serenity and Relaxation" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/beautiful-scenery-powerful-waterfall-new-zealand-fjords_181624-18704.jpg", alt: "Tropical leaves" },
            { type: "text", content: "on the Bay" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Discover Our Facilities", href: "#services" },
            { text: "Book Online", href: "#contact" }
          ]}
          ariaLabel="About Wellness Lounge Day Spa"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Luxurious Services"
          description="Experience a comprehensive range of wellness treatments designed to rejuvenate your mind, body, and spirit in our serene sanctuary."
          tag="Spa Services"
          tagIcon={Waves}
          imageSrc="https://img.b2bpic.net/free-photo/serene-spa-room_23-2151934180.jpg"
          imageAlt="Luxury spa with plants and natural elements"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",              title: "Massage Therapy",              content: "Indulge in our signature massage treatments designed to release tension and promote deep relaxation. From Swedish massage to hot stone therapy, our expert therapists use natural techniques to melt away stress."
            },
            {
              id: "2",              title: "Facials & Skincare",              content: "Rejuvenate your skin with our luxurious facial treatments. Using natural and organic products, we customize each facial to your skin's unique needs, leaving you with a radiant, glowing complexion."
            },
            {
              id: "3",              title: "Body Scrubs & Wraps",              content: "Exfoliate and nourish your skin with our mineral-rich body scrubs and purifying body wraps. These treatments use natural ingredients to leave your skin soft, smooth, and refreshed."
            },
            {
              id: "4",              title: "Steam Room & Lounge",              content: "Relax in our luxury steam rooms and private relaxation lounges. Enjoy the therapeutic benefits of steam therapy in a peaceful, tranquil environment overlooking Mission Bay."
            },
            {
              id: "5",              title: "Yoga & Wellness",              content: "Join our group yoga classes or book a private session by the bay. Our certified instructors guide you through rejuvenating practices that align mind, body, and spirit in our peaceful setting."
            }
          ]}
          buttons={[
            { text: "Book Your Treatment", href: "#contact" }
          ]}
          ariaLabel="Wellness services and treatments"
        />
      </div>

      <div id="experience" data-section="experience">
        <MetricCardTwo
          title="Our Impact"
          description="Join thousands of guests who have experienced transformation and peace at Wellness Lounge Day Spa."
          tag="By The Numbers"
          tagIcon={TrendingUp}
          metrics={[
            { id: "1", value: "10K+", description: "Satisfied Guests" },
            { id: "2", value: "15+", description: "Years of Excellence" },
            { id: "3", value: "98%", description: "Guest Satisfaction" },
            { id: "4", value: "50+", description: "Wellness Treatments" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          ariaLabel="Wellness Lounge impact metrics"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michelle Chen",              imageSrc: "https://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206225.jpg",              imageAlt: "Michelle Chen"
            },
            {
              id: "3",              name: "Jessica Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-woman-just-has-taken-shower_329181-7867.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "4",              name: "Amanda Williams",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-dentist-standing-with-arms-crossed_107420-73977.jpg",              imageAlt: "Amanda Williams"
            }
          ]}
          cardTitle="Over 10,000 guests trust us to deliver exceptional spa experiences and complete wellness rejuvenation"
          cardTag="See what they say"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
          ariaLabel="Guest testimonials and reviews"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our spa services, hours, and wellness experiences."
          tag="Help & Support"
          tagIcon={HelpCircle}
          imageSrc="https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel-outdoors_23-2149037120.jpg"
          imageAlt="Peaceful spa relaxation environment"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are your spa hours?",              content: "<strong>Monday-Wednesday:</strong> Closed / By Appointment Only 12-6pm<br><strong>Thursday-Friday:</strong> 12-6pm<br><strong>Saturday:</strong> 10am-6pm<br><strong>Sunday:</strong> 10am-4pm<br><br>Facilities open 7am-10pm for members."
            },
            {
              id: "2",              title: "How do I book a treatment?",              content: "You can book online through our website, call us at 858-342-9444, or email us at wellnessloungedayspa@gmail.com. We recommend booking in advance, especially for weekend appointments."
            },
            {
              id: "3",              title: "What should I bring to my appointment?",              content: "Please arrive 10-15 minutes early. Bring your ID and any relevant medical information. We provide robes, towels, and slippers. Feel free to bring personal items, but we recommend leaving valuables at home."
            },
            {
              id: "4",              title: "Do you offer gift cards?",              content: "Yes! Our gift cards are the perfect present for anyone seeking wellness and relaxation. Available in various denominations, they can be purchased online or by calling us directly."
            },
            {
              id: "5",              title: "Can we book group spa parties?",              content: "Absolutely! We offer spa party packages for groups. Contact us to customize your experience with friends, family, or colleagues. Minimum group sizes and advance booking required."
            },
            {
              id: "6",              title: "Do you offer corporate wellness programs?",              content: "Yes, we provide corporate wellness packages including yoga classes, team spa treatments, and relaxation lounge access. Contact us to discuss customized options for your organization."
            }
          ]}
          ariaLabel="FAQ about Wellness Lounge services and policies"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Journey"
          description="Ready to escape into serenity? Contact us to book your wellness experience or inquire about our services. We're here to help you find your calm."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: false },
            { name: "service", type: "text", placeholder: "Service of Interest", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your wellness goals or questions...", rows: 5, required: true }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/long-exposure-waterfall-colorful-forest_181624-14193.jpg"
          imageAlt="Natural stone spa texture"
          mediaPosition="right"
          buttonText="Begin Your Escape"
          ariaLabel="Contact form to book spa treatments"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Wellness Lounge"
          columns={[
            {
              items: [
                { label: "Services", href: "services" },
                { label: "Facilities", href: "experience" },
                { label: "Gift Cards", href: "services" },
                { label: "Book Online", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Spa Parties", href: "services" },
                { label: "Yoga Classes", href: "services" },
                { label: "Corporate Wellness", href: "services" },
                { label: "Group Rates", href: "contact" }
              ]
            },
            {
              items: [
                { label: "1441 Quivira Rd", href: "#" },
                { label: "San Diego, CA 92109", href: "#" },
                { label: "858-342-9444", href: "tel:858-342-9444" },
                { label: "wellnessloungedayspa@gmail.com", href: "mailto:wellnessloungedayspa@gmail.com" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com/wellnesslounge_dayspa" },
                { label: "Spa Policies", href: "services" },
                { label: "Privacy Policy", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          ariaLabel="Wellness Lounge footer navigation"
        />
      </div>
    </ThemeProvider>
  );
}