'use client'
import Link from "next/link"
import Layout from "@/components/layout/Layout"
import { motion } from "framer-motion"
import TestimonialSlider1 from '@/components/slider/TestimonialSlider1'
import PortfolioFilter1 from "@/components/elements/Shortcodes"
import CounterUp from "@/components/elements/CounterUp"
import Image from "next/image";


import { teamMembers } from "@/utils/constant.utils";
import GoogleReviewsBranding from "@/components/GoogleReviewsBranding"

export default function Home() {

    return (
        <Layout
            headerStyle={1}
            footerStyle={1}
            breadcrumbTitle="Shortcodes"
            bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
        >
            <section className="pricing-section sec-pad">
                <div className="auto-container">
                    <div className="sec-title mb_50 centred">
                        <span className="sub-title">Shortcodes</span>
                        <h2>Icon List Content</h2>
                    </div>
                    <div className="row clearfix">
                        <div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
                            <div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                <div className="pricing-table">
                                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
                                    <div className="table-content">
                                        <ul className="feature-list clearfix">
                                            <li>Available 24/7 to support client needs</li>
                                            <li>Flexible and quick appointment scheduling</li>
                                            <li>Guidance and support for care decisions</li>
                                            <li>Comprehensive care management with family coordination</li>
                                            <li>Staffing levels higher than traditional care agencies</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
                            <div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
                                <div className="pricing-table">
                                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
                                    <div className="table-content">
                                        <ul className="feature-list clearfix">
                                            <li>Help with walking, mobility, and transfers from bed or wheelchair</li>
                                            <li>Assistance with bathing, dressing, and daily grooming</li>
                                            <li>Medication reminders and routine monitoring</li>
                                            <li>Safety support and fall-prevention oversight</li>
                                            <li>Toileting support and incontinence care</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
                            <div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                                <div className="pricing-table">
                                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
                                    <div className="table-content">
                                        <ul className="feature-list clearfix">
                                            <li>Light housekeeping to maintain a clean environment</li>
                                            <li>Meal prep and nutritional support</li>
                                            <li>Grocery shopping and essential errands</li>
                                            <li>Transportation to social and recreational activities</li>
                                            <li>Support with gentle exercise and outdoor activities</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            {/* <section className="solutions-section pt-0">
                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="col-lg-4 col-md-6 col-sm-12 content-column">
                            <div className="content-box">
                                <div className="progress-inner mb_50">
                                    <ul className="list-style-one clearfix mt-4">
                                        <li>On call 24/7 for client needs</li>
                                        <li>Flexible and fast scheduling</li>
                                        <li>Regular quality assurance</li>
                                        <li>Thorough care management and family support</li>
                                        <li>Double the care team staff of other agencies</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 content-column">
                            <div className="content-box">
                                <div className="progress-inner mb_50">
                                    <ul className="list-style-one clearfix mt-4">
                                        <li>Medication reminders</li>
                                        <li>Safety and fall prevention</li>
                                        <li>Toileting and incontinence care</li>
                                        <li>Bathing, dressing and grooming assistance</li>
                                        <li>Assisting with walking and transferring from bed to wheelchair</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 content-column">
                            <div className="content-box">
                                <div className="progress-inner mb_50">
                                    <ul className="list-style-one clearfix mt-4">
                                        <li>Light housekeeping</li>
                                        <li>Meal preparation and nutrition</li>
                                        <li>Grocery shopping and errands</li>
                                        <li>Transportation to social and recreational activities</li>
                                        <li>Assistance with light exercise and outdoor activity</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section> */}

            <section className="feature-section pb_90">
                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <ul className="list-style-one clearfix mt-4">
                                        <li>Routine vital-sign checks to track ongoing health changes</li>
                                        <li>Monitoring symptoms and reporting concerns promptly</li>
                                        <li>Support with managing chronic health conditions at home</li>
                                        <li>Guidance on hydration, rest, and daily wellness habits</li>
                                        <li>Coordinated communication with healthcare providers</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <ul className="list-style-one clearfix mt-4">
                                        <li>Friendly companion visits to reduce loneliness and isolation</li>
                                        <li>Assistance with hobbies, reading, and meaningful activities</li>
                                        <li>Encouragement to stay socially connected with family</li>
                                        <li>Calm reassurance during stressful or challenging moments</li>
                                        <li>Conversation-based support to promote emotional wellbeing</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <ul className="list-style-one clearfix mt-4">
                                        <li>Home safety evaluations to identify risk factors and hazards</li>
                                        <li>Recommendations for simple accessibility improvements</li>
                                        <li>Assistance organizing household items for easy reach</li>
                                        <li>Support with managing home clutter and safe pathways</li>
                                        <li>Help adapting living spaces to suit mobility needs</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="feature-section pb_90">
                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
                                    <h3><Link href="/" aria-label="Daily care experts">Daily Care Experts</Link></h3>
                                    <p>We deliver reliable around-the-clock support designed to help seniors stay independent, safe, and comfortable at home.</p>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="Balanced Care" /></div>
                                    <h3><Link href="/" aria-label="Balanced care">Balanced Care</Link></h3>
                                    <p>Our holistic care approach supports a healthier mind, body, and spirit—promoting long-term wellbeing for every client.</p>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="Peace of Mind" /></div>
                                    <h3><Link href="/" aria-label="Peace of mind">Peace of Mind</Link></h3>
                                    <p>Independent satisfaction surveys consistently rate our services at 97%, giving families confidence in the care we provide.</p>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="Available 24/7" /></div>
                                    <h3><Link href="/" aria-label="Availabele 24/7">Available 24/7</Link></h3>
                                    <p>Our caregivers are accessible day and night to ensure your loved one always receives timely support and personal attention.</p>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="High Caliber Caregivers" /></div>
                                    <h3><Link href="/" aria-label="High caliber caregivers">High Caliber Caregivers</Link></h3>
                                    <p>We hire only top-tier applicants and provide continuous training to maintain exceptional quality and compassionate care.</p>
                                </div>
                            </div>
                        </div>

                        <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="A Trusted Partner" /></div>
                                    <h3><Link href="/" aria-label="A trusted partner">A Trusted Partner</Link></h3>
                                    <p>Families and healthcare professionals rely on us as a preferred home-care provider for dependable and expert elder support.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="chooseus-style-two bg-color-1 pt_90 pb_90">
                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="content-box">

                            <div className="row clearfix">
                                <div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
                                    <motion.div
                                        className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
                                        initial={{ opacity: 0, x: 100 }}
                                        whileInView={{ opacity: 1, x: 0 }}
                                        transition={{ duration: 0.8, ease: "easeOut" }}
                                        viewport={{ once: true }}
                                    >
                                        <div className="inner-box w-100 pb-0">
                                            <div className="icon-box mb-3 mb-lg-0">
                                                <img src="/assets/images/shortcodes/icons/talk.webp" alt="Talk to one of our homecare experts, who understands your situation" />
                                            </div>
                                            <h3 className="h3-white">Talk to a Homecare Expert Who Truly Understands Your Situation</h3>
                                            <p className="mb-5 tex-color-1">
                                                You deserve a care provider who genuinely understands what you’re facing and has the experience to support you through it. At NanoCare, you’re never alone - our team draws on real-world expertise and years of caring for families with similar challenges across the U.S. We listen, guide, and help you find the right care solutions with compassion and clarity.
                                            </p>
                                        </div>
                                    </motion.div>
                                </div>

                                <div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
                                    <motion.div
                                        className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
                                        initial={{ opacity: 0, x: -100 }}
                                        whileInView={{ opacity: 1, x: 0 }}
                                        transition={{ duration: 0.8, ease: "easeOut" }}
                                        viewport={{ once: true }}
                                    >
                                        <div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
                                            <div className="icon-box ml-lg-3 mb-3 mb-lg-0">
                                                <img src="/assets/images/shortcodes/icons/arrange.webp" alt="Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs" />
                                            </div>
                                            <div>
                                                <h3 className="h3-white">Book a Free In-Home Assessment and Receive a Personalized Care Plan Designed for You</h3>
                                                <p className="mb-5 tex-color-1">
                                                    Every care journey is unique. That’s why we begin with a free in-home assessment to fully understand your needs, routines, and preferences. You’ll have the chance to review and approve a customized care plan designed to provide the safest, most effective way for our caregivers to support you. This thorough process ensures your care always fits your life - not the other way around.
                                                </p>
                                            </div>
                                        </div>
                                    </motion.div>
                                </div>
                            </div>

                            <div className="row clearfix mt-4">
                                <div className="col-lg-12 col-md-12 col-sm-12 chooseus-block">
                                    <motion.div
                                        className="chooseus-block-one d-flex justify-content-center justify-content-lg-end text-lg-left"
                                        initial={{ opacity: 0, x: 100 }}
                                        whileInView={{ opacity: 1, x: 0 }}
                                        transition={{ duration: 0.8, ease: "easeOut" }}
                                        viewport={{ once: true }}
                                    >
                                        <div className="inner-box w-100 pb-0">
                                            <div className="icon-box mb-3 mb-lg-0">
                                                <img src="/assets/images/shortcodes/icons/review.webp" alt="Review Our Care Proposal & Revise as You See Fit" />
                                            </div>
                                            <h3 className="h3-white">Review Your Care Plan & Adjust It Anytime</h3>
                                            <p className="mb-5 tex-color-1">
                                                Once you’ve reviewed and approved your customized care plan, NanoCare ensures a perfect caregiver match. We closely monitor the first visit so you can share your feedback and tell us if everything feels right. If the fit isn’t ideal, we use your input to quickly make adjustments and match you with the right caregiver for future visits.
                                            </p>
                                        </div>
                                    </motion.div>
                                </div>

                                <div className="col-lg-12 col-md-12 col-sm-12 chooseus-block mt-4">
                                    <motion.div
                                        className="chooseus-block-one d-flex justify-content-center justify-content-lg-start text-lg-left"
                                        initial={{ opacity: 0, x: -100 }}
                                        whileInView={{ opacity: 1, x: 0 }}
                                        transition={{ duration: 0.8, ease: "easeOut" }}
                                        viewport={{ once: true }}
                                    >
                                        <div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
                                            <div className="icon-box ml-lg-3 mb-3 mb-lg-0">
                                                <img src="/assets/images/shortcodes/icons/schedule.webp" alt="Schedule for Care to Start" />
                                            </div>
                                            <div>
                                                <h3 className="h3-white">Schedule Your Care to Begin</h3>
                                                <p className="mb-5 tex-color-1">
                                                    NanoCare offers a secure, easy-to-use online portal called <strong>Family Room, </strong>
                                                    accessible from any mobile device or computer. You can view your care schedule, see which caregiver is assigned, track completed tasks, and monitor any notes or concerns in real time. This keeps your entire care experience transparent, organized, and stress-free.
                                                </p>
                                            </div>
                                        </div>
                                    </motion.div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>

            <section className="process-section pt_90 pb_90">
                <div className="pattern-layer">
                    <Image
                        // loader={exportableLoader}
                        src="/assets/images/shape/shape-19.png"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>
                {/* <div className="shape">
                    <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
                    <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
                    <div className="shape-3"></div>
                </div> */}
                <div className="auto-container">
                    <div className="inner-container">
                        <div className="arrow-shape">
                            <Image
                                // loader={exportableLoader}
                                src="/assets/images/shape/shape-18.webp"
                                alt=" Physiotherapy at Rapharehab"
                                fill
                                style={{ objectFit: "cover" }}
                            />
                        </div>
                        <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div className="inner-box">
                                <span className="count-text">01</span>
                                <figure className="image-box"><img src="/assets/images/shortcodes/step/step-1.webp" alt="call and speak" /></figure>
                                <div className="lower-content">
                                    <h3>Step 1</h3>
                                    <p>Call and connect with a member of our friendly team. They’ll walk you through the setup process, explain how our services work, and outline the care packages available to you.</p>
                                </div>
                            </div>
                        </div>
                        <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div className="inner-box">
                                <span className="count-text">02</span>
                                <figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="Physiotherapy at Rapharehab" /></figure>
                                <div className="lower-content">
                                    <h3>Step 2</h3>
                                    <p>Schedule a home visit, where we’ll provide a free, no-obligation assessment. This helps us understand your needs and recommend the right care approach for you or your loved one.</p>
                                </div>
                            </div>
                        </div>
                        <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div className="inner-box">
                                <span className="count-text">03</span>
                                <figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="Physiotherapy at Rapharehab" /></figure>
                                <div className="lower-content">
                                    <h3>Step 3</h3>
                                    <p>Once you’re happy with the plan, we’ll set up your personalized care package and introduce you to your dedicated Care Worker to begin your support smoothly.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="testimonial-style-two p_relative bg-color-1">
                {/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
                <div className="auto-container">
                    <div className="row align-items-center flex-row-reverse">
                        {/* RIGHT IMAGE / LEFT CONTENT */}
                        <div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
                            <div className="image_block_two pl_30 pb_30">
                                <div className="image-box raw-image">
                                    <figure className="image image-1-ho-new raw "><img src="/assets/images/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
                                    <figure className="image image-2-new "><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
                                    {/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-6 col-md-12 col-sm-12 content-column mb-5">
                            <div className="content_block_one">
                                <div className="content-box">
                                    <div className="sec-title-1 mb_15">
                                        <h2>Why Choose Us</h2>
                                    </div>
                                    <div className="text-box mb_40">
                                        <p className="tex-color-1">NanoCare is dedicated to being a steady support system for you and your loved ones - offering honest guidance, compassionate care, and trusted expertise during sensitive moments. We believe no family should feel overwhelmed or alone when navigating senior home care options.</p>
                                    </div>
                                    <div className="btn-box">
                                        <Link href="/contact" className="theme-btn btn-one-new" aria-label="Booke appointment"><span>Book Appointment</span></Link>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="service-section pt_90 pb_90" id="service">
                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="col-lg-4 col-md-6 col-sm-12 service-block">
                            <div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                <div className="inner-box">
                                    <div className="image-box">
                                        <figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="Hourly home care" /></figure>
                                    </div>
                                    <div className="lower-content2">
                                        <h3>Hourly Home Care</h3>
                                        <p>Hourly home care gives clients the flexibility to access support only when needed. Whether it’s help with meals, personal care, or companionship, our caregivers provide reliable assistance on an hourly or as-needed basis.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-4 col-md-6 col-sm-12 service-block">
                            <div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
                                <div className="inner-box">
                                    <div className="image-box">
                                        <figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="Daily home care" /></figure>
                                    </div>
                                    <div className="lower-content2">
                                        <h3>Daily Home Care</h3>
                                        <p>Daily home care ensures older adults receive consistent 24/7 support right at home. From morning routines to evening check-ins, families gain peace of mind knowing their loved one has dependable, round-the-clock care.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-4 col-md-6 col-sm-12 service-block">
                            <div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                                <div className="inner-box">
                                    <div className="image-box">
                                        <figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="Hospital to home care" /></figure>
                                    </div>
                                    <div className="lower-content2">
                                        <h3>Hospital to Home Care</h3>
                                        <p>Transitioning from hospital to home can be challenging without proper support. Our hospital-to-home services assist with safe discharge, recovery routines, medication reminders, and mobility help - reducing readmissions and promoting a smoother recovery at home.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="testimonial-section pt_90 pb_90 bg-color-1" id="testimonial">
                <div className="bg-layer">
                    <Image
                        // loader={exportableLoader}
                        src="/assets/images/shortcodes/testimonials-carousel.webp"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>

                <div className="pattern-layer">
                    <Image
                        // loader={exportableLoader}
                        src="/assets/images/shape/shape-21.webp"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>


                <div className="auto-container">
                    <div className="row clearfix">
                        <div className="col-xl-6 col-lg-12 col-md-12 offset-xl-6 content-column">
                            <div className="content-box p_relative ml_45">
                                <div className="sec-title-1 mb_40">
                                    <span className="sub-title-1 mb-1">Google Reviews</span>

                                    {/* Exact same stars as testimonial */}
                                    <ul className="rating clearfix mb_15 d-flex gap-2">
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star"></i></li>
                                        <li><i className="fas fa-star-half-alt"></i></li>
                                    </ul>


                                    <h2>What Our Clients Say About Rapharehab</h2>
                                    <GoogleReviewsBranding />
                                </div>
                                <div className="content-box">
                                    <TestimonialSlider1 />
                                </div>
                                <div className="btn-box mt-3 mb-5">
                                    <Link
                                        href="https://g.page/r/CYOR2OnruwHpEAE/review"
                                        target="_blank"
                                        rel="noopener noreferrer"
                                        className="theme-btn btn-one-new-raw"
                                        aria-label="Reviee us on google">
                                        <span>Review us on Google</span>
                                    </Link>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="funfact-section centred mt-3">
                <div className="auto-container">
                    <div className="inner-container">
                        <div className="row clearfix">
                            <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">

                                        <div className="count-outer count-box">
                                            <CounterUp end={2000} /><span>+</span>
                                        </div>
                                        <span className="text-new">Patients Successfully Treated</span>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">

                                        <div className="count-outer count-box">
                                            <CounterUp end={300} /><span>+</span>
                                        </div>
                                        <span className="text-new">Treatment Plans Delivered Each Year</span>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">

                                        <div className="count-outer count-box">
                                            <CounterUp end={68} /><span></span>
                                        </div>
                                        <span className="text-new">Specialized Techniques & Modalities </span>
                                    </div>
                                </div>
                            </div>
                            <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
                                <div className="funfact-block-one">
                                    <div className="inner-box">

                                        <div className="count-outer count-box">
                                            <CounterUp end={97} /><span>%</span>
                                        </div>
                                        <span className="text-new">Patient Satisfaction Rating</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="team-section pt_90 pb_90 centred">
                <div className="auto-container">
                    <div className="sec-title mb_50">
                        <span className="sub-title">Meet the Team</span>
                        <h2>Meet Our Experienced Therapists <br />for Exceptional Care</h2>
                    </div>
                    <div className="row clearfix justify-content-center">
                        {teamMembers.map((member, index) => (
                            <div key={member.id} className="col-lg-4 col-md-6 col-sm-12 team-block">
                                <div
                                    className="team-block-two wow fadeInUp animated"
                                    data-wow-delay={`${index * 200}ms`}
                                    data-wow-duration="1500ms"
                                >
                                    <div className="inner-box">
                                        <div className="image-box">
                                            <figure className="image">
                                                <img
                                                    src={member.image}
                                                    alt={member.name}
                                                    style={{ width: "410px", height: "444px", objectFit: "cover" }}
                                                />
                                            </figure>
                                        </div>
                                        <div className="lower-content">
                                            <h3>
                                                <Link href={`/our-team-physiotherapy-etobicoke/${member.slug}`} aria-label="Our team physiotherapy etobicoke members name">{member.name}</Link>
                                            </h3>
                                            <span className="designation">{member.designation}</span>
                                            {/* <ul className="social-links clearfix">
                          {member.socials.map((social, idx) => (
                            <li key={idx}>
                              <Link href={social.link}><i className={social.icon}></i></Link>
                            </li>
                          ))}
                        </ul> */}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        ))}
                    </div>
                </div>
            </section>

            <section className="gallery-section pt_90 pb_90 bg-color-2">
                <div className="outer-container">
                    <div className="sec-title-1 centred mb_30">
                        <h2>Tabbed & vertical tabbed content</h2>
                    </div>
                    {/*Sortable Galery*/}
                    <div className="sortable-masonry">
                        {/*Filter*/}
                        <PortfolioFilter1 />
                    </div>
                </div>
            </section>
        </Layout>
    )
}
