diff --git a/app/about-us/page.js b/app/about-us/page.js
index 74fa0b8..4bd8b2b 100644
--- a/app/about-us/page.js
+++ b/app/about-us/page.js
@@ -83,7 +83,7 @@ export default function Home() {
                       <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-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
                     </div>
                     <figure className="image image-1"><img src="/assets/images/about-us/section1/about-right.webp" alt="" /></figure>
                     <figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="" /></figure>
@@ -126,7 +126,7 @@ export default function Home() {
               <h2>Mission Vision & Values</h2>
             </div>
             <div className="inner-container">
-              <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.png)' }}></div>
+              <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
 
               {contents.map((item, index) => {
                 const isActive = activeIndex === index;
diff --git a/app/caregivers/page.js b/app/caregivers/page.js
index 30d482d..b03f18b 100644
--- a/app/caregivers/page.js
+++ b/app/caregivers/page.js
@@ -26,7 +26,7 @@ export default function Home() {
         <>
             <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Caregivers" bannerImage="/assets/images/our-team/our-team-banner.webp">
                 <section className="feature-section pt_120 pb_90">
-                    <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-6.png)' }}></div>
+                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-6.png)' }}></div>
                     <div className="auto-container">
                         <div className="sec-title centred mb_50">
                             <span className="sub-title">Caregivers</span>
diff --git a/app/not-found.js b/app/not-found.js
index 0f9c729..3e987fb 100644
--- a/app/not-found.js
+++ b/app/not-found.js
@@ -10,7 +10,7 @@ export default function Error404() {
             <section className="error-section sec-pad-2 centred">
             <div className="auto-container">
                 <div className="inner-box">
-                    <figure className="error-image"><img src="assets/images/icons/error-1.png" alt="" /></figure>
+                    <figure className="error-image"><img src="/assets/images/icons/error-1.png" alt="" /></figure>
                     <h2>Oops, page not <br />found!</h2>
                     <p>Mauris urna velit in fermentum in in natoque. Tincidunt pellentesque et risus tincidunt <br />dignissim proin auctor.</p>
                     <Link href="/" className="theme-btn btn-one"><span>Back To Home</span></Link>
diff --git a/app/ourapproach-physiotherapy-etobicoke/page.js b/app/ourapproach-physiotherapy-etobicoke/page.js
index 5f75c83..660e605 100644
--- a/app/ourapproach-physiotherapy-etobicoke/page.js
+++ b/app/ourapproach-physiotherapy-etobicoke/page.js
@@ -11,7 +11,7 @@ export default function About() {
           <div className="pattern-layer">
             <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.png)" }}></div>
             <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.png)" }}></div>
-            <div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.png)" }}></div>
+            <div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.webp)" }}></div>
             <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.png)" }}></div>
           </div>
           <div className="auto-container">
