"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import TeamCardOne from '@/components/sections/team/TeamCardOne';

export default function WellnessPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Wellness Chiropractic"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Appointment",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Restore Your Health and Mobility"
          description="Experience expert chiropractic care designed to relieve pain, improve posture, and enhance your overall wellness. Our dedicated team is committed to helping you achieve optimal spinal health and quality of life."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "20+", label: "Years of Experience" },
            { value: "5000+", label: "Patients Treated" },
            { value: "98%", label: "Satisfaction Rate" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-man-helping-patient-physiotherapy_23-2149047562.jpg"
          imageAlt="Professional chiropractor providing treatment"
          imagePosition="right"
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          tag="Your Wellness Partner"
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          title="Our Services"
          description="Comprehensive chiropractic treatments tailored to your specific health needs and wellness goals."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Premium Care",              name: "Spinal Adjustment",              price: "$75",              rating: 5,
              reviewCount: "890",              imageSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back-pain_23-2148780738.jpg",              imageAlt: "Spinal adjustment treatment"
            },
            {
              id: "2",              brand: "Therapeutic",              name: "Massage Therapy",              price: "$65",              rating: 5,
              reviewCount: "756",              imageSrc: "https://img.b2bpic.net/free-photo/physiotherapist-checking-back-medium-shot_23-2149047489.jpg",              imageAlt: "Professional massage therapy"
            },
            {
              id: "3",              brand: "Preventive",              name: "Posture Correction",              price: "$55",              rating: 5,
              reviewCount: "643",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-helping-patient-recover_23-2149173488.jpg",              imageAlt: "Posture correction consultation"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Dedicated to your" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159096.jpg",              alt: "Our wellness clinic"
            },
            { type: "text", content: "healing and recovery" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Meet Our Team", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose Us"
          description="Experience comprehensive chiropractic care with proven results and compassionate treatment."
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              title: "Pain Relief",              description: "Effective treatment methods to reduce chronic and acute pain, restoring comfort and function.",              imageSrc: "https://img.b2bpic.net/free-photo/chiropractor-provides-aid-patient_482257-90376.jpg",              imageAlt: "Pain relief treatment"
            },
            {
              title: "Improved Mobility",              description: "Enhance flexibility and range of motion through targeted adjustments and therapeutic care.",              imageSrc: "https://img.b2bpic.net/free-photo/male-physiotherapist-checking-woman-s-back_23-2148780736.jpg",              imageAlt: "Mobility improvement"
            },
            {
              title: "Prevention Focus",              description: "Proactive wellness strategies to prevent future injuries and maintain optimal spinal health.",              imageSrc: "https://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159149.jpg",              imageAlt: "Preventive wellness care"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Patients Say"
          description="Real stories from people who have experienced transformation through our care."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Thompson",              handle: "Recovered from chronic back pain",              testimonial: "After years of back pain, the treatment here transformed my life. I can now enjoy activities with my family without discomfort. Highly recommend!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",              imageAlt: "Sarah Thompson"
            },
            {
              id: "2",              name: "Michael Rodriguez",              handle: "Improved posture and energy",              testimonial: "Dr. helped me correct my posture and I feel more energized than ever. The professional care and attention to detail is outstanding.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "3",              name: "Jennifer Lee",              handle: "Enhanced mobility and flexibility",              testimonial: "I was skeptical at first, but the results speak for themselves. My flexibility improved dramatically and my neck pain is completely gone.",              imageSrc: "https://img.b2bpic.net/free-photo/she-looks-relaxed-her-home_329181-1170.jpg",              imageAlt: "Jennifer Lee"
            },
            {
              id: "4",              name: "David Martinez",              handle: "Preventive wellness success",              testimonial: "Excellent preventive care that keeps me feeling great. The team is knowledgeable, friendly, and truly cares about their patients' wellbeing.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",              imageAlt: "David Martinez"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Ready to Start Your Wellness Journey?"
          description="Contact us today to schedule your appointment. Our team is ready to help you achieve optimal health and wellness."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/nurse-with-patient-osteopathy-session_23-2149146138.jpg"
          imageAlt="Clinic reception area"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Schedule Now"
          termsText="We respect your privacy. We'll only contact you to confirm your appointment."
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
            members={[
                { id: "1", name: "Dr. Jane Doe", role: "Chiropractor", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Dr. Jane Doe" },
                { id: "2", name: "Dr. John Smith", role: "Chiropractor", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Dr. John Smith" },
                { id: "3", name: "Dr. Emily Johnson", role: "Chiropractor", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Dr. Emily Johnson" },
                { id: "4", name: "Dr. Michael Brown", role: "Chiropractor", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Dr. Michael Brown" }
            ]}
            carouselMode="buttons"
            gridVariant="grid"
            animationType="slide"
            title="Meet Our Team"
            description="Our team of dedicated chiropractors is here to help you achieve optimal health and wellness."
            textboxLayout="left"
            useInvertedBackground="none"
            className="mt-10"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Wellness Chiropractic"
          copyrightText="© 2025 Wellness Chiropractic. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Spinal Adjustment", href: "services" },
                { label: "Massage Therapy", href: "services" },
                { label: "Posture Correction", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "about" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQs", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Testimonials", href: "testimonials" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}