images updated

app/accident/[slug]/page.js

@@ -11,7 +11,7 @@ export default function AccidentDetailsPage() {
   if (!service) return notFound();
 
   return (
-    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`}>
+    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle={`${service.title}`} bannerImage={service.bannerImage}>
       <section className="service-details pt_120 pb_110">
         <div className="auto-container">
           <div className="row clearfix">
@@ -43,7 +43,12 @@ export default function AccidentDetailsPage() {
                       <figure className="image">
                         <img src={service.mainImage} alt={service.title} />
                       </figure>
-                      <div className="icon-box"><i className="icon-30"></i></div>
+                      <div className="icon-box">
+                        <img
+                          src={service.icon}
+                          alt={`${service.title} Icon`}
+                        />
+                      </div>
                     </div>
                     <div className="lower-content">
                       <h3>{service.title}</h3>

app/accident/page.js

@@ -5,7 +5,7 @@ import Accident from "@/utils/Accident.utils";
 
 export default function AccidentPage() {
   return (
-    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Accident">
+    <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Accident" bannerImage="/assets/images/accident/accident-banner.webp">
       <section className="service-section sec-pad-2">
         <div className="auto-container">
           <div className="row clearfix">
@@ -23,7 +23,12 @@ export default function AccidentPage() {
                           <img src={service.mainImage} alt={service.title} />
                         </Link>
                       </figure>
-                      <div className="icon-box"><i className="icon-30"></i></div>
+                      <div className="icon-box">
+                        <img
+                          src={service.icon}
+                          alt={`${service.title} Icon`}
+                        />
+                      </div>
                     </div>
                     <div className="lower-content">
                       <h3>

app/faq-physiotherapy-etobicoke/page.js

@@ -24,7 +24,7 @@ export default function Faq() {
 
     return (
         <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's">
+            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Faq's" bannerImage="/assets/images/faq/faq-banner.webp">
 
                 {/* faq */}
                 <section className="faq-section pt_120 pb_120">
@@ -42,7 +42,7 @@ export default function Faq() {
                                     <div className="image-box">
                                         <figure>
                                             <img
-                                                src="assets/images/resource/faq-1.png"
+                                                src="/assets/images/faq/img.webp"
                                                 alt="FAQ Illustration"
                                                 className="img-fluid"
                                                 style={{ height: "550px", objectFit: "cover" }}

app/payment-insurance/page.js

@@ -5,7 +5,7 @@ import Layout from "@/components/layout/Layout"
 export default function About() {
     return (
         <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Payment And Insurance">
+            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Payment And Insurance" bannerImage="/assets/images/payment-insurance/payment-banner.webp">
                 {/* chooseus-section */}
                 <section className="solutions-section">
                     <div className="auto-container">
@@ -29,9 +29,9 @@ export default function About() {
                             <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                                 <div className="image_block_two">
                                     <div className="image-box">
-                                        <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
-                                        <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
-                                        <div className="icon-box"><i className="icon-33"></i></div>
+                                        <figure className="image image-1"><img src="/assets/images/payment-insurance/back.webp" alt="" /></figure>
+                                        <figure className="image image-2"><img src="/assets/images/payment-insurance/front.webp" alt="" /></figure>
+                                        <div className="icon-box"><img src="/assets/images/payment-insurance/icon.webp" alt="" /></div>
                                     </div>
                                 </div>
                             </div>

app/rehabilitation/[slug]/page.js

@@ -43,7 +43,12 @@ export default function RehabilitationDetailsPage() {
                       <figure className="image">
                         <img src={service.mainImage} alt={service.title} />
                       </figure>
-                      <div className="icon-box"><i className="icon-30"></i></div>
+                      <div className="icon-box">
+                        <img
+                          src={service.icon}
+                          alt={`${service.title} Icon`}
+                        />
+                      </div>
                     </div>
                     <div className="lower-content">
                       <h3>{service.title}</h3>

app/what-to-expect/page.js

@@ -5,25 +5,25 @@ import Layout from "@/components/layout/Layout"
 export default function About() {
     return (
         <>
-            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle=" What To Expect">
+            <Layout headerStyle={2} footerStyle={1} breadcrumbTitle=" What To Expect" bannerImage="/assets/images/what-we-expect/expect-banner.webp">
                 {/* chooseus-section */}
                 <section className="about-style-three pt_120 pb_120">
-                    <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-35.png)' }}></div>
+                    <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.png)' }}></div>
                     <div className="auto-container">
                         <div className="row clearfix">
                             <div className="col-lg-6 col-md-12 col-sm-12 image-column mb-3">
                                 <div className="image_block_three">
                                     <div className="image-box">
                                         <div className="image-shape">
-                                            <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
-                                            <div className="shape-2" style={{ backgroundImage: 'url(assets/images/shape/shape-33.png)' }}></div>
-                                            <div className="shape-3" style={{ backgroundImage: 'url(assets/images/shape/shape-7.png)' }}></div>
-                                            <div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-34.png)' }}></div>
-                                            <div className="shape-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+                                            <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
+                                            <div className="shape-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-33.png)' }}></div>
+                                            <div className="shape-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
+                                            <div className="shape-4" style={{ backgroundImage: 'url(/assets/images/shape/shape-34.png)' }}></div>
+                                            <div className="shape-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
                                         </div>
-                                        <figure className="image image-1"><img src="assets/images/resource/about-2.jpg" alt="" /></figure>
-                                        <figure className="image image-2"><img src="assets/images/resource/about-3.jpg" alt="" /></figure>
-                                        <div className="icon-box"><i className="icon-14"></i></div>
+                                        <figure className="image image-1"><img src="/assets/images/what-we-expect/right.webp" alt="" /></figure>
+                                        <figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="" /></figure>
+                                        <div className="icon-box"><img src="/assets/images/what-we-expect/icon.webp" alt="" /></div>
                                     </div>
                                 </div>
                             </div>

app/why-rapha-physiotherapy-etobicoke/page.js

@@ -4,30 +4,30 @@ import Link from "next/link";
 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/team/team-1.jpg' },
-        { name: 'Sports Physiotherapy', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Clinical Pilates', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Workplace & Occupational', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Sports Rehabilitation', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Women’s health', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Back & Neck Pain', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Fitness & Exercise Programs', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Pregnancy and Post-natal', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Headaches & Dizziness', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Injury Management', image: 'assets/images/team/team-1.jpg' },
-        { name: 'Pre/Post Surgical Management', 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={2} footerStyle={1} breadcrumbTitle="Why Us">
             <section className="team-section sec-pad centred pb-0">
                 <div className="pattern-layer">
-                    <div className="pattern-1" style={{ backgroundImage: 'url(assets/images/shape/shape-13.png)' }}></div>
-                    <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.png)' }}></div>
+                    <div className="pattern-1" style={{ backgroundImage: 'url(/assets/images/shape/shape-13.png)' }}></div>
+                    <div className="pattern-2" style={{ backgroundImage: 'url(/assets/images/shape/shape-14.png)' }}></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-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 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">
@@ -36,7 +36,7 @@ export default function Team() {
                     </div>
                     <div className="row clearfix">
                         {teamMembers.map((member, index) => (
-                            <div key={index} className="col-lg-3 col-md-6 col-sm-12 team-block">
+                            <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">
@@ -62,16 +62,16 @@ export default function Team() {
 
 
             <section className="testimonial-style-two p_relative">
-                <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div>
+                <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-19.png)' }}></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 pr_30">
                                 <div className="image-box">
-                                    <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
-                                    <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
-                                    <div className="icon-box"><i className="icon-33"></i></div>
+                                    <figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="" /></figure>
+                                    <figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="" /></figure>
+                                    <div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="" /></div>
                                 </div>
                             </div>
                         </div>
@@ -106,9 +106,9 @@ export default function Team() {
                         <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">
                                 <div className="image-box">
-                                    <figure className="image image-1"><img src="assets/images/resource/skills-1.jpg" alt="" /></figure>
-                                    <figure className="image image-2"><img src="assets/images/resource/skills-2.jpg" alt="" /></figure>
-                                    <div className="icon-box"><i className="icon-33"></i></div>
+                                    <figure className="image image-1"><img src="/assets/images/why-us/back-2.webp" alt="" /></figure>
+                                    <figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="" /></figure>
+                                    <div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="" /></div>
                                 </div>
                             </div>
                         </div>
@@ -136,11 +136,11 @@ export default function Team() {
             </section>
 
             <section className="video-section p_relative">
-                <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(assets/images/background/video-bg.jpg)' }}></div>
-                <figure className="image-layer"><img src="assets/images/resource/video-1.png" alt="" /></figure>
+                <div className="bg-layer parallax-bg" data-parallax='{"y": 100}' style={{ backgroundImage: 'url(/assets/images/background/video-bg.jpg)' }}></div>
+                <figure className="image-layer"><img src="/assets/images/resource/video-1.png" alt="" /></figure>
                 <div className="auto-container">
                     <div className="inner-box">
-                        <div className="shape new-arrow" style={{ backgroundImage: 'url(assets/images/shape/shape-17.png)' }}></div>
+                        <div className="shape new-arrow" style={{ backgroundImage: 'url(/assets/images/shape/shape-17.png)' }}></div>
                         {/* <div className="video-btn">
           <a onClick={() => setOpen(true)}><i className="fas fa-play"></i>
                             <span className="border-animation border-1"></span>

public/assets/css/module-css/solutions.css

@@ -22,7 +22,7 @@
 }
 
 .image_block_two .image-box img{
-  width: 100%;
+  width: auto;
   border-radius: 20px;
   transition: all 500ms ease;
 }

utils/Accident.utils.js

@@ -4,11 +4,13 @@ const Accident = [
     slug: "minor-injury-etobicoke",
     title: "MINOR INJURY",
     shortDesc: "Minor injury rehabilitation relieves pain, restores movement, and prevents long-term complications.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/minor.webp",
+    icon: "/assets/images/accident/icons/minor.webp",
+    bannerImage: "/assets/images/accident/minor/minor-injury-banner.webp",
     content: `  
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/accident/minor/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>MINOR INJURY</h2>
@@ -35,12 +37,12 @@ const Accident = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/minor/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/minor/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -71,11 +73,13 @@ const Accident = [
     slug: "catastropic-injury-etobicoke",
     title: "CATASTROPIC INJURY",
     shortDesc: "Catastrophic injury rehab restores mobility, independence, and quality of life.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/catastrophic.webp",
+    icon: "/assets/images/accident/icons/catastrophic.webp",
+    bannerImage: "/assets/images/accident/catastrophic/catastrophic-banner.webp",
     content: `  
         <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/accident/catastrophic/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>CATASTROPIC INJURY</h2>
@@ -101,12 +105,12 @@ const Accident = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/catastrophic/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/catastrophic/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -153,53 +157,50 @@ const Accident = [
     slug: "slip-and-fall-injury-etobicoke",
     title: "SLIP AND FALL INJURY",
     shortDesc: "Slip and fall rehabilitation helps relieve pain, restore strength and balance, and improve mobility for a safe recovery.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/slip.webp",
+    icon: "/assets/images/accident/icons/slip.webp",
+    bannerImage: "/assets/images/accident/slip/slip-fall-banner.webp",
     content: `  
     <div class="content-one mb_30">
-        <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+      <figure class="image-box mb_40 text-center">
+        <img src="/assets/images/accident/slip/big-img.webp" alt="Slip and Fall Injury Rehabilitation" style="max-width:100%;height:auto;" />
       </figure>
       <div class="text-box">
         <h2>SLIP AND FALL INJURY</h2>
-          <p>Injury due to slip and fall may range from mild ligament sprains to fractures that permanently affect your mobility and independence. A licensed physiotherapist in etobicoke can help you prevent falls and recover from fall-related injuries</p>
+        <p>Injury due to slip and fall may range from mild ligament sprains to fractures that permanently affect your mobility and independence. A licensed physiotherapist in Etobicoke can help you prevent falls and recover from fall-related injuries.</p>
 
-          <p class="mt-3 mb-2">Physiotherapist plays an important role in your care following medical treatment for slips and fall injuries. Physiotherapy is integral for concussion rehabilitation, helping to reduce headaches and dizziness, restore strength and balance, and help you return to normal activities.</p>
+        <p class="mt-3 mb-2">Physiotherapists play an important role in your care following medical treatment for slips and fall injuries. Physiotherapy is integral for concussion rehabilitation, helping to reduce headaches and dizziness, restore strength and balance, and help you return to normal activities.</p>
 
-          <p class="mt-3 mb-2">The most common area of injuries with slip and falls include those to the wrist, ankle, shoulder, and low back. Injuries range from simple sprains and strains to more serious injuries including concussions and broken bones</p>
+        <p class="mt-3 mb-2">The most common areas of injuries with slip and falls include the wrist, ankle, shoulder, and lower back. Injuries range from simple sprains and strains to more serious injuries including concussions and broken bones.</p>
       </div>
     </div>
+
     <div class="content-two">
       <div class="image-inner">
         <div class="row clearfix">
           <div class="col-lg-6 col-md-6 col-sm-12 image-column">
-              <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+            <figure class="image-box mb_30 text-center">
+              <img src="/assets/images/accident/slip/1.webp" alt="Slip and Fall Injury Treatment" style="max-width:100%;height:auto;" />
             </figure>
           </div>
           <div class="col-lg-6 col-md-6 col-sm-12 image-column">
-              <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+            <figure class="image-box mb_30 text-center">
+              <img src="/assets/images/accident/slip/2.webp" alt="Slip and Fall Physical Therapy" style="max-width:100%;height:auto;" />
             </figure>
           </div>
         </div>
       </div>
-      <div class="text-box">
 
+      <div class="text-box">
         <h3 class="mb-2">How Physical Therapy Can Help</h3>
+        <p class="mt-2">When you experience an injury from a slip and fall in Etobicoke, you need to see your doctor. Your doctor can give you a full assessment and recommend a treatment plan to aid you in a full recovery.</p>
 
+        <p class="mt-3">Other than that, you need to consult a physical therapist in Etobicoke. Your team of Etobicoke physical therapists at Rapharehab Physical Therapy Now will customize a treatment plan for you and your injuries.</p>
       </div>
 
-      <div class="text-box">
-          <p class="mt-2">When you experience an injury from a slip and fall in etobicoke, you need to see your doctor.  Your doctor can give you a full assessment and recommend a treatment plan to aid you in a full recovery.</p>
-        </div>
-
-             <p class="mt-3">Other than that, you need to consult a physical therapist in etobicoke.  Your team of etobicoke physical therapists at Rapharehab Physical Therapy Now will customize a treatment plan for you and your injuries</p>
-        </div>
-
-             <h3 class="mt-3">Physical Therapy for Slip and Fall Accidents in Etobicoke</h3>
-        </div>
-
-             <p class="mt-3">If you need a physical therapist in Etobicoke for a slip and fall accident, reach out to us today.  With your Rapharehab Physical Therapy team by your side, you will heal to your maximum potential</p>
+      <div class="text-box mt-4">
+        <h3>Physical Therapy for Slip and Fall Accidents in Etobicoke</h3>
+        <p class="mt-3">If you need a physical therapist in Etobicoke for a slip and fall accident, reach out to us today. With your Rapharehab Physical Therapy team by your side, you will heal to your maximum potential.</p>
       </div>
     </div>
   `
@@ -209,11 +210,13 @@ const Accident = [
     slug: "concussion-management-etobicoke",
     title: "CONCUSSION MANAGEMENT",
     shortDesc: "Concussion rehabilitation helps restore balance, strength, and daily function while supporting brain recovery.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/concussion.webp",
+    icon: "/assets/images/accident/icons/concussion.webp",
+    bannerImage: "/assets/images/accident/concussion/concussion-banner.webp",
     content: `  
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/accident/concussion/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>CONCUSSION MANAGEMENT</h2>
@@ -305,12 +308,12 @@ const Accident = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/concussion/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/concussion/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -344,11 +347,13 @@ const Accident = [
     slug: "psychotherapy-management-etobicoke",
     title: "PSYCHOTHERAPY MANAGEMENT",
     shortDesc: "Psychotherapy management helps overcome trauma, reduce anxiety, and improve mental wellness.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/psychotherapy.webp",
+    icon: "/assets/images/accident/icons/psychotherapy.webp",
+    bannerImage: "/assets/images/accident/psychotherapy/psychotherapy-banner.webp",
     content: `  
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/accident/psychotherapy/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>PSYCHOTHERAPY MANAGEMENT</h2>
@@ -376,12 +381,12 @@ const Accident = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/psychotherapy/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/psychotherapy/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -420,11 +425,13 @@ const Accident = [
     slug: "hydrotherapy-etobicoke",
     title: "HYDROTHERAPY",
     shortDesc: "Hydrotherapy aids recovery by reducing pain, relaxing muscles, improving mobility, and strengthening the body.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/hydrotherapy.webp",
+    icon: "/assets/images/accident/icons/hydrotherapy.webp",
+    bannerImage: "/assets/images/accident/hydrotherapy/hydrotherapy-banner.webp",
     content: `  
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/accident/hydrotherapy/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>HYDROTHERAPY</h2>
@@ -445,12 +452,12 @@ const Accident = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/hydrotherapy/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/hydrotherapy/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -475,11 +482,13 @@ const Accident = [
     slug: "chronic-pain-management-etobicoke",
     title: "CHRONIC PAIN MANAGEMENT",
     shortDesc: "Chronic pain management at Rapharehab helps relieve pain, restore mobility, and improve quality of life.",
-    mainImage: "/assets/images/service/service-4.jpg",
+    mainImage: "/assets/images/accident/chronic.webp",
+    icon: "/assets/images/accident/icons/chronic.webp",
+    bannerImage: "/assets/images/accident/chronic/chronic-pain-banner.webp",
     content: `  
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/accident/chronic/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>Chronic Pain Management in Etobicoke – Personalized Physiotherapy at Rapha Rehab</h2>
@@ -508,12 +517,12 @@ const Accident = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/chronic/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/accident/chronic/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>

utils/Rehabilitation.utils.js

@@ -6,11 +6,11 @@ const Rehabilitation = [
     shortDesc: "Spinal cord injury rehabilitation restores mobility, strength, and independence for a better quality of life.",
     mainImage: "/assets/images/rehabilitation/spinal.webp",
     icon: "/assets/images/rehabilitation/icons/spinal.webp",
-    bannerImage:"/assets/images/rehabilitation/rehabilation-banner.webp",
+    bannerImage:"/assets/images/rehabilitation/spinal/spinal-banner.webp",
     content: `  
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/rehabilitation/spinal/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>SPINAL CORD INJURY REHABILITATION</h2>
@@ -33,12 +33,12 @@ const Rehabilitation = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/spinal/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/spinal/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -85,10 +85,11 @@ const Rehabilitation = [
     shortDesc: "Amputee rehabilitation helps restore mobility, independence, and quality of life.",
     mainImage: "/assets/images/rehabilitation/amputee.webp",
     icon: "/assets/images/rehabilitation/icons/amputee.webp",
+    bannerImage:"/assets/images/rehabilitation/amputee/amputee-banner.webp",
     content: `
       <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/rehabilitation/amputee/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>AMPUTEE REHABILITATION</h2>
@@ -103,12 +104,12 @@ const Rehabilitation = [
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/amputee/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/amputee/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -140,10 +141,11 @@ const Rehabilitation = [
     shortDesc: "Fracture rehabilitation helps relieve pain, restore movement, strengthen muscles, and regain normal function after injury.",
     mainImage: "/assets/images/rehabilitation/fracture.webp",
     icon: "/assets/images/rehabilitation/icons/fracture.webp",
+    bannerImage:"/assets/images/rehabilitation/fracture/fracture-banner.webp",
     content: `
             <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/rehabilitation/fracture/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>FRACTURE REHABILITATION</h2>
@@ -204,12 +206,12 @@ parts around the fracture site.</p>
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/fracture/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/fracture/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>
@@ -251,10 +253,11 @@ Your treatment will depend very much on the problems identified during your init
     shortDesc: "Neurological rehabilitation improves movement, strength, balance, and independence for better quality of life.",
     mainImage: "/assets/images/rehabilitation/neurological.webp",
     icon: "/assets/images/rehabilitation/icons/neurological.webp",
+    bannerImage:"/assets/images/rehabilitation/neurological/neurological-banner.webp",
     content: `
             <div class="content-one mb_30">
         <figure class="image-box mb_40" style="text-align:center;">
-          <img src="/assets/images/service/service-7.jpg" alt="Cardiology" style="max-width:100%;height:auto;" />
+          <img src="/assets/images/rehabilitation/neurological/big-img.webp" alt="Cardiology" style="max-width:100%;height:auto;" />
         </figure>
         <div class="text-box">
           <h2>NEUROLOGICAL INJURY REHABILITATION</h2>
@@ -301,12 +304,12 @@ physiotherapy and rehabilitation to treat neurological conditions such as:</p>
           <div class="row clearfix">
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-8.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/neurological/1.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
               <figure class="image-box mb_30" style="text-align:center;">
-                <img src="/assets/images/service/service-9.jpg" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
+                <img src="/assets/images/rehabilitation/neurological/2.webp" alt="Cardiology Extra" style="max-width:100%;height:auto;" />
               </figure>
             </div>
           </div>