MetatroncubeSoftwareSolutions/rapharehap
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

banner space updated

Browse Source
This commit is contained in:
Selvi 2025-09-12 21:27:47 +05:30
parent 25ae1ee6a9
commit e7abeef725
4 changed files with 21 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
components/sections/home2/Banner.js
View File

@ -39,18 +39,11 @@ export default function Banner() {
className="bg-layer" className="bg-layer"
style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }} style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' }}
></div> ></div>
<div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)' , backgroundPosition: '75% center' }}></div> <div className="bg-layer" style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-1.webp)', backgroundPosition: '75% center' }}></div>
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */} {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-1.webp" alt="" /></figure> */}
<div className="auto-container"> <div className="auto-container">
<div <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
className="content-box"
style={{
background: 'white',
padding: '35px',
borderRadius: '15%',
opacity: 0.8
}}
>
<span className="upper-text">The Journey to Better Health Begins here</span> <span className="upper-text">The Journey to Better Health Begins here</span>
<h2>Your Path to <span>Recovery</span> Starts Today</h2> <h2>Your Path to <span>Recovery</span> Starts Today</h2>
<p>Expert Physiotherapy in Mississauga for You.</p> <p>Expert Physiotherapy in Mississauga for You.</p>
@ -73,15 +66,8 @@ export default function Banner() {
></div> ></div>
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure> */} {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-2.webp" alt="" /></figure> */}
<div className="auto-container"> <div className="auto-container">
<div <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
className="content-box"
style={{
background: 'white',
padding: '35px',
borderRadius: '15%',
opacity: 0.8
}}
>
<span className="upper-text">Compassionate Care, Delivered with Expertise</span> <span className="upper-text">Compassionate Care, Delivered with Expertise</span>
<h2>Healing Touch, <span>Fresh</span> Inner Strength</h2> <h2>Healing Touch, <span>Fresh</span> Inner Strength</h2>
<p>Expert Hand Massage Techniques for Relief</p> <p>Expert Hand Massage Techniques for Relief</p>
@ -104,15 +90,8 @@ export default function Banner() {
style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp)' }} style={{ backgroundImage: 'url(/assets/images/home/banner/home-banner-3.webp)' }}
></div> ></div>
<div className="auto-container"> <div className="auto-container">
<div <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
className="content-box"
style={{
background: 'white',
padding: '35px',
borderRadius: '15%',
opacity: 0.8
}}
>
<span className="upper-text">Your Path to Complete Wellness Starts Here</span> <span className="upper-text">Your Path to Complete Wellness Starts Here</span>
<h2>Local Physio <span>Experts </span> Near You</h2> <h2>Local Physio <span>Experts </span> Near You</h2>
<p>Physiotherapy Etobicoke & Rehab Care.</p> <p>Physiotherapy Etobicoke & Rehab Care.</p>
@ -135,15 +114,8 @@ export default function Banner() {
></div> ></div>
{/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure> */} {/* <figure className="image-layer"><img src="/assets/images/home/banner/banner-img-4.webp" alt="" /></figure> */}
<div className="auto-container"> <div className="auto-container">
<div <div className="content-box custom-content-box" style={{ background: 'white', borderRadius: '15%', opacity: 0.8 }}>
className="content-box"
style={{
background: 'white',
padding: '35px',
borderRadius: '15%',
opacity: 0.8
}}
>
<span className="upper-text">Healing Hands, Caring Hearts in Action</span> <span className="upper-text">Healing Hands, Caring Hearts in Action</span>
<h2>Wellness <span>by the</span>Waterfront</h2> <h2>Wellness <span>by the</span>Waterfront</h2>
<p>Waterfront Physio and Rehab Services.</p> <p>Waterfront Physio and Rehab Services.</p>

2
public/assets/css/module-css/banner.css
View File

@ -163,7 +163,7 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.banner-carousel .swiper-slide .bg-layer { .banner-carousel .swiper-slide .bg-layer {
height: 50%; height: 70%;
} }
} }

2
public/assets/css/module-css/feature.css
View File

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

10
public/assets/css/style.css
View File

@ -3103,3 +3103,13 @@
padding-top: 70px; padding-top: 70px;
} }
} }
.custom-content-box {
padding: 50px;
}
@media (max-width: 425px) {
.custom-content-box {
padding: 35px;
}
}