Merge branch 'team' of https://git.metatroncube.in/MetatroncubeSoftwareSolutions/rapharehap into team

app/caregivers/CaregiversPage.js

@@ -68,7 +68,7 @@ export default function Home() {
                     <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-35.webp)' }}></div>
                     <div className="auto-container">
                         <div className="row clearfix">
-                            <div className="col-lg-6 col-md-12 col-sm-12 image-column">
+                            {/* <div className="col-lg-6 col-md-12 col-sm-12 image-column">
                                 <div className="image_block_three">
                                     <div className="image-box">
                                         <figure className="image image-1"><img src="/assets/images/caregivers/right.webp" alt="A professional and friendly care provider" /></figure>
@@ -76,13 +76,27 @@ export default function Home() {
                                         <div className="icon-box"><img src="/assets/images/caregivers/rapharehab-web-images.webp" alt="A professional and friendly care provider" /></div>
                                     </div>
                                 </div>
+                            </div> */}
+
+                            <div className="col-lg-6 col-md-12 col-sm-12 image-column mb-5 text-center text-lg-start">
+                                <div className="image_block_four">
+                                    <div className="image-box">
+                                        <figure>
+                                            <img
+                                                src="/assets/images/caregivers/left.webp"
+                                                alt="A professional and friendly care provider"
+                                                className="img-fluid"
+                                            />
+                                        </figure>
+                                    </div>
+                                </div>
                             </div>
                             <div className="col-lg-6 col-md-12 col-sm-12 content-column mt-5">
                                 <div className="content_block_one">
                                     <div className="content-box">
                                         <div className="sec-title-1 mb_15 mt_15">
                                             <span className="sub-title-1">At NanoCare</span>
-                                             <h2>A professional and friendly care provider</h2>
+                                            <h2>A professional and friendly care provider</h2>
                                         </div>
                                         <div className="text-box mb_40">
                                             <p className="text-white">At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.</p>