@@ -24,7 +24,7 @@ export default function About() {
                       <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-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
                     </div>
                     <figure className="image image-1"><img src="/assets/images/our-approach/right.webp" alt="" /></figure>
                     <figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="" /></figure>
diff --git a/app/shortcodes/page.js b/app/shortcodes/page.js
index a1cc69a..64affeb 100644
--- a/app/shortcodes/page.js
+++ b/app/shortcodes/page.js
@@ -13,7 +13,7 @@ export default function Home() {
             headerStyle={2}
             footerStyle={1}
             breadcrumbTitle="Shortcodes"
-            bannerImage="/assets/images/covid/covid-19-banner.webp"
+            bannerImage="/assets/images/shortcodes/shortcodes-banner.webp"
         >
             <section className="pricing-section sec-pad">
                 <div className="auto-container">
@@ -25,7 +25,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
                             <div className="pricing-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                 <div className="pricing-table">
-                                    <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
+                                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
                                     <div className="table-content">
                                         <ul className="feature-list clearfix">
                                             <li>On call 24/7 for client needs</li>
@@ -41,7 +41,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
                             <div className="pricing-block-one active-block wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
                                 <div className="pricing-table">
-                                    <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
+                                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
                                     <div className="table-content">
                                         <ul className="feature-list clearfix">
                                             <li>Assisting with walking and transferring from bed to wheelchair</li>
@@ -57,7 +57,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 pricing-block">
                             <div className="pricing-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                                 <div className="pricing-table">
-                                    <div className="shape" style={{ backgroundImage: 'url(assets/images/shape/shape-22.png)' }}></div>
+                                    <div className="shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-22.png)' }}></div>
                                     <div className="table-content">
                                         <ul className="feature-list clearfix">
                                             <li>Light housekeeping</li>
@@ -128,7 +128,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                             <div className="feature-block-one">
                                 <div className="inner-box">
-                                    <div className="icon-box"><i className="icon-9"></i></div>
+                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/daily-care.webp" alt="" /></div>
                                     <h3><Link href="/">Daily Care Experts</Link></h3>
                                     <p>We specialize in around the clock care to help seniors live well at home.</p>
                                 </div>
@@ -138,7 +138,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                             <div className="feature-block-one">
                                 <div className="inner-box">
-                                    <div className="icon-box"><i className="icon-11"></i></div>
+                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/balanced-care.webp" alt="" /></div>
                                     <h3><Link href="/">Balanced Care</Link></h3>
                                     <p>Our unique approach to care promotes healthy mind, body and spirit.</p>
                                 </div>
@@ -148,7 +148,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                             <div className="feature-block-one">
                                 <div className="inner-box">
-                                    <div className="icon-box"><i className="icon-13"></i></div>
+                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/peace.webp" alt="" /></div>
                                     <h3><Link href="/">Peace of Mind</Link></h3>
                                     <p>Independent industry surveys place our client satisfaction rate at 97%.</p>
                                 </div>
@@ -158,7 +158,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                             <div className="feature-block-one">
                                 <div className="inner-box">
-                                    <div className="icon-box"><i className="icon-10"></i></div>
+                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/24-7.webp" alt="" /></div>
                                     <h3><Link href="/">Available 24/7</Link></h3>
                                     <p>We are available 24 hours a day to provide your loved one with a caregiver.</p>
                                 </div>
@@ -168,7 +168,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                             <div className="feature-block-one">
                                 <div className="inner-box">
-                                    <div className="icon-box"><i className="icon-12"></i></div>
+                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/high.webp" alt="" /></div>
                                     <h3><Link href="/">High Caliber Caregivers</Link></h3>
                                     <p>We typically hire only 1 in 25 applicants and provide ongoing training.</p>
                                 </div>
@@ -178,7 +178,7 @@ export default function Home() {
                         <div className="col-lg-4 col-md-6 col-sm-12 feature-block">
                             <div className="feature-block-one">
                                 <div className="inner-box">
-                                    <div className="icon-box"><i className="icon-14"></i></div>
+                                    <div className="icon-box"><img src="/assets/images/shortcodes/icons/trusted.webp" alt="" /></div>
                                     <h3><Link href="/">A Trusted Partner</Link></h3>
                                     <p>Nano Home Care is the trusted referral choice for elder care professionals.</p>
                                 </div>
@@ -206,7 +206,7 @@ export default function Home() {
                                     >
                                         <div className="inner-box w-100 pb-0">
                                             <div className="icon-box mb-3 mb-lg-0">
-                                                <img src="/assets/images/covid/virtual.webp" alt="Homecare Experts" />
+                                                <img src="/assets/images/shortcodes/icons/talk.webp" />
                                             </div>
                                             <h3>Talk to one of our homecare experts, who understands your situation</h3>
                                             <p className="mb-5">
@@ -230,7 +230,7 @@ export default function Home() {
                                     >
                                         <div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
                                             <div className="icon-box ml-lg-3 mb-3 mb-lg-0">
-                                                <img src="/assets/images/covid/home.webp" alt="Free Assessment" />
+                                                <img src="/assets/images/shortcodes/icons/arrange.webp" />
                                             </div>
                                             <div>
                                                 <h3>Arrange for a Free In-Home Assessment and receive a personalized care proposal that fits your needs</h3>
@@ -258,7 +258,7 @@ export default function Home() {
                                     >
                                         <div className="inner-box w-100 pb-0">
                                             <div className="icon-box mb-3 mb-lg-0">
-                                                <img src="/assets/images/covid/virtual.webp" alt="Review Proposal" />
+                                                <img src="/assets/images/shortcodes/icons/review.webp" />
                                             </div>
                                             <h3>Review Our Care Proposal & Revise as You See Fit</h3>
                                             <p className="mb-5">
@@ -282,7 +282,7 @@ export default function Home() {
                                     >
                                         <div className="inner-box d-flex flex-column flex-lg-row-reverse align-items-lg-start w-100 pb-0">
                                             <div className="icon-box ml-lg-3 mb-3 mb-lg-0">
-                                                <img src="/assets/images/covid/home.webp" alt="Schedule Care" />
+                                                <img src="/assets/images/shortcodes/icons/schedule.webp" />
                                             </div>
                                             <div>
                                                 <h3>Schedule for Care to Start</h3>
@@ -311,11 +311,11 @@ export default function Home() {
                 </div>
                 <div className="auto-container">
                     <div className="inner-container">
-                        <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.png)' }}></div>
+                        <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
                         <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                             <div className="inner-box">
                                 <span className="count-text">01</span>
-                                <figure className="image-box"><img src="/assets/images/resource/process-1.jpg" alt="" /></figure>
+                                <figure className="image-box"><img src="/assets/images/shortcodes/step/step-1.webp" alt="" /></figure>
                                 <div className="lower-content">
                                     <h3>Step 1</h3>
                                     <p>Call and speak to one of our friendly team who will discuss the setup process and outline our packages.</p>
@@ -325,7 +325,7 @@ export default function Home() {
                         <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                             <div className="inner-box">
                                 <span className="count-text">02</span>
-                                <figure className="image-box"><img src="/assets/images/resource/process-2.jpg" alt="" /></figure>
+                                <figure className="image-box"><img src="/assets/images/shortcodes/step/step-2.webp" alt="" /></figure>
                                 <div className="lower-content">
                                     <h3>Step 2</h3>
                                     <p>Request a home visit where we will provide you with a free, no obligation assessment.</p>
@@ -335,7 +335,7 @@ export default function Home() {
                         <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                             <div className="inner-box">
                                 <span className="count-text">03</span>
-                                <figure className="image-box"><img src="/assets/images/resource/process-3.jpg" alt="" /></figure>
+                                <figure className="image-box"><img src="/assets/images/shortcodes/step/step-3.webp" alt="" /></figure>
                                 <div className="lower-content">
                                     <h3>Step 3</h3>
                                     <p>Once agreed, we will setup your care package and introduce you to your Care Worker.</p>
@@ -354,8 +354,8 @@ export default function Home() {
                         <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/about-us/section3/top.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
-                                    <figure className="image image-2"><img src="/assets/images/about-us/section3/bottom.webp" alt="" style={{ height: "400px", objectFit: "cover", width: "100%" }} /></figure>
+                                    <figure className="image image-1"><img src="/assets/images/shortcodes/back.webp" alt="" /></figure>
+                                    <figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt=""/></figure>
                                     {/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
                                 </div>
                             </div>
@@ -386,7 +386,7 @@ export default function Home() {
                             <div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                 <div className="inner-box">
                                     <div className="image-box">
-                                        <figure className="image"><img src="/assets/images/service/service-1.jpg" alt="" /></figure>
+                                        <figure className="image"><img src="/assets/images/shortcodes/hourly-home-care.webp" alt="" /></figure>
                                     </div>
                                     <div className="lower-content">
                                         <h3>Hourly home care</h3>
@@ -399,7 +399,7 @@ export default function Home() {
                             <div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
                                 <div className="inner-box">
                                     <div className="image-box">
-                                        <figure className="image"><img src="/assets/images/service/service-2.jpg" alt="" /></figure>
+                                        <figure className="image"><img src="/assets/images/shortcodes/daily-home-care.webp" alt="" /></figure>
                                     </div>
                                     <div className="lower-content">
                                         <h3>Daily home care</h3>
@@ -412,7 +412,7 @@ export default function Home() {
                             <div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                                 <div className="inner-box">
                                     <div className="image-box">
-                                        <figure className="image"><img src="/assets/images/service/service-3.jpg" alt="" /></figure>
+                                        <figure className="image"><img src="/assets/images/shortcodes/hospital-to-home-care.webp" alt="" /></figure>
                                     </div>
                                     <div className="lower-content">
                                         <h3>Hospital to home care</h3>
@@ -426,7 +426,7 @@ export default function Home() {
             </section>
 
             <section className="testimonial-section pt_120 pb_120 bg-color-1" id="testimonial">
-                <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/background/testimonial-bg.jpg)' }}></div>
+                <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/shortcodes/testimonials-carousel.webp)' }}></div>
                 <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-21.png)' }}></div>
                 <div className="auto-container">
                     <div className="row clearfix">
diff --git a/app/what-to-expect/page.js b/app/what-to-expect/page.js
index c575ce1..cc16901 100644
--- a/app/what-to-expect/page.js
+++ b/app/what-to-expect/page.js
@@ -19,7 +19,7 @@ export default function About() {
                                             <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-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
                                         </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>
diff --git a/app/works/page.js b/app/works/page.js
index 94031c7..400e1e6 100644
--- a/app/works/page.js
+++ b/app/works/page.js
@@ -22,7 +22,7 @@ export default function Home() {
                         <h2>How it Helps You to <br />Keep Healthy</h2>
                         </div>
                         <div className="inner-container">
-                        <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.png)' }}></div>
+                        <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
 
                         {/* Processing Blocks */}
                         {[1, 2, 3].map((count) => (
diff --git a/components/sections/home/AboutSection.js b/components/sections/home/AboutSection.js
index 1337c15..a865319 100644
--- a/components/sections/home/AboutSection.js
+++ b/components/sections/home/AboutSection.js
@@ -7,7 +7,7 @@ export default function AboutSection() {
             <div className="pattern-layer">
                 <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.png)' }}></div>
                 <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-9.png)' }}></div>
-                <div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.png)' }}></div>
+                <div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
             </div>
             <div className="auto-container">
                 <div className="row clearfix">
diff --git a/components/sections/home/FaqSection.js b/components/sections/home/FaqSection.js
index 56c8dc3..a2d5d4d 100644
--- a/components/sections/home/FaqSection.js
+++ b/components/sections/home/FaqSection.js
@@ -37,7 +37,7 @@ export default function FaqSection() {
                                     <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-5" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
                                 </div>
                                 <figure className="image image-1"><img src="/assets/images/home/why-trust-us/trust-right.webp" alt="" /></figure>
                                 <figure className="image image-2"><img src="/assets/images/home/why-trust-us/trust-left.webp" alt="" /></figure>
diff --git a/components/sections/home/ProcessSection.js b/components/sections/home/ProcessSection.js
index 254898e..2df59d7 100644
--- a/components/sections/home/ProcessSection.js
+++ b/components/sections/home/ProcessSection.js
@@ -3,10 +3,10 @@ import React from 'react';
 export default function ProcessSection() {
     return (
         <section className="process-section sec-pad bg-color-1">
-            <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="shape">
-                <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-20.png)' }}></div>
-                <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(assets/images/shape/shape-15.png)' }}></div>
+                <div className="shape-1 float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-20.png)' }}></div>
+                <div className="shape-2 float-bob-y" style={{ backgroundImage: 'url(/assets/images/shape/shape-15.png)' }}></div>
                 <div className="shape-3"></div>
             </div>
             <div className="auto-container">
@@ -15,12 +15,12 @@ export default function ProcessSection() {
                     <h2>How Physiotherapy Helps You Heal <br />and Stay Strong</h2>
                 </div>
                 <div className="inner-container">
-                    <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.png)' }}></div>
+                    <div className="arrow-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-18.webp)' }}></div>
                     {/* Step 01 */}
                     <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                         <div className="inner-box">
                             <span className="count-text">01</span>
-                            <figure className="image-box"><img src="assets/images/resource/process-1.jpg" alt="" /></figure>
+                            <figure className="image-box"><img src="/assets/images/resource/process-1.jpg" alt="" /></figure>
                             <div className="lower-content">
                                 <h3>Area of Injury</h3>
                                 <p>We carefully assess the affected area to identify the root cause of your pain or discomfort.</p>
@@ -32,7 +32,7 @@ export default function ProcessSection() {
                     <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="300ms" data-wow-duration="1500ms">
                         <div className="inner-box">
                             <span className="count-text">02</span>
-                            <figure className="image-box"><img src="assets/images/resource/process-2.jpg" alt="" /></figure>
+                            <figure className="image-box"><img src="/assets/images/resource/process-2.jpg" alt="" /></figure>
                             <div className="lower-content">
                                 <h3>Rehabilitation</h3>
                                 <p>Through guided exercises and therapy, we help restore movement, strength, and flexibility.</p>
@@ -44,7 +44,7 @@ export default function ProcessSection() {
                     <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                         <div className="inner-box">
                             <span className="count-text">03</span>
-                            <figure className="image-box"><img src="assets/images/resource/process-3.jpg" alt="" /></figure>
+                            <figure className="image-box"><img src="/assets/images/resource/process-3.jpg" alt="" /></figure>
                             <div className="lower-content">
                                 <h3>Accident</h3>
                                 <p>We provide personalized care plans to speed up recovery and help you return to normal life after accidents.</p>
diff --git a/components/sections/home1/About.js b/components/sections/home1/About.js
index f79818d..1ff88e1 100644
--- a/components/sections/home1/About.js
+++ b/components/sections/home1/About.js
@@ -9,7 +9,7 @@ export default function about() {
         <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
         <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
         <div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
-        <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+        <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
       <div className="auto-container">
         <div className="row clearfix">
diff --git a/components/sections/home1/Process.js b/components/sections/home1/Process.js
index 8b2ca61..76d9e98 100644
--- a/components/sections/home1/Process.js
+++ b/components/sections/home1/Process.js
@@ -15,7 +15,7 @@ export default function Process() {
           <h2>How it Helps You to <br />Keep Healthy</h2>
         </div>
         <div className="inner-container">
-          <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.png)' }}></div>
+          <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
           <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
             <div className="inner-box">
               <span className="count-text">01</span>
diff --git a/components/sections/home2/About.js b/components/sections/home2/About.js
index e1f26d8..17b4103 100644
--- a/components/sections/home2/About.js
+++ b/components/sections/home2/About.js
@@ -6,7 +6,7 @@ export default function About() {
       <div className="pattern-layer">
         <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
         <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
-        <div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+        <div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
       <div className="auto-container">
         <div className="row clearfix">
diff --git a/components/sections/home3/About.js b/components/sections/home3/About.js
index ed6a66c..e2eecb1 100644
--- a/components/sections/home3/About.js
+++ b/components/sections/home3/About.js
@@ -16,7 +16,7 @@ export default function About() {
                                     <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-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></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>
diff --git a/components/sections/home3/Process.js b/components/sections/home3/Process.js
index c2784b5..f36bde3 100644
--- a/components/sections/home3/Process.js
+++ b/components/sections/home3/Process.js
@@ -15,7 +15,7 @@ export default function Process() {
                     <h2>How it Helps You to <br />Keep Healthy</h2>
                 </div>
                 <div className="inner-container">
-                    <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.png)' }}></div>
+                    <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
                     <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                         <div className="inner-box">
                             <span className="count-text">01</span>
diff --git a/components/sections/onepage/About.js b/components/sections/onepage/About.js
index c2f78d8..76dc40e 100644
--- a/components/sections/onepage/About.js
+++ b/components/sections/onepage/About.js
@@ -9,7 +9,7 @@ export default function about() {
         <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.png)' }}></div>
         <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
         <div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
-        <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.png)' }}></div>
+        <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
       <div className="auto-container">
         <div className="row clearfix">
diff --git a/components/sections/onepage/Process.js b/components/sections/onepage/Process.js
index d3a748f..9a63bad 100644
--- a/components/sections/onepage/Process.js
+++ b/components/sections/onepage/Process.js
@@ -15,7 +15,7 @@ export default function Process() {
           <h2>How it Helps You to <br />Keep Healthy</h2>
         </div>
         <div className="inner-container">
-          <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.png)' }}></div>
+          <div className="arrow-shape" style={{ backgroundImage: 'url(assets/images/shape/shape-18.webp)' }}></div>
           <div className="processing-block-one wow fadeInLeft animated" data-wow-delay="00ms" data-wow-duration="1500ms">
             <div className="inner-box">
               <span className="count-text">01</span>
diff --git a/public/assets/images/home/banner/banner-img-1.webp b/public/assets/images/home/banner/banner-img-1.webp
index 0da1d04..eecc3e3 100644
Binary files a/public/assets/images/home/banner/banner-img-1.webp and b/public/assets/images/home/banner/banner-img-1.webp differ
diff --git a/public/assets/images/shortcodes/back.webp b/public/assets/images/shortcodes/back.webp
new file mode 100644
index 0000000..220e9db
Binary files /dev/null and b/public/assets/images/shortcodes/back.webp differ
diff --git a/public/assets/images/shortcodes/daily-home-care.webp b/public/assets/images/shortcodes/daily-home-care.webp
new file mode 100644
index 0000000..a0b61b7
Binary files /dev/null and b/public/assets/images/shortcodes/daily-home-care.webp differ
diff --git a/public/assets/images/shortcodes/front.webp b/public/assets/images/shortcodes/front.webp
new file mode 100644
index 0000000..7ed4706
Binary files /dev/null and b/public/assets/images/shortcodes/front.webp differ
diff --git a/public/assets/images/shortcodes/hospital-to-home-care.webp b/public/assets/images/shortcodes/hospital-to-home-care.webp
new file mode 100644
index 0000000..6b55d12
Binary files /dev/null and b/public/assets/images/shortcodes/hospital-to-home-care.webp differ
diff --git a/public/assets/images/shortcodes/hourly-home-care.webp b/public/assets/images/shortcodes/hourly-home-care.webp
new file mode 100644
index 0000000..34a0ca8
Binary files /dev/null and b/public/assets/images/shortcodes/hourly-home-care.webp differ
diff --git a/public/assets/images/shortcodes/icons/24-7.webp b/public/assets/images/shortcodes/icons/24-7.webp
new file mode 100644
index 0000000..1aa372b
Binary files /dev/null and b/public/assets/images/shortcodes/icons/24-7.webp differ
diff --git a/public/assets/images/shortcodes/icons/arrange.webp b/public/assets/images/shortcodes/icons/arrange.webp
new file mode 100644
index 0000000..6e87e6a
Binary files /dev/null and b/public/assets/images/shortcodes/icons/arrange.webp differ
diff --git a/public/assets/images/shortcodes/icons/balanced-care.webp b/public/assets/images/shortcodes/icons/balanced-care.webp
new file mode 100644
index 0000000..e4e1fca
Binary files /dev/null and b/public/assets/images/shortcodes/icons/balanced-care.webp differ
diff --git a/public/assets/images/shortcodes/icons/daily-care.webp b/public/assets/images/shortcodes/icons/daily-care.webp
new file mode 100644
index 0000000..67d7ce4
Binary files /dev/null and b/public/assets/images/shortcodes/icons/daily-care.webp differ
diff --git a/public/assets/images/shortcodes/icons/high.webp b/public/assets/images/shortcodes/icons/high.webp
new file mode 100644
index 0000000..fcd15c4
Binary files /dev/null and b/public/assets/images/shortcodes/icons/high.webp differ
diff --git a/public/assets/images/shortcodes/icons/peace.webp b/public/assets/images/shortcodes/icons/peace.webp
new file mode 100644
index 0000000..f4769cb
Binary files /dev/null and b/public/assets/images/shortcodes/icons/peace.webp differ
diff --git a/public/assets/images/shortcodes/icons/review.webp b/public/assets/images/shortcodes/icons/review.webp
new file mode 100644
index 0000000..925a3d1
Binary files /dev/null and b/public/assets/images/shortcodes/icons/review.webp differ
diff --git a/public/assets/images/shortcodes/icons/schedule.webp b/public/assets/images/shortcodes/icons/schedule.webp
new file mode 100644
index 0000000..b72ecec
Binary files /dev/null and b/public/assets/images/shortcodes/icons/schedule.webp differ
diff --git a/public/assets/images/shortcodes/icons/talk.webp b/public/assets/images/shortcodes/icons/talk.webp
new file mode 100644
index 0000000..954c98d
Binary files /dev/null and b/public/assets/images/shortcodes/icons/talk.webp differ
diff --git a/public/assets/images/shortcodes/icons/trusted.webp b/public/assets/images/shortcodes/icons/trusted.webp
new file mode 100644
index 0000000..a82c7f1
Binary files /dev/null and b/public/assets/images/shortcodes/icons/trusted.webp differ
diff --git a/public/assets/images/shortcodes/shortcodes-banner.webp b/public/assets/images/shortcodes/shortcodes-banner.webp
new file mode 100644
index 0000000..5129140
Binary files /dev/null and b/public/assets/images/shortcodes/shortcodes-banner.webp differ
diff --git a/public/assets/images/shortcodes/step/step-1.webp b/public/assets/images/shortcodes/step/step-1.webp
new file mode 100644
index 0000000..e2605c2
Binary files /dev/null and b/public/assets/images/shortcodes/step/step-1.webp differ
diff --git a/public/assets/images/shortcodes/step/step-2.webp b/public/assets/images/shortcodes/step/step-2.webp
new file mode 100644
index 0000000..ede5633
Binary files /dev/null and b/public/assets/images/shortcodes/step/step-2.webp differ
diff --git a/public/assets/images/shortcodes/step/step-3.webp b/public/assets/images/shortcodes/step/step-3.webp
new file mode 100644
index 0000000..1e1e4bf
Binary files /dev/null and b/public/assets/images/shortcodes/step/step-3.webp differ
diff --git a/public/assets/images/shortcodes/testimonials-carousel.webp b/public/assets/images/shortcodes/testimonials-carousel.webp
new file mode 100644
index 0000000..6e41fbd
Binary files /dev/null and b/public/assets/images/shortcodes/testimonials-carousel.webp differ