'use client';
import Layout from "@/components/layout/Layout";
import Link from "next/link";
import Image from "next/image";
export default function Team() {
    const teamMembers = [
        // { name: 'Musculoskeletal Physiotherapy', role: 'Medical Assistant', image: 'assets/images/team/team-1.jpg' },
        { name: 'Musculoskeletal Physiotherapy', image: '/assets/images/why-us/img/musculo.webp' },
        { name: 'Sports Physiotherapy', image: '/assets/images/why-us/img/sports.webp' },
        { name: 'Clinical Pilates', image: '/assets/images/why-us/img/clinical-pilates.webp' },
        { name: 'Workplace & Occupational', image: '/assets/images/why-us/img/workplace.webp' },
        { name: 'Sports Rehabilitation', image: '/assets/images/why-us/img/sports-rehabilation.webp' },
        { name: 'Women’s health', image: '/assets/images/why-us/img/women-health.webp' },
        { name: 'Back & Neck Pain', image: '/assets/images/why-us/img/back-pain.webp' },
        { name: 'Fitness & Exercise Programs', image: '/assets/images/why-us/img/fitness.webp' },
        { name: 'Pregnancy and Post-natal', image: '/assets/images/why-us/img/pregnancy.webp' },
        { name: 'Headaches & Dizziness', image: '/assets/images/why-us/img/headache.webp' },
        { name: 'Injury Management', image: '/assets/images/why-us/img/injury.webp' },
        { name: 'Pre/Post Surgical Management', image: '/assets/images/why-us/img/surgical.webp' },
    ];
    return (
        <Layout headerStyle={1} footerStyle={1} breadcrumbTitle="Why Us" bannerImage="/assets/images/why-us/why-us-banner.webp">
            <section className="team-section pt_90 centred pb-0">
                <div className="pattern-layer">
                    <div className="pattern-1">
                        <Image
                            src="/assets/images/shape/shape-13.webp"
                            alt="Physiotherapy at Rapharehab"
                            fill
                            style={{ objectFit: "cover" }}
                        />
                    </div>

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


                </div>
                {/* <div className="shape">
                    <div className="shape-1 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
                    <div className="shape-2"></div>
                    <div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-16.png)' }}></div>
                </div> */}
                <div className="auto-container">
                    <div className="sec-title mb_50">
                        <span className="sub-title">Why Choose Us</span>
                        <h2>We have licensed and experienced therapists with particular interests and expertise in.</h2>
                    </div>
                    <div className="row clearfix">
                        {teamMembers.map((member, index) => (
                            <div key={index} className="col-lg-4 col-md-6 col-sm-12 team-block">
                                <div className="team-block-one 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}`} /></figure>
                                            {/* <ul className="social-links clearfix">
                                                <li><Link href="/#"><i className="icon-4"></i></Link></li>
                                                <li><Link href="/#"><i className="icon-5"></i></Link></li>
                                                <li><Link href="/#"><i className="icon-6"></i></Link></li>
                                                <li><Link href="/#"><i className="icon-7"></i></Link></li>
                                            </ul> */}
                                        </div>
                                        <div className="lower-content">
                                            <h3>{member.name}</h3>
                                            <span className="designation">{member.role}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        ))}
                    </div>
                </div>
            </section>


            <section className="testimonial-style-two pb_90 p_relative">
                <div className="pattern-layer">
                    <Image
                        src="/assets/images/shape/shape-19.png"
                        alt="Physiotherapy at Rapharehab"
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>
                <div className="auto-container">
                    <div className="row align-items-center">
                        {/* LEFT IMAGE / RIGHT CONTENT */}
                        <div className="col-lg-6 col-md-12 col-sm-12 image-column order-2 order-lg-1">
                            <div className="image_block_two">
                                <div className="image-box">
                                    <figure className="image image-1-ho renderd-area"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
                                    <figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="health care professionals" /></figure>
                                    <div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="health care professionals" /></div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2 pr_30">
                            <div className="content_block_one">
                                <div className="content-box">
                                    {/* <div className="sec-title mb_15">
                                        <span className="sub-title">About Us</span>
                                        <h2>Medical services & diagnostics</h2>
                                    </div> */}
                                    <div className="text-box mb_40">
                                        <ul className="list-style-one clearfix">
                                            <li>Team of health care professionals – We are a team of health care professionals working together to help get you better, faster. This helps us in rendering our best possible services to our clients.</li>
                                            <li>Our health care team consists of Physiotherapists, Massage Therapists, acupuncture specialists & other health care professionals, each bringing you their distinctive skills and abilities to assist you in improving your health & providing you with the latest evidence-based treatments.</li>
                                            <li>Health insurance – If you have a health insurance, we treat you without asking for an upfront payment. Instead we bill your insurance company directly without creating a hassle for you.</li>
                                            <li>Wide range of services and treatments – We offer wide range of unique services such as physiotherapy, sports rehabilitation, acupuncture, manual therapy, motor vehicle accident rehabilitation, work related injury treatments, chronic injury management and other services so we can assist you in recovering to the best possible condition.</li>
                                            <li>Flexible opening hours – Our clinic is conveniently located in etobicoke and scarborough and provide you the best services even in early mornings and late evenings.</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="testimonial-style-two p_relative pt-5">
                {/* <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">
                                <div className="image-box">
                                    <figure className="image image-1-ho renderd-area"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
                                    <figure className="image image-2 rowImage"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
                                    <div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="Top-Notch Treatment" /></div>
                                </div>
                            </div>
                        </div>
                        <div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
                            <div className="content_block_one pr_30">
                                <div className="content-box">
                                    {/* <div className="sec-title mb_15">
                                        <span className="sub-title">About Us</span>
                                        <h2>Medical services & diagnostics</h2>
                                    </div> */}
                                    <div className="text-box mb_40">
                                        <ul className="list-style-one clearfix">
                                            <li>Top-Notch Treatment – Under our care, you will be placed in a supportive and comfortable environment helping you receive care in comfortable and supportive environment designed to address your issues.</li>
                                            <li>Personalized Treatment Plan – We offer One-on-one care with a skilled therapist allows us to develop a plan specific to your particular needs results in a faster recovery.</li>
                                            <li>We listen & take time – We listen & take time to get to know you properly – Right from the start with your inquiry, we are here to listen and help find the root cause of your problem.</li>
                                            <li>Our treatment rooms – Our treatment rooms are fully equipped and private.</li>
                                            <li>Strong network of health professionals – We have a strong network of health professionals to refer to, making sure you get the right diagnosis and correct treatment for your condition.</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section className="video-section p_relative">
                <div className="bg-layer parallax-bg" data-parallax='{"y": 100}'>
                    <Image
                        src="/assets/images/why-us/bg.webp"
                        alt=" Physiotherapy at Rapharehab "
                        fill
                        style={{ objectFit: "cover" }}
                    />
                </div>

                <figure className="image-layer"><img src="/assets/images/why-us/img.webp" alt="Physiotherapy at Rapharehab" /></figure>
                <div className="auto-container">
                    <div className="inner-box">
                        <div className="shape new-arrow">
                            <Image
                                src="/assets/images/shape/shape-17.png"
                                alt="Physiotherapy at Rapharehab"
                                fill
                                style={{ objectFit: "cover" }}
                            />
                        </div>

                        {/* <div className="video-btn">
          <a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
                            <span className="border-animation border-1"></span>
                            <span className="border-animation border-2"></span>
                            <span className="border-animation border-3"></span>
          </a>
          </div> */}
                        <p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our  etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434  for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
                        <div className="btn-box mt-4">
                            <Link href="/contact" className="theme-btn btn-one-blue">
                                <span>Make an Appointment</span>
                            </Link>
                        </div>

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

        </Layout>
    );
}
