services icons updated
This commit is contained in:
commit
c4058590ee
@ -92,13 +92,13 @@ export default function Banner() {
|
|||||||
transition={transition}
|
transition={transition}
|
||||||
>
|
>
|
||||||
<div className="bg-layer bg-slide-0"
|
<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>
|
||||||
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
|
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "center", textAlign: "center" }}>
|
||||||
<div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
|
<div className="content-box custom-content-box">
|
||||||
<span className="upper-text">Renew your</span>
|
<span className="upper-text mb-2 ">Renew your</span>
|
||||||
<h2>Strength</h2>
|
<h2 style={{ color: "#bc0000" }}>Strength</h2>
|
||||||
<p>Man lifting dumbbell (currently “Relaxing Massage Therapy”)</p>
|
<p className=' text-white'>Relaxing Massage Therapy</p>
|
||||||
<div className="btn-box mt-3">
|
<div className="btn-box mt-3">
|
||||||
<Link href="tel:+647-722-3434" className="theme-btn btn-one">
|
<Link href="tel:+647-722-3434" className="theme-btn btn-one">
|
||||||
<span>Book Your Appointment</span>
|
<span>Book Your Appointment</span>
|
||||||
@ -125,13 +125,13 @@ export default function Banner() {
|
|||||||
transition={transition}
|
transition={transition}
|
||||||
>
|
>
|
||||||
<div className="bg-layer"
|
<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>
|
||||||
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
|
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "end", textAlign: "center" }}>
|
||||||
<div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
|
<div className="content-box custom-content-box">
|
||||||
<span className="upper-text">Restore your</span>
|
<span className="upper-text mb-3">Restore your</span>
|
||||||
<h2>Mobility</h2>
|
<h2 style={{ color: "#bc0000" }}>Mobility</h2>
|
||||||
<p>Physiotherapist smiling with patient (currently “Trusted Physio Experts”)</p>
|
<p className=' text-white'>Physiotherapist smiling with patient (currently “Trusted Physio Experts”)</p>
|
||||||
<div className="btn-box mt-3">
|
<div className="btn-box mt-3">
|
||||||
<Link href="/contact" className="theme-btn btn-one">
|
<Link href="/contact" className="theme-btn btn-one">
|
||||||
<span>Schedule a Massage</span>
|
<span>Schedule a Massage</span>
|
||||||
@ -158,13 +158,13 @@ export default function Banner() {
|
|||||||
transition={transition}
|
transition={transition}
|
||||||
>
|
>
|
||||||
<div className="bg-layer"
|
<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>
|
||||||
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
|
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end", justifyContent: "start", textAlign: "start" }}>
|
||||||
<div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
|
<div className="content-box custom-content-box">
|
||||||
<span className="upper-text">Reclaim your</span>
|
<span className="upper-text mb-2">Reclaim your</span>
|
||||||
<h2>Wellness</h2>
|
<h2 style={{ color: "#bc0000" }}>Wellness</h2>
|
||||||
<p>Hands massaging shoulder (currently “Holistic Wellness Care”)</p>
|
<p className='text-white'>Hands massaging shoulder (currently “Holistic Wellness Care”)</p>
|
||||||
<div className="btn-box mt-3">
|
<div className="btn-box mt-3">
|
||||||
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one">
|
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one">
|
||||||
<span>Explore Our Service</span>
|
<span>Explore Our Service</span>
|
||||||
@ -191,13 +191,13 @@ export default function Banner() {
|
|||||||
transition={transition}
|
transition={transition}
|
||||||
>
|
>
|
||||||
<div className="bg-layer"
|
<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>
|
||||||
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end" }}>
|
<div className="auto-container" style={{ height: "600px", display: "flex", alignItems: "end",justifyContent: "start", textAlign: "start" }}>
|
||||||
<div className="content-box custom-content-box" style={{ backgroundColor: '#ffffff8a', opacity: 0.8, borderRadius: '20px', padding: '30px' }}>
|
<div className="content-box custom-content-box">
|
||||||
<span className="upper-text">Begin your</span>
|
<span className="upper-text mb-2">Begin your</span>
|
||||||
<h2>Recovery</h2>
|
<h2 style={{ color: "#bc0000" }}>Recovery</h2>
|
||||||
<p>Illustrated people recovering & playing sports (currently “Your Path to Recovery Starts Today”)</p>
|
<p className='text-white'>Your Path to Recovery Starts Today</p>
|
||||||
<div className="btn-box mt-3">
|
<div className="btn-box mt-3">
|
||||||
<Link href="/contact" className="theme-btn btn-one">
|
<Link href="/contact" className="theme-btn btn-one">
|
||||||
<span>Visit Our Location</span>
|
<span>Visit Our Location</span>
|
||||||
|
|||||||
@ -166,7 +166,7 @@ export default function MobileBanner() {
|
|||||||
<div
|
<div
|
||||||
className={`content-box custom-content-box ${slide.contentStyle || ''}`}
|
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>
|
<h2>
|
||||||
{slide.title} {slide.titleSpan} {slide.titleEnd}
|
{slide.title} {slide.titleSpan} {slide.titleEnd}
|
||||||
</h2>
|
</h2>
|
||||||
|
|||||||
@ -143,7 +143,7 @@
|
|||||||
.banner-carousel .swiper-slide:before {
|
.banner-carousel .swiper-slide:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: '';
|
content: '';
|
||||||
/* background: #f9d6d6; */
|
background: rgb(0 0 0 / 67%) !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
@ -214,7 +214,7 @@
|
|||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
.banner-carousel .content-box .upper-text {
|
.banner-carousel .content-box .upper-text {
|
||||||
color: #102548 !important;
|
color: #fff !important;
|
||||||
font-size: 18px !important;
|
font-size: 18px !important;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1279,7 +1279,7 @@
|
|||||||
.main-header .header-lower .outer-box {
|
.main-header .header-lower .outer-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
/* background: #fff; */
|
/* background: #fff; */
|
||||||
border-top: 1px solid #1025487a;
|
border-top: 1px solid #cfcfcf87;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new {
|
.new {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user