"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Activity, ArrowRight, Clock, GraduationCap, Heart, LifeBuoy, ShieldCheck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="PhysioHeal Center"
      button={{
        text: "Book a Consultation",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-static"}}
      imagePosition="right"
      title="Restore Your Health and Independence with PhysioHeal Center"
      description="At PhysioHeal, we provide compassionate rehabilitation and personalized home care services, empowering you to regain strength, mobility, and well-being. Your journey to recovery starts here."
      kpis={[
        {
          value: "15+",          label: "Years of Experience"},
        {
          value: "98%",          label: "Patient Satisfaction"},
        {
          value: "5000+",          label: "Lives Transformed"},
      ]}
      enableKpiAnimation={true}
      tag="Your Path to Wellness"
      tagIcon={Heart}
      buttons={[
        {
          text: "Explore Services",          href: "#services"},
        {
          text: "Book an Appointment",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/african-american-doctor-female-lab-coat-with-stethoscope-posed-outdoor-against-clinic_627829-2908.jpg",          alt: "Dr. Sarah Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-doctor-wearing-white-coat-with-stethoscope-smiling-broadly-standing-pink-wall_141793-47969.jpg",          alt: "Nurse Emily Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-male-doctor_171337-1491.jpg",          alt: "Physiotherapist David Kim"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",          alt: "Dr. Michael Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249767.jpg",          alt: "Compassionate Caregiver"},
      ]}
      avatarText="Trusted by thousands of patients"
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-physiotherapist-massaging-patient_23-2149173498.jpg"
      imageAlt="A physical therapist assisting a patient with leg exercises"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Personalized Treatment Plans"},
        {
          type: "text-icon",          text: "Expert Therapists",          icon: GraduationCap,
        },
        {
          type: "text",          text: "Home-Based Comfort"},
        {
          type: "text-icon",          text: "Rapid Recovery",          icon: Activity,
        },
        {
          type: "text",          text: "Holistic Approach"},
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Dedicated to Your Recovery and Comfort"
      description="At PhysioHeal Center, we believe in a holistic approach to healing. Our expert team combines advanced rehabilitation techniques with compassionate home care, ensuring a seamless journey from injury to full recovery. We focus on personalized treatment plans tailored to your unique needs, promoting faster healing and lasting independence."
      metrics={[
        {
          value: "Compassion",          title: "Patient-Centered Approach"},
        {
          value: "Excellence",          title: "Evidence-Based Treatments"},
        {
          value: "Support",          title: "Comprehensive Home Care"},
      ]}
      tag="About PhysioHeal"
      tagIcon={ArrowRight}
      imageSrc="http://img.b2bpic.net/free-photo/retired-person-doing-sports-home-watching-online-workout_482257-120.jpg"
      imageAlt="A healthcare professional assisting an elderly patient at home"
      mediaBadge={{
        text: "Your Health, Our Priority"}}
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Physical Therapy & Rehabilitation",          description: "Specialized programs for post-surgical recovery, chronic pain management, and mobility enhancement.",          imageSrc: "http://img.b2bpic.net/free-photo/physiotherapy-session-with-male-physician-woman_23-2148789807.jpg",          imageAlt: "A physical therapist demonstrating an exercise"},
        {
          title: "Personalized Home Care Services",          description: "Comprehensive care delivered in the comfort of your home, including nursing, personal assistance, and companionship.",          imageSrc: "http://img.b2bpic.net/free-photo/retired-woman-browsing-internet-digital-tablet-home-elder-person-with-crutches-sofa-using-modern-gadget-with-touch-screen-learn-technology-living-room-pensioner-with-device_482257-40616.jpg",          imageAlt: "A nurse helping an elderly woman in her living room"},
        {
          title: "Post-Operative Recovery",          description: "Expert guidance and exercises to ensure a smooth and effective recovery after surgery.",          imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227832.jpg",          imageAlt: "A patient doing knee exercises post-surgery"},
        {
          title: "Sports Injury Treatment",          description: "Targeted therapies to accelerate healing and prevent re-injury for athletes of all levels.",          imageSrc: "http://img.b2bpic.net/free-photo/deep-quad-pressure-massage-post-workout-recovery_169016-69196.jpg",          imageAlt: "An athlete stretching their leg with assistance"},
      ]}
      title="Our Comprehensive Rehabilitation & Care Services"
      description="We offer a wide range of services designed to meet your individual needs, promoting optimal recovery and enhanced quality of life."
      tag="What We Offer"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      carouselMode="buttons"
      metrics={[
        {
          id: "m1",          value: "200+",          title: "Certified Therapists",          description: "A team of highly skilled and compassionate professionals ready to serve you.",          icon: Users,
        },
        {
          id: "m2",          value: "10K+",          title: "Successful Recoveries",          description: "Thousands of patients have achieved their health goals with our support.",          icon: LifeBuoy,
        },
        {
          id: "m3",          value: "24/7",          title: "Dedicated Support",          description: "Always here for you, providing continuous care and assistance.",          icon: Clock,
        },
        {
          id: "m4",          value: "99%",          title: "Safety Record",          description: "Prioritizing your safety and well-being in every aspect of care.",          icon: ShieldCheck,
        },
      ]}
      title="Our Commitment to Excellence"
      description="Discover the impact of our dedication through key figures that reflect our unwavering commitment to patient care and successful outcomes."
      tag="Impact & Trust"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      members={[
        {
          id: "t1",          name: "Dr. Sarah Chen",          role: "Lead Physiotherapist",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-doctor-with-stethoscope-clinic_1303-19761.jpg",          imageAlt: "Dr. Sarah Chen, Lead Physiotherapist"},
        {
          id: "t2",          name: "Emily Rodriguez",          role: "Head of Home Care",          imageSrc: "http://img.b2bpic.net/free-photo/old-man-nursing-home-helped-by-female-doctor-take-his-medicine_482257-22857.jpg",          imageAlt: "Emily Rodriguez, Head of Home Care"},
        {
          id: "t3",          name: "David Kim",          role: "Sports Rehabilitation Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071494.jpg",          imageAlt: "David Kim, Sports Rehabilitation Specialist"},
      ]}
      title="Meet Our Dedicated Team"
      description="Our team of certified professionals is passionate about helping you achieve your health and wellness goals. With diverse expertise and a shared commitment to compassionate care, we are here to support you every step of the way."
      tag="Expert Caregivers"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "tst1",          name: "Maria G.",          role: "Retired Teacher",          company: "Local Community",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg",          imageAlt: "Maria G."},
        {
          id: "tst2",          name: "John D.",          role: "Professional Athlete",          company: "Sports Federation",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2553.jpg",          imageAlt: "John D."},
        {
          id: "tst3",          name: "Aisha R.",          role: "Marketing Executive",          company: "Tech Innovations",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-greeting-handshaking-with-senior-patient-his-office-focus-is-senior-man_637285-1473.jpg",          imageAlt: "Aisha R."},
        {
          id: "tst4",          name: "Robert B.",          role: "Elderly Patient",          company: "Home Care Client",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207219.jpg",          imageAlt: "Robert B."},
        {
          id: "tst5",          name: "Sophia L.",          role: "Student",          company: "Local University",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-crossing-arms_1187-3777.jpg",          imageAlt: "Sophia L."},
      ]}
      kpiItems={[
        {
          value: "Trust",          label: "Built on Care"},
        {
          value: "Support",          label: "Every Step"},
        {
          value: "Results",          label: "That Last"},
      ]}
      title="Hear From Our Happy Patients"
      description="Nothing speaks louder than the experiences of those we've helped. Read heartfelt testimonials from individuals who have found healing and renewed independence with PhysioHeal Center."
      tag="Success Stories"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "What types of conditions do you treat?",          content: "We treat a wide range of conditions including post-surgical rehabilitation, chronic back and neck pain, sports injuries, neurological disorders, and mobility issues related to aging."},
        {
          id: "f2",          title: "Do you offer home-based physiotherapy?",          content: "Yes, we provide comprehensive home-based physiotherapy services tailored to your needs, ensuring comfort and convenience for patients who prefer or require care at home."},
        {
          id: "f3",          title: "How do I book an appointment?",          content: "You can book an appointment by calling us directly, filling out the contact form on our website, or sending us an email. Our team will get back to you promptly to schedule your consultation."},
        {
          id: "f4",          title: "Are your services covered by insurance?",          content: "We work with most major insurance providers. Please contact us with your insurance details, and our administrative team will help verify your coverage and explain the process."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/african-american-doctor-using-touchpad-while-talking-senior-woman-nursing-home_637285-11318.jpg"
      imageAlt="A doctor explaining patient care to a family member"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Your Questions, Answered"
      description="Find quick answers to the most common questions about our rehabilitation and home care services, insurance, appointments, and what to expect during your treatment."
      tag="Common Queries"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static"}}
      tag="Get in Touch"
      title="Ready to Start Your Recovery Journey?"
      description="Contact PhysioHeal Center today to schedule a consultation or learn more about our personalized rehabilitation and home care services. We're here to help you heal and thrive."
      inputPlaceholder="Enter your email"
      buttonText="Send Message"
      termsText="By submitting your details, you agree to our Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Physical Therapy",              href: "#services"},
            {
              label: "Home Care",              href: "#services"},
            {
              label: "Post-Op Rehab",              href: "#services"},
            {
              label: "Sports Injury",              href: "#services"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQs",              href: "#faq"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Book Appointment",              href: "#contact"},
            {
              label: "Location",              href: "#contact"},
            {
              label: "Email Us",              href: "mailto:info@physioheal.com"},
            {
              label: "Call Us",              href: "tel:+1234567890"},
          ],
        },
      ]}
      bottomLeftText="© 2024 PhysioHeal Center. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