@@ -97,17 +111,17 @@ export default function Home() {
                     </div>
                 </section>
 
-                <section className="service-section pb_90 pt_90  bg-color-1" id="service">
+                <section className="service-section pb_90 pt_90 bg-color-1" id="service">
                     <div className="auto-container">
                         <div className="row clearfix">
-                            <div className="col-lg-4 col-md-6 col-sm-12 service-block">
-                                <div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
-                                    <div className="inner-box">
+                            <div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
+                                <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
+                                    <div className="inner-box d-flex flex-column flex-grow-1">
                                         <div className="image-box">
                                             <figure className="image"><img src="/assets/images/caregivers/1.webp" alt="Keira Knightley" /></figure>
                                             {/* <div className="icon-box"><i className="icon-15"></i></div> */}
                                         </div>
-                                        <div className="lower-content2">
+                                        <div className="lower-content2 mt-auto">
                                             <h3>Keira Knightley</h3>
                                             <h5 className="mb-3">Care Manager</h5>
                                             <p>Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.</p>
@@ -115,14 +129,14 @@ export default function Home() {
                                     </div>
                                 </div>
                             </div>
-                            <div className="col-lg-4 col-md-6 col-sm-12 service-block">
-                                <div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
-                                    <div className="inner-box">
+                            <div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
+                                <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="300ms" data-wow-duration="1500ms">
+                                    <div className="inner-box d-flex flex-column flex-grow-1">
                                         <div className="image-box">
                                             <figure className="image"><img src="/assets/images/caregivers/2.webp" alt="Katherine waterston" /></figure>
                                             {/* <div className="icon-box"><i className="icon-16"></i></div> */}
                                         </div>
-                                        <div className="lower-content2">
+                                        <div className="lower-content2 mt-auto">
                                             <h3>Katherine waterston</h3>
                                             <h5 className="mb-3">Care Manager</h5>
                                             <p>At Nano Care, Katherine ensures that the each and every client of Nano Care is looked after according to the company’s core mission, values and vision.</p>
@@ -130,14 +144,14 @@ export default function Home() {
                                     </div>
                                 </div>
                             </div>
-                            <div className="col-lg-4 col-md-6 col-sm-12 service-block">
-                                <div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
-                                    <div className="inner-box">
+                            <div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
+                                <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="600ms" data-wow-duration="1500ms">
+                                    <div className="inner-box d-flex flex-column flex-grow-1">
                                         <div className="image-box">
                                             <figure className="image"><img src="/assets/images/caregivers/3.webp" alt="Anna faris" /></figure>
                                             {/* <div className="icon-box"><i className="icon-17"></i></div> */}
                                         </div>
-                                        <div className="lower-content2">
+                                        <div className="lower-content2 mt-auto">
                                             <h3>Anna faris</h3>
                                             <h5 className="mb-3">Care Manager</h5>
                                             <p>Anna ensures that all the staff and support workers at Nano Care adhere to the company’s ethos of providing the highest care standards in every service we offer</p>
@@ -149,14 +163,14 @@ export default function Home() {
                     </div>
                     <div className="auto-container">
                         <div className="row clearfix">
-                            <div className="col-lg-4 col-md-6 col-sm-12 service-block">
-                                <div className="service-block-one wow fadeInUp animated" data-wow-delay="00ms" data-wow-duration="1500ms">
-                                    <div className="inner-box">
+                            <div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
+                                <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
+                                    <div className="inner-box d-flex flex-column flex-grow-1">
                                         <div className="image-box">
                                             <figure className="image"><img src="/assets/images/caregivers/4.webp" alt="David walliams" /></figure>
                                             {/* <div className="icon-box"><i className="icon-15"></i></div> */}
                                         </div>
-                                        <div className="lower-content2">
+                                        <div className="lower-content2 mt-auto">
                                             <h3>David walliams</h3>
                                             <h5 className="mb-3">Care Co-Ordinator</h5>
                                             <p>David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.</p>
@@ -164,14 +178,14 @@ export default function Home() {
                                     </div>
                                 </div>
                             </div>
-                            <div className="col-lg-4 col-md-6 col-sm-12 service-block">
-                                <div className="service-block-one wow fadeInUp animated" data-wow-delay="300ms" data-wow-duration="1500ms">
-                                    <div className="inner-box">
+                            <div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
+                                <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="300ms" data-wow-duration="1500ms">
+                                    <div className="inner-box d-flex flex-column flex-grow-1">
                                         <div className="image-box">
                                             <figure className="image"><img src="/assets/images/caregivers/5.webp" alt="John henry" /></figure>
                                             {/* <div className="icon-box"><i className="icon-16"></i></div> */}
                                         </div>
-                                        <div className="lower-content2">
+                                        <div className="lower-content2 mt-auto">
                                             <h3>John henry</h3>
                                             <h5 className="mb-3">Care Co-Ordinator</h5>
                                             <p>John has experience in ensuring that the level of care that is provided to our clients does not fall short of any expectations that is expected of a care provider.</p>
@@ -179,14 +193,14 @@ export default function Home() {
                                     </div>
                                 </div>
                             </div>
-                            <div className="col-lg-4 col-md-6 col-sm-12 service-block">
-                                <div className="service-block-one wow fadeInUp animated" data-wow-delay="600ms" data-wow-duration="1500ms">
-                                    <div className="inner-box">
+                            <div className="col-lg-4 col-md-6 col-sm-12 service-block d-flex">
+                                <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="600ms" data-wow-duration="1500ms">
+                                    <div className="inner-box d-flex flex-column flex-grow-1">
                                         <div className="image-box">
                                             <figure className="image"><img src="/assets/images/caregivers/6.webp" alt="Sophia jabola" /></figure>
                                             {/* <div className="icon-box"><i className="icon-17"></i></div> */}
                                         </div>
-                                        <div className="lower-content2">
+                                        <div className="lower-content2 mt-auto">
                                             <h3>Sophia jabola</h3>
                                             <h5 className="mb-3">Care Co-Ordinator</h5>
                                             <p>She has previously trained as a midwife. Her nine years’ experience as a nurse included working in the Hospital Medical Ward and Accident and Emergency.</p>
@@ -198,6 +212,7 @@ export default function Home() {
                     </div>
                 </section>
 
+
                 <section className="faq-section pt_90 pb_90">
                     <div className="auto-container">
                         <div className="sec-title centred mb_50">
@@ -284,8 +299,8 @@ export default function Home() {
                                         {/* FAQ 4 */}
                                         <li className="accordion block">
                                             <div
-                                                className={isActive.key === 3 ? "acc-btn active" : "acc-btn"}
-                                                onClick={() => handleToggle(3)}
+                                                className={isActive.key === 4 ? "acc-btn active" : "acc-btn"}
+                                                onClick={() => handleToggle(4)}
                                             >
                                                 <div className="icon-box"><i className="icon-34"></i></div>
                                                 <h5>Do you hire W-2, 1099, or private contractors?</h5>

app/payment-insurance/page.js

@@ -35,7 +35,7 @@ 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-ho"><img src="/assets/images/payment-insurance/back.webp" alt="Payment and Insurance" /></figure>
+                                        <figure className="image image-1-new"><img src="/assets/images/payment-insurance/back.webp" alt="Payment and Insurance" /></figure>
                                         <figure className="image image-2-new"><img src="/assets/images/payment-insurance/front.webp" alt="Payment and Insurance" /></figure>
                                         <div className="icon-box cart-icon"><img src="/assets/images/payment-insurance/icon.webp" alt="Payment and Insurance" /></div>
                                     </div>

app/shortcodes/ShortcodesClient.js

@@ -347,8 +347,8 @@ export default function Home() {
                         {/* RIGHT IMAGE / LEFT CONTENT */}
                         <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/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
+                                <div className="image-box raw-image">
+                                    <figure className="image image-1-ho raw "><img src="/assets/images/shortcodes/back.webp" alt="Why choose nanocare" /></figure>
                                     <figure className="image image-2"><img src="/assets/images/shortcodes/front.webp" alt="Why choose nanocare" /></figure>
                                     {/* <div className="icon-box"><img src="/assets/images/about-us/section3/icon.webp" alt="" /></div> */}
                                 </div>

app/what-to-expect/page.js

@@ -27,7 +27,7 @@ export default function About() {
                                             <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>
-                                        <figure className="image image-1-ho"><img src="/assets/images/what-we-expect/right.webp" alt="What to Expect – Physiotherapy Etobicoke" /></figure>
+                                        <figure className="image image-1"><img src="/assets/images/what-we-expect/right.webp" alt="What to Expect – Physiotherapy Etobicoke" /></figure>
                                         <figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="What to Expect – Physiotherapy Etobicoke" /></figure>
                                         <div className="icon-box"><img src="/assets/images/what-we-expect/icon.webp" alt="What to Expect – Physiotherapy Etobicoke" /></div>
                                     </div>

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

@@ -69,14 +69,14 @@ 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 pr_30">
                                 <div className="image-box">
-                                    <figure className="image image-1"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
+                                    <figure className="image image-1-ho"><img src="/assets/images/why-us/back-1.webp" alt="health care professionals" /></figure>
                                     <figure className="image image-2"><img src="/assets/images/why-us/front-1.webp" alt="health care professionals" /></figure>
                                     <div className="icon-box"><img src="/assets/images/why-us/icon-1.webp" alt="health care professionals" /></div>
                                 </div>
                             </div>
                         </div>
                         <div className="col-lg-6 col-md-12 col-sm-12 content-column order-1 order-lg-2">
-                            <div className="content_block_one pl_30">
+                            <div className="content_block_one">
                                 <div className="content-box">
                                     {/* <div className="sec-title mb_15">
                                         <span className="sub-title">About Us</span>
@@ -98,7 +98,7 @@ export default function Team() {
                 </div>
             </section>
 
-            <section className="testimonial-style-two p_relative pt-0">
+            <section className="testimonial-style-two p_relative pt-5">
                 {/* <div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/shape/shape-19.png)' }}></div> */}
                 <div className="auto-container">
                     <div className="row align-items-center flex-row-reverse">
@@ -106,8 +106,8 @@ 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/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
-                                    <figure className="image image-2"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
+                                    <figure className="image image-1-ho"><img src="/assets/images/why-us/back-2.webp" alt="Top-Notch Treatment " /></figure>
+                                    <figure className="image image-2 rowImage"><img src="/assets/images/why-us/front-2.webp" alt="Top-Notch Treatment " /></figure>
                                     <div className="icon-box"><img src="/assets/images/why-us/icon-2.webp" alt="Top-Notch Treatment" /></div>
                                 </div>
                             </div>

components/ContactFloat.js

@@ -14,27 +14,29 @@ export default function ContactFloat() {
       href: "tel:647-722-3434",
       src: "/assets/images/icons/call.png",
       label: "Call",
+      newTab: true, // 👈 added
     },
     {
       action: () => setShowChat(true),
       src: "/assets/images/chat.png",
       label: "Chat",
     },
-        {
+    {
       href: "https://www.instagram.com/elrapharehab/",
       src: "/assets/images/insta.png",
       label: "Instagram",
+      newTab: true,
     },
-        {
+    {
       href: "https://www.facebook.com/ELRaphaRehabCenter/",
       src: "/assets/images/fb.png",
-      label: "Facebook",  
+      label: "Facebook",
+      newTab: true,
     },
   ];
 
   /** Social media list shown on Share click */
   const socialIcons = [
-
     {
       href: "https://www.instagram.com/elrapharehab/",
       iconClass: "icon-4",
@@ -75,6 +77,8 @@ export default function ContactFloat() {
                   key={i}
                   href={icon.href}
                   aria-label={icon.label}
+                  target="_blank"
+                  rel="noopener noreferrer"
                   style={{
                     background: "#102548",
                     borderRadius: "50%",
@@ -170,8 +174,9 @@ export default function ContactFloat() {
             flexDirection: "row",
             gap: "15px",
             zIndex: 9999,
-            background: "white", padding: "8px",
-            borderRadius: "50px"
+            background: "white",
+            padding: "8px",
+            borderRadius: "50px",
           }}
         >
           {socialIcons.map((icon, i) => (

components/sections/home2/Banner.js

@@ -92,9 +92,19 @@ export default function Banner() {
                                 transition={transition}
                             >
                                 <div className="bg-layer bg-slide-0"
-                                     style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-1.webp)' }}>
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-1.webp)' }}>
                                 </div>
-                                <div className="auto-container" style={{ height: "600px" }}>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "center", textAlign: "center" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-2 ">Renew your</span>
+                                        <h2 style={{ color: "#bc0000" }}>Strength</h2>
+                                        <p className=' text-white'>Relaxing Massage Therapy</p>
+                                        <div className="btn-box mt-3">
+                                            <Link href="tel:+647-722-3434" className="theme-btn btn-one">
+                                                <span>Book Your Appointment</span>
+                                            </Link>
+                                        </div>
+                                    </div>
                                 </div>
                             </motion.div>
                         )}
@@ -115,13 +125,13 @@ export default function Banner() {
                                 transition={transition}
                             >
                                 <div className="bg-layer"
-                                     style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-2.webp)' }}>
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-2.webp)' }}>
                                 </div>
-                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
-                                    <div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
-                                        <span className="upper-text">Care That Heals Gently</span>
-                                        <h2>Relaxing <span>Massage</span> Therapy</h2>
-                                        <p>Experience soothing massage techniques that release tension, promote circulation, and support your overall wellness.</p>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "end", textAlign: "center" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-3">Restore your</span>
+                                        <h2 style={{ color: "#bc0000" }}>Mobility</h2>
+                                        <p className=' text-white'>Physiotherapist smiling with patient (currently “Trusted Physio Experts”)</p>
                                         <div className="btn-box mt-3">
                                             <Link href="/contact" className="theme-btn btn-one">
                                                 <span>Schedule a Massage</span>
@@ -148,13 +158,13 @@ export default function Banner() {
                                 transition={transition}
                             >
                                 <div className="bg-layer"
-                                     style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-3.webp)' }}>
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-3.webp)' }}>
                                 </div>
-                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
-                                    <div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
-                                        <span className="upper-text">Wellness Near You Always</span>
-                                        <h2>Trusted <span>Physio</span> Experts</h2>
-                                        <p>Comprehensive physiotherapy and rehab services designed to restore your strength, mobility, and long-term wellness.</p>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "start", textAlign: "start" }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-2">Reclaim your</span>
+                                        <h2 style={{ color: "#bc0000" }}>Wellness</h2>
+                                        <p className='text-white'>Hands massaging shoulder (currently “Holistic Wellness Care”)</p>
                                         <div className="btn-box mt-3">
                                             <Link href="/etobicoke-treatment-service" className="theme-btn btn-one">
                                                 <span>Explore Our Service</span>
@@ -181,13 +191,13 @@ export default function Banner() {
                                 transition={transition}
                             >
                                 <div className="bg-layer"
-                                     style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-4.webp)' }}>
+                                    style={{ backgroundImage: 'url(/assets/images/banner/desktopBanner/home-banner-4.webp)' }}>
                                 </div>
-                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
-                                    <div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
-                                        <span className="upper-text">Healing With Caring Hands</span>
-                                        <h2>Holistic <span>Wellness</span> Care</h2>
-                                        <p>Discover holistic physiotherapy and rehab services designed to restore balance, ease pain, and support long-term recovery.</p>
+                                <div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end",justifyContent: "start", textAlign: "start"  }}>
+                                    <div className="content-box custom-content-box">
+                                        <span className="upper-text mb-2">Begin your</span>
+                                        <h2 style={{ color: "#bc0000" }}>Recovery</h2>
+                                        <p className='text-white'>Your Path to Recovery Starts Today</p>
                                         <div className="btn-box mt-3">
                                             <Link href="/contact" className="theme-btn btn-one">
                                                 <span>Visit Our Location</span>

components/sections/home2/MobileBanner.js

@@ -49,34 +49,28 @@ export default function MobileBanner() {
     }, []);
 
     const slides = [
-        //  {
-        //     id: 0,
-        //     variant: 'topToBottom',
-        //     bgImage: '/assets/images/banner/mobile-banner/mbl-view-banner-1.png',
-        //     upperText: 'Begin Your Health Journey',
-        //     title: 'Better',
-        //     titleSpan: 'health',
-        //     titleEnd: 'Forever',
-        //     subtitle: 'Expert Physiotherapy in Mississauga for You.',
-        //     description: 'Our expert physiotherapists help you restore movement, reduce pain, and live healthier with personalized care in Mississauga.',
-        //     buttonText: 'Book Your Appointment',
-        //     buttonLink: 'tel:+647-722-3434',
-        //     contentStyle: 'mobile-style'
-        // },
-        {
+         {
             id: 0,
             variant: 'topToBottom',
             bgImage: '/assets/images/banner/mobile-banner/1.webp',
-            hideContent: true
+            upperText: 'Renew your',
+            title: 'Strength',
+            // titleSpan: 'health',
+            // titleEnd: 'Forever',
+            subtitle: 'Expert Physiotherapy in Mississauga for You.',
+            description: 'Our expert physiotherapists help you restore movement, reduce pain, and live healthier with personalized care in Mississauga.',
+            buttonText: 'Book Your Appointment',
+            buttonLink: 'tel:+647-722-3434',
+            contentStyle: 'mobile-style'
         },
         {
             id: 1,
             variant: 'bottomToTop',
             bgImage: '/assets/images/banner/mobile-banner/2.webp',
-            upperText: 'Care That Heals Gently',
-            title: 'Relaxing',
-            titleSpan: 'Massage',
-            titleEnd: 'Therapy',
+            upperText: 'Restore your ',
+            title: 'Mobility',
+            // titleSpan: 'Massage',
+            // titleEnd: 'Therapy',
             // subtitle: 'Expert Hand Massage Techniques for Relief',
             description: 'Experience soothing massage techniques that release tension, promote circulation, and support your overall wellness.',
             buttonText: 'Schedule a Massage',
@@ -87,10 +81,10 @@ export default function MobileBanner() {
             id: 2,
             variant: 'leftToRight',
             bgImage: '/assets/images/banner/mobile-banner/3.webp',
-            upperText: 'Wellness Near You Always',
-            title: 'Trusted',
-            titleSpan: 'Physio',
-            titleEnd: 'Experts',
+            upperText: 'Reclaim your',
+            title: 'Wellness',
+            // titleSpan: 'Physio',
+            // titleEnd: 'Experts',
             // subtitle: 'Physiotherapy Etobicoke & Rehab Care.',
             description: 'Comprehensive physiotherapy and rehab services designed to restore your strength, mobility, and long-term wellness.',
             buttonText: 'Explore Our Service',
@@ -101,10 +95,10 @@ export default function MobileBanner() {
             id: 3,
             variant: 'rightToLeft',
             bgImage: '/assets/images/banner/mobile-banner/4.webp',
-            upperText: 'Healing With Caring Hands',
-            title: 'Holistic',
-            titleSpan: 'Wellness',
-            titleEnd: 'Care',
+            upperText: 'Begin your ',
+            title: ' Recovery',
+            // titleSpan: 'Wellness',
+            // titleEnd: 'Care',
             // subtitle: 'Waterfront Physio and Rehab Services.',
             description: 'Discover holistic physiotherapy and rehab services designed to restore balance, ease pain, and support long-term recovery.',
             buttonText: 'Visit Our Location',
@@ -172,8 +166,8 @@ export default function MobileBanner() {
                                             <div
                                                 className={`content-box custom-content-box ${slide.contentStyle || ''}`}
                                             >
-                                                <span className="upper-text">{slide.upperText}</span>
-                                                <h2>
+                                                <span className="upper-text mb-2 ">{slide.upperText}</span>
+                                                <h2 style={{fontSize:"32px !important", lineHeight:"42px"}}>
                                                     {slide.title} {slide.titleSpan} {slide.titleEnd}
                                                 </h2>
                                                 <p>{slide.subtitle}</p>

public/assets/css/module-css/about.css

@@ -438,6 +438,7 @@
 
 .about-style-three .pattern-layer{
   position: absolute;
+  opacity: 0.8;
   top: 0px;
   right: 0px;
   width: 699px;

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

@@ -143,7 +143,7 @@
 .banner-carousel .swiper-slide:before {
   position: absolute;
   content: '';
-  /* background: #f9d6d6; */
+  background: rgb(0 0 0 / 67%) !important;
   width: 100%;
   height: 100%;
   left: 0px;
@@ -195,10 +195,10 @@
   position: relative;
   display: block;
   font-size: 24px;
-  line-height: 34px;
+  line-height: 22px;
   font-family: var(--secondary-font);
   color: var(--theme-color);
-  margin-bottom: 15px;
+  margin-bottom: 0px;
   opacity: 0;
   -webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
@@ -216,15 +216,15 @@
   .banner-carousel .content-box .upper-text {
     color: #fff !important;
     font-size: 18px !important;
-    line-height: 24px;
+    line-height: 19px;
   }
 }
 
 @media (max-width: 500px) {
   .banner-carousel .content-box h2 {
-    color: #fff !important;
-    font-size: 24px;
-    line-height: 24px;
+    color: #bc0000 !important;
+    font-size: 28px !important;
+    line-height: 36px !important;
   }
 }
 
@@ -246,9 +246,9 @@
   position: relative;
   display: block;
   font-size: 64px;
-  line-height: 90px;
+  line-height: 60px;
   font-weight: 700;
-  margin-bottom: 25px;
+  margin-bottom: 15px;
   opacity: 1;
   -webkit-transform: translateY(10px);
   -moz-transform: translateY(10px);
@@ -650,8 +650,8 @@
   }
 
   .banner-carousel .content-box h2 {
-    font-size: 28px;
-    line-height: 38px;
+    font-size: 28px !important;
+    line-height: 38px !important
   }
 
   .banner-style-three .content-box .shape {
@@ -720,6 +720,17 @@
     border-radius: 5px;
   }
 
+   .banner-carousel .content-box {
+    bottom: 170px;       /* keep your bottom offset */
+    text-align: center;  /* center align text */
+    margin: 0 auto;      /* horizontally center the box */
+  }
+
+  .banner-carousel .content-box * {
+    justify-content: center;
+    text-align: center;
+  }
+
 }
 
   /* @media (max-width: 1440px) {
@@ -766,4 +777,5 @@
     font-size: 16px;
     padding: 15px 20px !important;
   }
-} */
+} */
+ 

public/assets/css/module-css/service.css

@@ -94,6 +94,23 @@
   z-index: 10;
 }
 
+.service-block-one .inner-box .lower-content-new .icon-box-new {
+  position: absolute;
+  left: -13px;
+  bottom: 40px;
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+  font-size: 60px;
+  color: #fff;
+  border-radius: 0px 10px 10px 0px;
+  background: #102548;
+  transition: all 500ms ease;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+  z-index: 10;
+}
+
 .service-block-one .inner-box .lower-content-new .icon-box-new {
   position: absolute;
   left: -13px;
@@ -129,6 +146,10 @@
   bottom: 183px;
 }
 
+.service-block-one .inner-box:hover .lower-content-new .icon-box-new {
+  bottom: 95px !important;
+}
+
 .service-block-one .inner-box .lower-content-new .icon-box-new:before {
   position: absolute;
   content: '';
@@ -151,6 +172,17 @@
   clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
 }
 
+.service-block-one .inner-box .lower-content-new .icon-box-new:before {
+  position: absolute;
+  content: '';
+  background: #102548; 
+  width: 12px;
+  height: 14px;
+  left: 0px;
+  bottom: -14px;
+  clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
+}
+
 .service-block-one .inner-box .lower-content h3 {
   position: relative;
   display: block;

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

@@ -165,6 +165,34 @@
 
 }
 
+.image-1-ho img{
+
+
+  position: relative;
+  top: -200px;
+  left: -17px;
+
+}
+
+.image .image-1-ho .aligned-image img{
+
+
+  display: none !important; 
+
+}
+
+.raw-image{
+
+  display: none;
+
+}
+
+.image-box .raw-image .image .raw img{
+
+  display: none !important;
+
+}  
+
 }
 
 @media only screen and (max-width: 991px){
@@ -214,6 +242,15 @@
 
 }
 
+.image-1-ho img{
+
+
+  position: relative;
+  top: -23px;
+  left: 49px;
+
+}
+
 }
 
 @media only screen and (max-width: 767px) {
@@ -236,6 +273,13 @@
 
   }
 
+  .image-1-ho img{
+
+
+      display: none;
+
+}
+
       .image_block_two .image-box .my-icon{
 
   position: absolute;

public/assets/css/style.css

@@ -1279,7 +1279,7 @@
  .main-header .header-lower .outer-box {
    position: relative;
    /* background: #fff; */
-   border-top: 1px solid #1025487a;
+   border-top: 1px solid #cfcfcf87;
  }
 
  .new {

utils/Services.utils.js

@@ -346,6 +346,7 @@ export const servicesList = [
         sidebarImg: "/assets/images/services/virtual-care/left.webp",
         bigImg: "/assets/images/services/virtual-care/big-img.webp",
         icon: "/assets/images/services/icons/virtual-care.webp",
+        icon2: "/assets/images/mobile-view/services/virtual-care.webp",
         metaTitle: "Virtual Physiotherapy Care – Rapharehab Online Services",
         metaDiscription: "Access expert physiotherapy from home with Rapharehab’s professional virtual care. Convenient, personalized treatment at your fingertips.",
         shortDescription: "Telehealth has been proven to be reliable in assessing pain, swelling, range of motion, strength, balance, and gait.",
@@ -692,6 +693,7 @@ export const servicesList = [
         sidebarImg: "/assets/images/services/orthotics/left.webp",
         bigImg: "/assets/images/services/orthotics/big-img.webp",
         icon: "/assets/images/services/icons/orthotics.webp",
+        icon2: "/assets/images/mobile-view/services/orthotics.webp",
         metaTitle: "Best Orthotics in Etobicoke - Foot & Physio Support Near Me",
         metaDiscription: "Get custom orthotics in Etobicoke to correct biomechanics, ease foot, knee & lower-back pain. Certified orthotists, gait analysis & expert physio care.",
         shortDescription: "Etobicoke Orthotics are custom-designed shoe inserts to correct foot biomechanics, improve alignment, alleviate pain, support posture, and promote overall lower-limb function.",