banner image - latest updated

app/contact/page.js

@@ -150,7 +150,8 @@ export default function Contact() {
                 <div className="col-lg-8 col-md-12 col-sm-12 form-column">
                   <div className="form-inner mr_40">
                     <div className="sec-title mb_50">
-                      <h2>Send a Message</h2>
+                      <h2>How can we help?</h2>
+                      <p className="mt-3">Please complete the contact information below and let us know your needs. Upon receipt of your information one of our team members will reach out.</p>
                     </div>
 
                     {/* Alert Message */}

app/page.js

@@ -37,6 +37,7 @@ export default function Home() {
                 <div className="d-block d-md-none">
                     <MobileServices />
                 </div>
+                   <Features />
                 <FaqSection />
                 <AreaOfInjury />
                 <WhyChooseUsSection />

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

@@ -150,7 +150,7 @@ export default function Team() {
           </div> */}
                         <p className="inner-box-new-color">Rapha rehab offers patients in etobicoke and scarborough exceptional care with a personalized treatment plan to suit your specific needs. If you are suffering from pain or have recently experienced an injury, our  etobicoke and scarborough Physiotherapists will ensure you get back to the activities you enjoy and love. Call us at 647-722-3434  for an appointment today or email us at bloor@rapharehab.ca to book a consultation.</p>
                         <div className="btn-box mt-4">
-                            <Link href="tel:647-722-3434" className="theme-btn btn-one">
+                            <Link href="tel:647-722-3434" className="theme-btn btn-one-blue">
                                 <span>Make an Appointment</span>
                             </Link>
                         </div>

components/sections/home/AboutSection.js

@@ -14,7 +14,7 @@ export default function AboutSection() {
                     <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                         <div className="image_block_one">
                             <div className="image-box">
-                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.png)' }}></div>
+                                <div className="shape float-bob-x" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></div>
                                 <div className="image-shape" style={{ backgroundImage: 'url(/assets/images/shape/shape-26.png)' }}></div>
                                 <figure className="image-2"><img src="/assets/images/home/welcome/home-welcome.webp" alt="" /></figure>
                                 <div className="icon-one"><img src="/assets/images/home/welcome/top-icon.webp" alt="" /></div>

components/sections/home/AreaOfInjury.js

@@ -20,9 +20,9 @@ export default function AreaOfInjury() {
                 <div className="pattern-2" style={{ backgroundImage: 'url(assets/images/shape/shape-14.webp)' }}></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-1 mb_50">

components/sections/home/FaqSection.js

@@ -35,7 +35,7 @@ export default function FaqSection() {
                                 <div className="image-shape">
                                     <div className="shape-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></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-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-7.webp)' }}></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.webp)' }}></div>
                                 </div>

components/sections/home/ServicesSection.js

@@ -4,10 +4,13 @@ import React from 'react';
 
 export default function ServicesSection() {
     return (
-        <section className="service-section sec-pad bg-color-1">
+        // <section className="service-section bg-layer sec-pad bg-color-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}>
+        <section className="service-section sec-pad bg-color-1" >
+           <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
+           
             <div className="auto-container">
                 <div className="sec-title-1 mb_50 centred">
-                    <span className="sub-title-1">We Offer For You Medical & <br />Saving Lives</span>
+                    <span className="sub-title-1">We Offer You Medical & Saving Lives</span>
                     <h2>Our Services</h2>
                 </div>
                 <div className="row clearfix">

components/sections/home2/Banner.js

@@ -9,7 +9,7 @@ const swiperOptions = {
     slidesPerView: 1,
     spaceBetween: 0,
     autoplay: {
-        delay: 7000,
+        delay: 5000,
         disableOnInteraction: false,
     },
     loop: true,

components/sections/home2/Solution.js

@@ -39,8 +39,8 @@ export default function Solution() {
             </div>
           </div>
           <div className="col-lg-6 col-md-12 col-sm-12 image-column">
-            <div className="image_block_two">
-              <div className="image-box">
+            <div className="image_block_tw">
+              <div className="image-box text-center">
                 <img
                   src="/assets/images/home/trusted/trusted-physiotherapy-care.webp"
                   alt="Trusted Physiotherapy"

public/assets/css/module-css/banner.css

@@ -153,11 +153,12 @@
   -webkit-transform:scale(1);
   -ms-transform:scale(1);
   transform:scale(1);
-  -webkit-transition: all 8000ms linear;
+  transition: none !important;
+  /* -webkit-transition: all 8000ms linear;
   -moz-transition: all 8000ms linear;
   -ms-transition: all 8000ms linear;
   -o-transition: all 8000ms linear;
-  transition: all 8000ms linear;
+  transition: all 8000ms linear; */
 }
   
 .banner-carousel .swiper-slide-active .bg-layer{

public/assets/css/module-css/feature.css

@@ -104,7 +104,7 @@
   box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1);
   border-radius: 20px;
   z-index: 1;
-  margin-top: -167px;
+  margin-top: -140px;
   padding: 0px 30px;
 }
 

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

@@ -27,8 +27,8 @@
 .image_block_two .image-box{
   position: relative;
   display: block;
-  /* padding-bottom: 137px; */
-  /* padding-left: 140px; */
+  padding-bottom: 137px;
+  padding-left: 140px;
 }
 
 .image_block_two .image-box img{

public/assets/css/style.css

@@ -479,6 +479,12 @@
 
  .theme-btn.btn-one {
    background: var(--theme-color);
+ }
+ 
+ .theme-btn.btn-one-blue{
+
+  background-color: #102548;
+
  }
 
    .theme-btn.btn-one-new {
@@ -662,7 +668,7 @@
  }
 
  .sec-pad {
-   padding: 114px 0px 90px 0px;
+   padding: 114px 0px 220px 0px;
  }
 
  .sec-pad-2 {