408 lines
23 KiB
JavaScript
408 lines
23 KiB
JavaScript
'use client'
|
||
import Layout from "@/components/layout/Layout";
|
||
import Link from "next/link";
|
||
import { teamMembers } from "@/utils/constant.utils";
|
||
|
||
export default function Home() {
|
||
return (
|
||
<>
|
||
<Layout headerStyle={1} footerStyle={1} breadcrumbTitle="Our Team" bannerImage="/assets/images/our-team/our-team-banner.webp">
|
||
|
||
{/* ─── SECTION 1: Intro ─── */}
|
||
<section className="about-style-three pt_90 pb_90">
|
||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||
<div className="content_block_one">
|
||
<div className="content-box">
|
||
<div className="sec-title mb_25">
|
||
<span className="sub-title">Physiotherapy Experts in Etobicoke</span>
|
||
<h2>Meet Our Physiotherapy & Rehabilitation Team in Etobicoke</h2>
|
||
</div>
|
||
<div className="text-box">
|
||
<p className="mb_15" style={{ fontSize: '18px', fontWeight: '500', color: '#102548' }}>Behind every successful recovery is a skilled and dedicated professional team.</p>
|
||
<p>At Rapha Rehab, our clinicians bring years of experience, advanced training, and a deep commitment to patient-centered care. As one of the best physiotherapy clinics in Etobicoke, we believe expertise combined with compassion leads to exceptional outcomes.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mt-5 mt-lg-0">
|
||
<div className="image_block_three">
|
||
<div className="image-box">
|
||
<figure className="image image-2">
|
||
<img src="/assets/images/our-team/our-team-banner.webp" alt="Our Physiotherapy Team in Etobicoke" className="img-fluid rounded shadow-lg" />
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 2: Professionals ─── */}
|
||
<section className="about-style-two pt_90 pb_90 bg-color-1">
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||
<div className="image_block_three">
|
||
<div className="image-box" style={{ paddingLeft: '0', marginRight: '0' }}>
|
||
<figure className="image image-1">
|
||
<img src="/assets/images/home/welcome/home-welcome.webp" alt="Physiotherapy Experts" className="rounded shadow" style={{ maxWidth: '400px' }} />
|
||
</figure>
|
||
<figure className="image image-2" style={{ left: '150px', top: '80px', transform: 'rotate(5deg)' }}>
|
||
<img src="/assets/images/our-team/our-team-banner.webp" alt="Licensed Professionals" className="rounded shadow" style={{ maxWidth: '350px' }} />
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5 mt-lg-0">
|
||
<div className="content_block_one">
|
||
<div className="content-box ml_30">
|
||
<div className="sec-title mb_25">
|
||
<span className="sub-title" style={{ color: '#ff7a1a' }}>Licensed & Certified</span>
|
||
<h2 className="text-white">Experienced & Licensed Professionals</h2>
|
||
</div>
|
||
<div className="text-box">
|
||
<p className="text-white mb_20" style={{ fontWeight: '600' }}>Our team includes:</p>
|
||
<ul className="list-style-one mb_30 clearfix">
|
||
<li className="text-white">Licensed physiotherapists</li>
|
||
<li className="text-white">Rehabilitation specialists</li>
|
||
<li className="text-white">Manual therapy practitioners</li>
|
||
<li className="text-white">Sports injury therapists</li>
|
||
<li className="text-white">Post-surgical recovery experts</li>
|
||
</ul>
|
||
<p className="text-white mb_20">Each professional at our Etobicoke physiotherapy clinic maintains current certifications and participates in ongoing continuing education to stay updated with modern treatment techniques.</p>
|
||
<p className="text-white" style={{ borderLeft: '3px solid #102548', paddingLeft: '15px' }}>We believe continuous learning translates into better patient care.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 3: Specialties ─── */}
|
||
<section className="feature-section pt_90 pb_90 centred">
|
||
<div className="auto-container">
|
||
<div className="sec-title mb_50">
|
||
<span className="sub-title">Comprehensive Care</span>
|
||
<h2>Expertise Across Multiple Specialties</h2>
|
||
<p className="mt-3" style={{ maxWidth: '800px', margin: '0 auto' }}>This multidisciplinary expertise allows us to provide comprehensive rehabilitation under one roof. Our team has experience treating:</p>
|
||
</div>
|
||
<div className="row clearfix">
|
||
{[
|
||
{ title: "Joint dysfunction", icon: "icon-30" },
|
||
{ title: "Mobility impairments", icon: "icon-21" },
|
||
{ title: "Workplace injuries", icon: "icon-16" },
|
||
{ title: "Sports injuries", icon: "icon-21" },
|
||
{ title: "Post-surgical rehabilitation", icon: "icon-26" },
|
||
{ title: "Chronic back and neck pain", icon: "icon-28" },
|
||
{ title: "Motor vehicle accident injuries", icon: "icon-30" },
|
||
{ title: "Neurological rehabilitation therapy", icon: "icon-19" },
|
||
].map((item, idx) => (
|
||
<div key={idx} className="col-lg-3 col-md-6 col-sm-12 feature-block mb_30">
|
||
<div className="feature-block-one">
|
||
<div className="inner-box p-4 shadow-sm h-100" style={{ border: '1px solid #f0f0f0', borderRadius: '15px' }}>
|
||
<div className="icon-box mb-3" style={{ fontSize: '40px', color: '#bc0000' }}>
|
||
<i className={item.icon}></i>
|
||
</div>
|
||
<h3 style={{ fontSize: '18px', fontWeight: '700' }}>{item.title}</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 4: Philosophy ─── */}
|
||
<section className="about-style-two pt_90 pb_90 bg-color-1" style={{ position: 'relative', overflow: 'hidden' }}>
|
||
<div className="pattern-layer" style={{ opacity: 0.05, backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-5 col-md-12 col-sm-12 content-column">
|
||
<div className="content_block_one">
|
||
<div className="content-box">
|
||
<div className="sec-title mb_25">
|
||
<h2 className="text-white">A Patient-First Philosophy</h2>
|
||
</div>
|
||
<div className="text-box">
|
||
<p className="mb_25 text-white" style={{ fontSize: '18px', lineHeight: '1.6em' }}>Clinical skill is important — but so is listening. We understand that pain and injury can be frustrating and emotionally challenging. That’s why we create a supportive and encouraging environment.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
||
<div className="row clearfix justify-content-center">
|
||
{[
|
||
{ title: "Clear communication", icon: "icon-21" },
|
||
{ title: "Thorough explanations", icon: "icon-19" },
|
||
{ title: "Respectful care", icon: "icon-30" },
|
||
{ title: "Realistic goal-setting", icon: "icon-16" },
|
||
{ title: "Motivational support", icon: "icon-21" },
|
||
].map((item, idx) => (
|
||
<div key={idx} className="col-lg-4 col-md-6 col-sm-12 mb_20">
|
||
<div className="inner-box p-3 text-center rounded shadow-sm h-100" style={{ background: 'rgba(255,255,255,0.08)', border: '1px solid rgba(255,255,255,0.15)' }}>
|
||
<i className={item.icon} style={{ fontSize: '30px', color: '#fff', marginBottom: '10px', display: 'block' }}></i>
|
||
<h4 className="text-white" style={{ fontSize: '15px', fontWeight: '700', margin: 0 }}>{item.title}</h4>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 5: Collaborative Care ─── */}
|
||
<section className="about-section pt_90 pb_90">
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||
<div className="content_block_one">
|
||
<div className="content-box">
|
||
<div className="sec-title mb_25">
|
||
<h2>Collaborative Care Approach</h2>
|
||
</div>
|
||
<div className="text-box">
|
||
<p className="mb_20">At Rapha Rehab, we believe teamwork improves outcomes. This ensures continuity of care for accident rehab patients and post-surgical recovery cases.</p>
|
||
<ul className="list-style-one clearfix">
|
||
<li>Family physicians</li>
|
||
<li>Orthopedic specialists</li>
|
||
<li>Surgeons</li>
|
||
<li>Insurance providers</li>
|
||
<li>Case managers</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mt-5 mt-lg-0">
|
||
<div className="image_block_four" style={{ position: 'relative' }}>
|
||
<div className="image-box" style={{ borderRadius: '50% 10% 50% 50%', overflow: 'hidden' }}>
|
||
<img src="/assets/images/home/welcome/home-welcome.webp" alt="Collaborative Care" className="img-fluid" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 6: Individualized Attention ─── */}
|
||
<section className="feature-section pt_90 pb_90 bg-color-1">
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
|
||
<div className="image-box px-4">
|
||
<img src="/assets/images/our-team/our-team-banner.webp" alt="One-on-one sessions" className="img-fluid rounded-pill border-5 border-white shadow shadow-white" style={{ border: '8px solid rgba(255,255,255,0.1)' }} />
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5 mt-lg-0">
|
||
<div className="content_block_one">
|
||
<div className="content-box">
|
||
<div className="sec-title mb_25">
|
||
<span className="sub-title" style={{ color: '#bc0000' }}>Quality Over Quantity</span>
|
||
<h2 className="text-white">Individualized Attention</h2>
|
||
</div>
|
||
<div className="text-box">
|
||
<p className="text-white mb_25">Unlike high-volume clinics, our physiotherapy clinic in Etobicoke emphasizes quality over quantity.</p>
|
||
<div className="row clearfix">
|
||
{[
|
||
"One-on-one treatment sessions",
|
||
"Personalized progress tracking",
|
||
"Adjusted therapy plans as needed",
|
||
"Close supervision during exercises"
|
||
].map((text, idx) => (
|
||
<div key={idx} className="col-md-6 mb_15">
|
||
<div className="d-flex align-items-center text-white">
|
||
<i className="icon-21 me-2" style={{ color: '#fff' }}></i>
|
||
<span style={{ fontSize: '15px' }}>{text}</span>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
<p className="text-white"> This focused attention accelerates healing and reduces the risk of setbacks.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 7: Passion for Performance ─── */}
|
||
<section className="about-style-two pt_90 pb_90">
|
||
<div className="auto-container">
|
||
<div className="sec-title centred mb_50">
|
||
<h2>Passion for Performance & Prevention</h2>
|
||
<p className="mt-3" style={{ maxWidth: '800px', margin: '0 auto' }}>Our team not only treats injuries — we prevent them. Whether you are an athlete, office worker, or senior adult, our therapists tailor strategies to your lifestyle.</p>
|
||
</div>
|
||
<div className="row clearfix">
|
||
{[
|
||
{ title: "Movement optimization", icon: "icon-30" },
|
||
{ title: "Postural correction", icon: "icon-21" },
|
||
{ title: "Athletic performance enhancement", icon: "icon-16" },
|
||
{ title: "Workplace ergonomics", icon: "icon-28" },
|
||
{ title: "Long-term strength development", icon: "icon-26" },
|
||
].map((item, idx) => (
|
||
<div key={idx} className="col-lg-4 col-md-6 col-sm-12 mb_30">
|
||
<div className="p-4 border rounded shadow-sm hover-shadow transition-all bg-white text-center h-100">
|
||
<div className="icon-box mb-3" style={{ width: '60px', height: '60px', background: '#f8f8f8', borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', margin: '0 auto' }}>
|
||
<i className={item.icon} style={{ fontSize: '24px', color: '#bc0000' }}></i>
|
||
</div>
|
||
<h3 style={{ fontSize: '18px', fontWeight: '700' }}>{item.title}</h3>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 8: Community-Focused ─── */}
|
||
<section className="about-style-three pt_90 pb_90 bg-color-1">
|
||
<div className="pattern-layer" style={{ opacity: 0.1, backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-6 col-md-12 col-sm-12 content-column">
|
||
<div className="content_block_one">
|
||
<div className="content-box">
|
||
<div className="sec-title mb_25">
|
||
<h2 className="text-white">Community-Focused Healthcare</h2>
|
||
</div>
|
||
<div className="text-box">
|
||
<p className="mb-4 text-white">As a trusted Etobicoke physiotherapy clinic, we proudly serve patients from:</p>
|
||
<h3 className="mb-3 text-white" style={{ fontSize: '20px', fontWeight: '700' }}>We treat every patient like family.</h3>
|
||
<div className="row clearfix">
|
||
{["Etobicoke", "Toronto", "Mississauga", "Greater Toronto Area"].map((loc, idx) => (
|
||
<div key={idx} className="col-6 mb_10">
|
||
<div className="d-flex align-items-center text-white">
|
||
<i className="icon-21 me-2" style={{ color: '#fff' }}></i>
|
||
<span style={{ fontWeight: '600' }}>{loc}</span>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
<p className="text-white">across the GTA. Our team is committed to supporting the health and mobility of our local community.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="col-lg-6 col-md-12 col-sm-12 image-column mt-5 mt-lg-0">
|
||
<div className="image-box p-relative">
|
||
<div style={{ padding: '40px', background: '#fff', borderRadius: '20px', boxShadow: '0 10px 30px rgba(0,0,0,0.05)' }}>
|
||
<img src="/assets/images/home/welcome/home-welcome.webp" alt="Serving the Community" className="img-fluid rounded" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 9: Why Choose ─── */}
|
||
<section className="about-style-two pt_90 pb_90">
|
||
<div className="auto-container">
|
||
<div className="sec-title centred mb_50">
|
||
<h2>Why Choose Rapha Rehab’s Team?</h2>
|
||
</div>
|
||
<div className="row clearfix justify-content-center">
|
||
{[
|
||
{ title: "Advanced clinical knowledge", icon: "icon-21" },
|
||
{ title: "Compassionate, patient-centered care", icon: "icon-30" },
|
||
{ title: "Clear communication", icon: "icon-16" },
|
||
{ title: "Customized treatment plans", icon: "icon-19" },
|
||
{ title: "Proven rehabilitation outcomes", icon: "icon-26" },
|
||
].map((item, idx) => (
|
||
<div key={idx} className="col-lg-2 col-md-4 col-sm-6 mb_30 px-2">
|
||
<div className="inner-box text-center p-4 h-100" style={{ background: '#fff', border: '1px solid #eee', borderRadius: '15px' }}>
|
||
<div className="icon-box mb-3" style={{ fontSize: '30px', color: '#bc0000' }}>
|
||
<i className={item.icon}></i>
|
||
</div>
|
||
<h4 style={{ fontSize: '14px', fontWeight: '700', lineHeight: '1.4em' }}>{item.title}</h4>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
<p className="text-center mt_20" style={{ fontSize: '18px', fontWeight: '700', color: '#bc0000' }}>Our team’s mission is simple: help you move better, recover faster, and live stronger.</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── TEAM MEMBERS GRID ─── */}
|
||
<section className="team-section pt_90 pb_90 centred">
|
||
<div className="auto-container">
|
||
<div className="sec-title mb_50">
|
||
<span className="sub-title">Expert Clinicians</span>
|
||
<h2>Meet Our Specialist Team</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}
|
||
loading="lazy"
|
||
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">{member.name}</Link>
|
||
</h3>
|
||
<span className="designation">{member.designation}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* ─── SECTION 10: Final CTA ─── */}
|
||
<section className="about-style-three pt_90 pb_90" style={{ backgroundImage: 'linear-gradient(rgba(16,37,72,0.9), rgba(16,37,72,0.9)), url(/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp)', backgroundSize: 'cover', backgroundAttachment: 'fixed' }}>
|
||
<div className="auto-container">
|
||
<div className="row align-items-center clearfix">
|
||
<div className="col-lg-7 col-md-12 col-sm-12 content-column">
|
||
<div className="content_block_one">
|
||
<div className="content-box">
|
||
<div className="sec-title mb_25">
|
||
<h2 className="text-white">Your Recovery Starts With the Right Team</h2>
|
||
</div>
|
||
<div className="text-box mb_40">
|
||
<p className="text-white opacity-75 mb_30">If you are looking for the best physiotherapy clinic in Etobicoke, Rapha Rehab is here for you. Schedule your appointment today and experience professional rehabilitation delivered by a team that truly cares.</p>
|
||
<div className="row clearfix">
|
||
{[
|
||
"The best physiotherapy clinic in Etobicoke",
|
||
"Skilled accident rehabilitation specialists",
|
||
"Trusted Toronto physiotherapy experts",
|
||
"Experienced Mississauga physiotherapy providers"
|
||
].map((text, idx) => (
|
||
<div key={idx} className="col-md-6 mb_10">
|
||
<span className="text-white d-flex align-items-center"><i className="icon-21 me-2"></i> {text}</span>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
<div className="btn-box">
|
||
<Link href="/contact" className="theme-btn btn-one"><span>Schedule Your Appointment</span></Link>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</Layout>
|
||
</>
|
||
);
|
||
}
|