From 9e1228da13bc12a657871681094c75a4f258bf3b Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Mon, 22 Sep 2025 22:40:32 +0530
Subject: [PATCH] banner section updated

---
 components/sections/home2/Banner.js       | 48 +++++++++++------------
 components/sections/home2/MobileBanner.js |  2 +-
 public/assets/css/module-css/banner.css   |  4 +-
 public/assets/css/style.css               |  2 +-
 4 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js
index dd429ed..8c956a1 100644
--- a/components/sections/home2/Banner.js
+++ b/components/sections/home2/Banner.js
@@ -92,13 +92,13 @@ 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", 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">Renew your</span>
-                                        <h2>Strength</h2>
-                                        <p>Man lifting dumbbell (currently “Relaxing Massage Therapy”)</p>
+                                <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>
@@ -125,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">Restore your</span>
-                                        <h2>Mobility</h2>
-                                        <p>Physiotherapist smiling with patient (currently “Trusted Physio Experts”)</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>
@@ -158,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">Reclaim your</span>
-                                        <h2>Wellness</h2>
-                                        <p>Hands massaging shoulder (currently “Holistic Wellness Care”)</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>
@@ -191,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">Begin your</span>
-                                        <h2>Recovery</h2>
-                                        <p>Illustrated people recovering & playing sports (currently “Your Path to Recovery Starts Today”)</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>
diff --git a/components/sections/home2/MobileBanner.js b/components/sections/home2/MobileBanner.js
index 6747f52..f06f75f 100644
--- a/components/sections/home2/MobileBanner.js
+++ b/components/sections/home2/MobileBanner.js
@@ -166,7 +166,7 @@ export default function MobileBanner() {
                                             <div
                                                 className={`content-box custom-content-box ${slide.contentStyle || ''}`}
                                             >
-                                                <span className="upper-text">{slide.upperText}</span>
+                                                <span className="upper-text mb-2 ">{slide.upperText}</span>
                                                 <h2>
                                                     {slide.title} {slide.titleSpan} {slide.titleEnd}
                                                 </h2>
diff --git a/public/assets/css/module-css/banner.css b/public/assets/css/module-css/banner.css
index 41ab088..706c421 100644
--- a/public/assets/css/module-css/banner.css
+++ b/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;
@@ -214,7 +214,7 @@
 
 @media (max-width: 500px) {
   .banner-carousel .content-box .upper-text {
-    color: #102548 !important;
+    color: #fff !important;
     font-size: 18px !important;
     line-height: 19px;
   }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 20b323e..2d35704 100644
--- a/public/assets/css/style.css
+++ b/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 {