services icons updated
This commit is contained in:
commit
c4058590ee
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user