'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";

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>On call 24/7 for client needs</li>
                                            <li>Flexible and fast scheduling</li>
                                            <li>Discuss and receive guidance</li>
                                            <li>Thorough care management and family support</li>
                                            <li>Double the care team staff of other 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>Assisting with walking and transferring from bed to wheelchair</li>
                                            <li>Bathing, dressing and grooming assistance</li>
                                            <li>Medication reminders</li>
                                            <li>Safety and fall prevention</li>
                                            <li>Toileting 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</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>
                </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>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 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <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 feature-block">
                            <div className="feature-block-one">
                                <div className="inner-box">
                                    <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">
                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="Daily Care Experts" /></div>
                                    <h3><Link href="/">Daily Care Experts</Link></h3>
                                    <p>We specialize in around the clock care to help seniors live well 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="/">Balanced Care</Link></h3>
                                    <p>Our unique approach to care promotes healthy mind, body and spirit.</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="/">Peace of Mind</Link></h3>
                                    <p>Independent industry surveys place our client satisfaction rate at 97%.</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="/">Available 24/7</Link></h3>
                                    <p>We are available 24 hours a day to provide your loved one with a caregiver.</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="/">High Caliber Caregivers</Link></h3>
                                    <p>We typically hire only 1 in 25 applicants and provide ongoing training.</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="/">A Trusted Partner</Link></h3>
                                    <p>Nano Home Care is the trusted referral choice for elder care professionals.</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 one of our homecare experts, who understands your situation</h3>
                                            <p className="mb-5 tex-color-1">
                                                You want to know your care provider understands what you’re going through and has the experience and
                                                expertise to address your needs. With NanoCare, you are not alone. We know how to help you because we
                                                have learned through personal experience as well as caring for hundreds of families and clients who face
                                                similar challenges in the US.
                                            </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">Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
                                                <p className="mb-5 tex-color-1">
                                                    Every care situation has differences and nuances; therefore, a free in-home assessment is required to
                                                    prepare a thorough care plan just for your needs that you can review, revise, and approve. This personalized
                                                    care plan will identify the best ways our caregiver can serve you.
                                                </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 Our Care Proposal & Revise as You See Fit</h3>
                                            <p className="mb-5 tex-color-1">
                                                Once you have reviewed and approved the care plan, at NanoCare we guarantee caregiver compatibility.
                                                We strive to make a successful match at the first shift. We follow up after the first shift so that you can
                                                tell us whether we have the right match. In the unusual case where we miss, we use the feedback to
                                                select the right one for subsequent 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 for Care to Start</h3>
                                                <p className="mb-5 tex-color-1">
                                                    NanoCare provides a secure, confidential, and easy-to-use Web application called <strong>Family Room</strong>
                                                    that you can access using a mobile device or on a desktop computer. You can see the schedule, who the
                                                    caregivers are, tasks planned, completed, and, if incomplete, the reason for it, and any care notes and concerns.
                                                </p>
                                            </div>
                                        </div>
                                    </motion.div>
                                </div>
                            </div>

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

            <section className="process-section pt_90 pb_90">
                <div className="pattern-layer">
                    <Image
                        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
                                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 speak to one of our friendly team who will discuss the setup process and outline our packages.</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>Request a home visit where we will provide you with a free, no obligation assessment.</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 agreed, we will setup your care package and introduce you to your Care Worker.</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 committed to being your shoulder to lean on and providing honest advice for your loved one’s situation during this delicate time. No one should feel alone when looking for senior home care solutions. </p>
                                    </div>
                                    <div className="btn-box">
                                        <Link href="/contact" className="theme-btn btn-one-new"><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 allows clients to use our caregivers 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 Care provides older adults with 24/7, around-the-clock care. Clients and their families enjoy peace of mind with reliable.</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>One of the leading causes of hospital readmission or slow post-hospitalization recovery is the lack of proper support following a hospital discharge.</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
                        src="/assets/images/shortcodes/testimonials-carousel.webp"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>

                <div className="pattern-layer">
                    <Image
                        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_50">
                                    <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 Rapha Rehab</h2>
                                </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"
                                    >
                                        <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">Home health care professionals</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">Office <br /> locations</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">States served by nanocare</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">Our client satisfaction rate</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}`}>{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>
    )
}
