diff --git a/app/accident/[slug]/page.js b/app/accident/[slug]/page.js
index fd6f38b..4314fce 100644
--- a/app/accident/[slug]/page.js
+++ b/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>
diff --git a/app/accident/page.js b/app/accident/page.js
index afd7232..2c05a26 100644
--- a/app/accident/page.js
+++ b/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>
diff --git a/app/faq-physiotherapy-etobicoke/page.js b/app/faq-physiotherapy-etobicoke/page.js
index ad53108..391065f 100644
--- a/app/faq-physiotherapy-etobicoke/page.js
+++ b/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" }}
diff --git a/app/payment-insurance/page.js b/app/payment-insurance/page.js
index 3ebecff..1c98853 100644
--- a/app/payment-insurance/page.js
+++ b/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>
diff --git a/app/rehabilitation/[slug]/page.js b/app/rehabilitation/[slug]/page.js
index 2e3eb30..99c7279 100644
--- a/app/rehabilitation/[slug]/page.js
+++ b/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>
diff --git a/app/what-to-expect/page.js b/app/what-to-expect/page.js
index 72f992e..56517e8 100644
--- a/app/what-to-expect/page.js
+++ b/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>
diff --git a/app/why-rapha-physiotherapy-etobicoke/page.js b/app/why-rapha-physiotherapy-etobicoke/page.js
index 073eabd..09410cd 100644
--- a/app/why-rapha-physiotherapy-etobicoke/page.js
+++ b/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>
diff --git a/public/assets/css/module-css/solutions.css b/public/assets/css/module-css/solutions.css
index a3f599e..162cbbd 100644
--- a/public/assets/css/module-css/solutions.css
+++ b/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;
 }
diff --git a/public/assets/images/accident/accident-banner.webp b/public/assets/images/accident/accident-banner.webp
new file mode 100644
index 0000000..0716af0
Binary files /dev/null and b/public/assets/images/accident/accident-banner.webp differ
diff --git a/public/assets/images/accident/catastrophic.webp b/public/assets/images/accident/catastrophic.webp
new file mode 100644
index 0000000..05e5e96
Binary files /dev/null and b/public/assets/images/accident/catastrophic.webp differ
diff --git a/public/assets/images/accident/catastrophic/1.webp b/public/assets/images/accident/catastrophic/1.webp
new file mode 100644
index 0000000..7d9f794
Binary files /dev/null and b/public/assets/images/accident/catastrophic/1.webp differ
diff --git a/public/assets/images/accident/catastrophic/2.webp b/public/assets/images/accident/catastrophic/2.webp
new file mode 100644
index 0000000..ada7040
Binary files /dev/null and b/public/assets/images/accident/catastrophic/2.webp differ
diff --git a/public/assets/images/accident/catastrophic/big-img.webp b/public/assets/images/accident/catastrophic/big-img.webp
new file mode 100644
index 0000000..0a0a7fb
Binary files /dev/null and b/public/assets/images/accident/catastrophic/big-img.webp differ
diff --git a/public/assets/images/accident/catastrophic/catastrophic-banner.webp b/public/assets/images/accident/catastrophic/catastrophic-banner.webp
new file mode 100644
index 0000000..3142134
Binary files /dev/null and b/public/assets/images/accident/catastrophic/catastrophic-banner.webp differ
diff --git a/public/assets/images/accident/chronic.webp b/public/assets/images/accident/chronic.webp
new file mode 100644
index 0000000..f956217
Binary files /dev/null and b/public/assets/images/accident/chronic.webp differ
diff --git a/public/assets/images/accident/chronic/1.webp b/public/assets/images/accident/chronic/1.webp
new file mode 100644
index 0000000..f427ee0
Binary files /dev/null and b/public/assets/images/accident/chronic/1.webp differ
diff --git a/public/assets/images/accident/chronic/2.webp b/public/assets/images/accident/chronic/2.webp
new file mode 100644
index 0000000..cc5afd2
Binary files /dev/null and b/public/assets/images/accident/chronic/2.webp differ
diff --git a/public/assets/images/accident/chronic/big-img.webp b/public/assets/images/accident/chronic/big-img.webp
new file mode 100644
index 0000000..5621ad6
Binary files /dev/null and b/public/assets/images/accident/chronic/big-img.webp differ
diff --git a/public/assets/images/accident/chronic/chronic-pain-banner.webp b/public/assets/images/accident/chronic/chronic-pain-banner.webp
new file mode 100644
index 0000000..a666187
Binary files /dev/null and b/public/assets/images/accident/chronic/chronic-pain-banner.webp differ
diff --git a/public/assets/images/accident/concussion.webp b/public/assets/images/accident/concussion.webp
new file mode 100644
index 0000000..107fc40
Binary files /dev/null and b/public/assets/images/accident/concussion.webp differ
diff --git a/public/assets/images/accident/concussion/1.webp b/public/assets/images/accident/concussion/1.webp
new file mode 100644
index 0000000..a8c2d15
Binary files /dev/null and b/public/assets/images/accident/concussion/1.webp differ
diff --git a/public/assets/images/accident/concussion/2.webp b/public/assets/images/accident/concussion/2.webp
new file mode 100644
index 0000000..3a0fbe3
Binary files /dev/null and b/public/assets/images/accident/concussion/2.webp differ
diff --git a/public/assets/images/accident/concussion/big-img.webp b/public/assets/images/accident/concussion/big-img.webp
new file mode 100644
index 0000000..17069fd
Binary files /dev/null and b/public/assets/images/accident/concussion/big-img.webp differ
diff --git a/public/assets/images/accident/concussion/concussion-banner.webp b/public/assets/images/accident/concussion/concussion-banner.webp
new file mode 100644
index 0000000..7faa1dc
Binary files /dev/null and b/public/assets/images/accident/concussion/concussion-banner.webp differ
diff --git a/public/assets/images/accident/hydrotherapy.webp b/public/assets/images/accident/hydrotherapy.webp
new file mode 100644
index 0000000..176b53e
Binary files /dev/null and b/public/assets/images/accident/hydrotherapy.webp differ
diff --git a/public/assets/images/accident/hydrotherapy/1.webp b/public/assets/images/accident/hydrotherapy/1.webp
new file mode 100644
index 0000000..07a241e
Binary files /dev/null and b/public/assets/images/accident/hydrotherapy/1.webp differ
diff --git a/public/assets/images/accident/hydrotherapy/2.webp b/public/assets/images/accident/hydrotherapy/2.webp
new file mode 100644
index 0000000..aef5fac
Binary files /dev/null and b/public/assets/images/accident/hydrotherapy/2.webp differ
diff --git a/public/assets/images/accident/hydrotherapy/big-img.webp b/public/assets/images/accident/hydrotherapy/big-img.webp
new file mode 100644
index 0000000..72454b0
Binary files /dev/null and b/public/assets/images/accident/hydrotherapy/big-img.webp differ
diff --git a/public/assets/images/accident/hydrotherapy/hydrotherapy-banner.webp b/public/assets/images/accident/hydrotherapy/hydrotherapy-banner.webp
new file mode 100644
index 0000000..bb75483
Binary files /dev/null and b/public/assets/images/accident/hydrotherapy/hydrotherapy-banner.webp differ
diff --git a/public/assets/images/accident/icons/catastrophic.webp b/public/assets/images/accident/icons/catastrophic.webp
new file mode 100644
index 0000000..b2b7c69
Binary files /dev/null and b/public/assets/images/accident/icons/catastrophic.webp differ
diff --git a/public/assets/images/accident/icons/chronic.webp b/public/assets/images/accident/icons/chronic.webp
new file mode 100644
index 0000000..151e7da
Binary files /dev/null and b/public/assets/images/accident/icons/chronic.webp differ
diff --git a/public/assets/images/accident/icons/concussion.webp b/public/assets/images/accident/icons/concussion.webp
new file mode 100644
index 0000000..0e1ce1f
Binary files /dev/null and b/public/assets/images/accident/icons/concussion.webp differ
diff --git a/public/assets/images/accident/icons/hydrotherapy.webp b/public/assets/images/accident/icons/hydrotherapy.webp
new file mode 100644
index 0000000..6d4c8f9
Binary files /dev/null and b/public/assets/images/accident/icons/hydrotherapy.webp differ
diff --git a/public/assets/images/accident/icons/minor.webp b/public/assets/images/accident/icons/minor.webp
new file mode 100644
index 0000000..332d4d5
Binary files /dev/null and b/public/assets/images/accident/icons/minor.webp differ
diff --git a/public/assets/images/accident/icons/psychotherapy.webp b/public/assets/images/accident/icons/psychotherapy.webp
new file mode 100644
index 0000000..6ea28f5
Binary files /dev/null and b/public/assets/images/accident/icons/psychotherapy.webp differ
diff --git a/public/assets/images/accident/icons/slip.webp b/public/assets/images/accident/icons/slip.webp
new file mode 100644
index 0000000..37662f3
Binary files /dev/null and b/public/assets/images/accident/icons/slip.webp differ
diff --git a/public/assets/images/accident/minor.webp b/public/assets/images/accident/minor.webp
new file mode 100644
index 0000000..d7b7f0f
Binary files /dev/null and b/public/assets/images/accident/minor.webp differ
diff --git a/public/assets/images/accident/minor/1.webp b/public/assets/images/accident/minor/1.webp
new file mode 100644
index 0000000..1aac583
Binary files /dev/null and b/public/assets/images/accident/minor/1.webp differ
diff --git a/public/assets/images/accident/minor/2.webp b/public/assets/images/accident/minor/2.webp
new file mode 100644
index 0000000..22a2900
Binary files /dev/null and b/public/assets/images/accident/minor/2.webp differ
diff --git a/public/assets/images/accident/minor/big-img.webp b/public/assets/images/accident/minor/big-img.webp
new file mode 100644
index 0000000..a4f5143
Binary files /dev/null and b/public/assets/images/accident/minor/big-img.webp differ
diff --git a/public/assets/images/accident/minor/minor-injury-banner.webp b/public/assets/images/accident/minor/minor-injury-banner.webp
new file mode 100644
index 0000000..2799355
Binary files /dev/null and b/public/assets/images/accident/minor/minor-injury-banner.webp differ
diff --git a/public/assets/images/accident/psychotherapy.webp b/public/assets/images/accident/psychotherapy.webp
new file mode 100644
index 0000000..d1b5989
Binary files /dev/null and b/public/assets/images/accident/psychotherapy.webp differ
diff --git a/public/assets/images/accident/psychotherapy/1.webp b/public/assets/images/accident/psychotherapy/1.webp
new file mode 100644
index 0000000..1ec96c4
Binary files /dev/null and b/public/assets/images/accident/psychotherapy/1.webp differ
diff --git a/public/assets/images/accident/psychotherapy/2.webp b/public/assets/images/accident/psychotherapy/2.webp
new file mode 100644
index 0000000..7ced42c
Binary files /dev/null and b/public/assets/images/accident/psychotherapy/2.webp differ
diff --git a/public/assets/images/accident/psychotherapy/big-img.webp b/public/assets/images/accident/psychotherapy/big-img.webp
new file mode 100644
index 0000000..57bb535
Binary files /dev/null and b/public/assets/images/accident/psychotherapy/big-img.webp differ
diff --git a/public/assets/images/accident/psychotherapy/psychotherapy-banner.webp b/public/assets/images/accident/psychotherapy/psychotherapy-banner.webp
new file mode 100644
index 0000000..1dab9c4
Binary files /dev/null and b/public/assets/images/accident/psychotherapy/psychotherapy-banner.webp differ
diff --git a/public/assets/images/accident/slip.webp b/public/assets/images/accident/slip.webp
new file mode 100644
index 0000000..068e0da
Binary files /dev/null and b/public/assets/images/accident/slip.webp differ
diff --git a/public/assets/images/accident/slip/1.webp b/public/assets/images/accident/slip/1.webp
new file mode 100644
index 0000000..e10ac8d
Binary files /dev/null and b/public/assets/images/accident/slip/1.webp differ
diff --git a/public/assets/images/accident/slip/2.webp b/public/assets/images/accident/slip/2.webp
new file mode 100644
index 0000000..e8f0077
Binary files /dev/null and b/public/assets/images/accident/slip/2.webp differ
diff --git a/public/assets/images/accident/slip/big-img.webp b/public/assets/images/accident/slip/big-img.webp
new file mode 100644
index 0000000..00b45c0
Binary files /dev/null and b/public/assets/images/accident/slip/big-img.webp differ
diff --git a/public/assets/images/accident/slip/slip-fall-banner.webp b/public/assets/images/accident/slip/slip-fall-banner.webp
new file mode 100644
index 0000000..28fa6aa
Binary files /dev/null and b/public/assets/images/accident/slip/slip-fall-banner.webp differ
diff --git a/public/assets/images/faq/faq-banner.webp b/public/assets/images/faq/faq-banner.webp
new file mode 100644
index 0000000..1bde0a3
Binary files /dev/null and b/public/assets/images/faq/faq-banner.webp differ
diff --git a/public/assets/images/faq/img.webp b/public/assets/images/faq/img.webp
new file mode 100644
index 0000000..0d37a37
Binary files /dev/null and b/public/assets/images/faq/img.webp differ
diff --git a/public/assets/images/payment-insurance/back.webp b/public/assets/images/payment-insurance/back.webp
new file mode 100644
index 0000000..a16bf42
Binary files /dev/null and b/public/assets/images/payment-insurance/back.webp differ
diff --git a/public/assets/images/payment-insurance/front.webp b/public/assets/images/payment-insurance/front.webp
new file mode 100644
index 0000000..5cc7558
Binary files /dev/null and b/public/assets/images/payment-insurance/front.webp differ
diff --git a/public/assets/images/payment-insurance/icon.webp b/public/assets/images/payment-insurance/icon.webp
new file mode 100644
index 0000000..9abc256
Binary files /dev/null and b/public/assets/images/payment-insurance/icon.webp differ
diff --git a/public/assets/images/payment-insurance/payment-banner.webp b/public/assets/images/payment-insurance/payment-banner.webp
new file mode 100644
index 0000000..99963a1
Binary files /dev/null and b/public/assets/images/payment-insurance/payment-banner.webp differ
diff --git a/public/assets/images/rehabilitation/amputee/1.webp b/public/assets/images/rehabilitation/amputee/1.webp
new file mode 100644
index 0000000..5e5f784
Binary files /dev/null and b/public/assets/images/rehabilitation/amputee/1.webp differ
diff --git a/public/assets/images/rehabilitation/amputee/2.webp b/public/assets/images/rehabilitation/amputee/2.webp
new file mode 100644
index 0000000..c0a44d4
Binary files /dev/null and b/public/assets/images/rehabilitation/amputee/2.webp differ
diff --git a/public/assets/images/rehabilitation/amputee/amputee-banner.webp b/public/assets/images/rehabilitation/amputee/amputee-banner.webp
new file mode 100644
index 0000000..cf6a3f0
Binary files /dev/null and b/public/assets/images/rehabilitation/amputee/amputee-banner.webp differ
diff --git a/public/assets/images/rehabilitation/amputee/big-img.webp b/public/assets/images/rehabilitation/amputee/big-img.webp
new file mode 100644
index 0000000..33b4ece
Binary files /dev/null and b/public/assets/images/rehabilitation/amputee/big-img.webp differ
diff --git a/public/assets/images/rehabilitation/fracture/1.webp b/public/assets/images/rehabilitation/fracture/1.webp
new file mode 100644
index 0000000..be26285
Binary files /dev/null and b/public/assets/images/rehabilitation/fracture/1.webp differ
diff --git a/public/assets/images/rehabilitation/fracture/2.webp b/public/assets/images/rehabilitation/fracture/2.webp
new file mode 100644
index 0000000..a7b1637
Binary files /dev/null and b/public/assets/images/rehabilitation/fracture/2.webp differ
diff --git a/public/assets/images/rehabilitation/fracture/big-img.webp b/public/assets/images/rehabilitation/fracture/big-img.webp
new file mode 100644
index 0000000..37cc440
Binary files /dev/null and b/public/assets/images/rehabilitation/fracture/big-img.webp differ
diff --git a/public/assets/images/rehabilitation/fracture/fracture-banner.webp b/public/assets/images/rehabilitation/fracture/fracture-banner.webp
new file mode 100644
index 0000000..92034b4
Binary files /dev/null and b/public/assets/images/rehabilitation/fracture/fracture-banner.webp differ
diff --git a/public/assets/images/rehabilitation/neurological/1.webp b/public/assets/images/rehabilitation/neurological/1.webp
new file mode 100644
index 0000000..59e3ebe
Binary files /dev/null and b/public/assets/images/rehabilitation/neurological/1.webp differ
diff --git a/public/assets/images/rehabilitation/neurological/2.webp b/public/assets/images/rehabilitation/neurological/2.webp
new file mode 100644
index 0000000..3e6e238
Binary files /dev/null and b/public/assets/images/rehabilitation/neurological/2.webp differ
diff --git a/public/assets/images/rehabilitation/neurological/big-img.webp b/public/assets/images/rehabilitation/neurological/big-img.webp
new file mode 100644
index 0000000..1ccd6cc
Binary files /dev/null and b/public/assets/images/rehabilitation/neurological/big-img.webp differ
diff --git a/public/assets/images/rehabilitation/neurological/neurological-banner.webp b/public/assets/images/rehabilitation/neurological/neurological-banner.webp
new file mode 100644
index 0000000..7628329
Binary files /dev/null and b/public/assets/images/rehabilitation/neurological/neurological-banner.webp differ
diff --git a/public/assets/images/rehabilitation/spinal/1.webp b/public/assets/images/rehabilitation/spinal/1.webp
new file mode 100644
index 0000000..deb7f4c
Binary files /dev/null and b/public/assets/images/rehabilitation/spinal/1.webp differ
diff --git a/public/assets/images/rehabilitation/spinal/2.webp b/public/assets/images/rehabilitation/spinal/2.webp
new file mode 100644
index 0000000..c8433e7
Binary files /dev/null and b/public/assets/images/rehabilitation/spinal/2.webp differ
diff --git a/public/assets/images/rehabilitation/spinal/big-img.webp b/public/assets/images/rehabilitation/spinal/big-img.webp
new file mode 100644
index 0000000..adeca0f
Binary files /dev/null and b/public/assets/images/rehabilitation/spinal/big-img.webp differ
diff --git a/public/assets/images/rehabilitation/spinal/spinal-banner.webp b/public/assets/images/rehabilitation/spinal/spinal-banner.webp
new file mode 100644
index 0000000..1647cb9
Binary files /dev/null and b/public/assets/images/rehabilitation/spinal/spinal-banner.webp differ
diff --git a/public/assets/images/what-we-expect/expect-banner.webp b/public/assets/images/what-we-expect/expect-banner.webp
new file mode 100644
index 0000000..3732da1
Binary files /dev/null and b/public/assets/images/what-we-expect/expect-banner.webp differ
diff --git a/public/assets/images/what-we-expect/icon.webp b/public/assets/images/what-we-expect/icon.webp
new file mode 100644
index 0000000..06d3ab9
Binary files /dev/null and b/public/assets/images/what-we-expect/icon.webp differ
diff --git a/public/assets/images/what-we-expect/left.webp b/public/assets/images/what-we-expect/left.webp
new file mode 100644
index 0000000..f28fc18
Binary files /dev/null and b/public/assets/images/what-we-expect/left.webp differ
diff --git a/public/assets/images/what-we-expect/right.webp b/public/assets/images/what-we-expect/right.webp
new file mode 100644
index 0000000..ad14c98
Binary files /dev/null and b/public/assets/images/what-we-expect/right.webp differ
diff --git a/public/assets/images/why-us/back-1.webp b/public/assets/images/why-us/back-1.webp
new file mode 100644
index 0000000..ff5544f
Binary files /dev/null and b/public/assets/images/why-us/back-1.webp differ
diff --git a/public/assets/images/why-us/back-2.webp b/public/assets/images/why-us/back-2.webp
new file mode 100644
index 0000000..15cbdcc
Binary files /dev/null and b/public/assets/images/why-us/back-2.webp differ
diff --git a/public/assets/images/why-us/front-1.webp b/public/assets/images/why-us/front-1.webp
new file mode 100644
index 0000000..81b6cf7
Binary files /dev/null and b/public/assets/images/why-us/front-1.webp differ
diff --git a/public/assets/images/why-us/front-2.webp b/public/assets/images/why-us/front-2.webp
new file mode 100644
index 0000000..22b80c9
Binary files /dev/null and b/public/assets/images/why-us/front-2.webp differ
diff --git a/public/assets/images/why-us/icon-1.webp b/public/assets/images/why-us/icon-1.webp
new file mode 100644
index 0000000..541b544
Binary files /dev/null and b/public/assets/images/why-us/icon-1.webp differ
diff --git a/public/assets/images/why-us/icon-2.webp b/public/assets/images/why-us/icon-2.webp
new file mode 100644
index 0000000..a8db506
Binary files /dev/null and b/public/assets/images/why-us/icon-2.webp differ
diff --git a/public/assets/images/why-us/img/back-pain.webp b/public/assets/images/why-us/img/back-pain.webp
new file mode 100644
index 0000000..8811b0c
Binary files /dev/null and b/public/assets/images/why-us/img/back-pain.webp differ
diff --git a/public/assets/images/why-us/img/clinical-pilates.webp b/public/assets/images/why-us/img/clinical-pilates.webp
new file mode 100644
index 0000000..9d3d625
Binary files /dev/null and b/public/assets/images/why-us/img/clinical-pilates.webp differ
diff --git a/public/assets/images/why-us/img/fitness.webp b/public/assets/images/why-us/img/fitness.webp
new file mode 100644
index 0000000..65250d9
Binary files /dev/null and b/public/assets/images/why-us/img/fitness.webp differ
diff --git a/public/assets/images/why-us/img/headache.webp b/public/assets/images/why-us/img/headache.webp
new file mode 100644
index 0000000..11eb6c1
Binary files /dev/null and b/public/assets/images/why-us/img/headache.webp differ
diff --git a/public/assets/images/why-us/img/injury.webp b/public/assets/images/why-us/img/injury.webp
new file mode 100644
index 0000000..908d949
Binary files /dev/null and b/public/assets/images/why-us/img/injury.webp differ
diff --git a/public/assets/images/why-us/img/musculo.webp b/public/assets/images/why-us/img/musculo.webp
new file mode 100644
index 0000000..803969f
Binary files /dev/null and b/public/assets/images/why-us/img/musculo.webp differ
diff --git a/public/assets/images/why-us/img/pregnancy.webp b/public/assets/images/why-us/img/pregnancy.webp
new file mode 100644
index 0000000..4e83784
Binary files /dev/null and b/public/assets/images/why-us/img/pregnancy.webp differ
diff --git a/public/assets/images/why-us/img/sports-rehabilation.webp b/public/assets/images/why-us/img/sports-rehabilation.webp
new file mode 100644
index 0000000..588ec5a
Binary files /dev/null and b/public/assets/images/why-us/img/sports-rehabilation.webp differ
diff --git a/public/assets/images/why-us/img/sports.webp b/public/assets/images/why-us/img/sports.webp
new file mode 100644
index 0000000..2899e2b
Binary files /dev/null and b/public/assets/images/why-us/img/sports.webp differ
diff --git a/public/assets/images/why-us/img/surgical.webp b/public/assets/images/why-us/img/surgical.webp
new file mode 100644
index 0000000..1a0eea7
Binary files /dev/null and b/public/assets/images/why-us/img/surgical.webp differ
diff --git a/public/assets/images/why-us/img/women-health.webp b/public/assets/images/why-us/img/women-health.webp
new file mode 100644
index 0000000..7b80e24
Binary files /dev/null and b/public/assets/images/why-us/img/women-health.webp differ
diff --git a/public/assets/images/why-us/img/workplace.webp b/public/assets/images/why-us/img/workplace.webp
new file mode 100644
index 0000000..de8b46f
Binary files /dev/null and b/public/assets/images/why-us/img/workplace.webp differ
diff --git a/public/assets/images/why-us/why-us-banner.webp b/public/assets/images/why-us/why-us-banner.webp
new file mode 100644
index 0000000..9cdd76a
Binary files /dev/null and b/public/assets/images/why-us/why-us-banner.webp differ
diff --git a/utils/Accident.utils.js b/utils/Accident.utils.js
index c8a182e..0978b35 100644
--- a/utils/Accident.utils.js
+++ b/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,67 +157,66 @@ 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>
-        <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>
+    <div class="content-one mb_30">
+      <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 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>
-        </div>
+        <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 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>
-            </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>
-            </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 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 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">
-     
         <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>
+      <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>
+  `
   },
   {
     id: 4,
     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>
diff --git a/utils/Rehabilitation.utils.js b/utils/Rehabilitation.utils.js
index ca75bee..79c5d7e 100644
--- a/utils/Rehabilitation.utils.js
+++ b/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>