From 5559ed4ce1a9a7bf92c152497403020c3776946d Mon Sep 17 00:00:00 2001 From: akash Date: Mon, 22 Sep 2025 22:03:51 +0530 Subject: [PATCH] Banner updated --- app/caregivers/CaregiversPage.js | 73 +++++++++++-------- app/shortcodes/ShortcodesClient.js | 4 +- .../WhyusClient.js | 10 +-- components/sections/home2/Banner.js | 30 +++++--- components/sections/home2/MobileBanner.js | 50 ++++++------- public/assets/css/module-css/about.css | 1 + public/assets/css/module-css/banner.css | 28 +++++-- public/assets/css/module-css/solutions.css | 38 ++++++++++ 8 files changed, 152 insertions(+), 82 deletions(-) diff --git a/app/caregivers/CaregiversPage.js b/app/caregivers/CaregiversPage.js index ea5a742..afb9af5 100644 --- a/app/caregivers/CaregiversPage.js +++ b/app/caregivers/CaregiversPage.js @@ -68,7 +68,7 @@ export default function Home() {
-
+ {/*
A professional and friendly care provider
@@ -76,13 +76,27 @@ export default function Home() {
A professional and friendly care provider
+
*/} + +
+
+
+
+ A professional and friendly care provider +
+
+
At NanoCare -

A professional and friendly care provider

+

A professional and friendly care provider

At NanoCare, we select Caregivers who are passionate about providing in home care to those in need on a daily basis.

@@ -97,17 +111,17 @@ export default function Home() {
-
+
-
-
-
+
+
+
Keira Knightley
{/*
*/}
-
+

Keira Knightley

Care Manager

Keira Knightley has thirty-six years of nursing experience across a range of services, including hospital, community, nursing and care homes.

@@ -115,14 +129,14 @@ export default function Home() {
-
-
-
+
+
+
Katherine waterston
{/*
*/}
-
+

Katherine waterston

Care Manager

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.

@@ -130,14 +144,14 @@ export default function Home() {
-
-
-
+
+
+
Anna faris
{/*
*/}
-
+

Anna faris

Care Manager

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

@@ -149,14 +163,14 @@ export default function Home() {
-
-
-
+
+
+
David walliams
{/*
*/}
-
+

David walliams

Care Co-Ordinator

David walliams has over thirty eight years of experience in the Care and Services Industry. Previously working in Germany for many years.

@@ -164,14 +178,14 @@ export default function Home() {
-
-
-
+
+
+
John henry
{/*
*/}
-
+

John henry

Care Co-Ordinator

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.

@@ -179,14 +193,14 @@ export default function Home() {
-
-
-
+
+
+
Sophia jabola
{/*
*/}
-
+

Sophia jabola

Care Co-Ordinator

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.

@@ -198,6 +212,7 @@ export default function Home() {
+
@@ -284,8 +299,8 @@ export default function Home() { {/* FAQ 4 */}
  • handleToggle(3)} + className={isActive.key === 4 ? "acc-btn active" : "acc-btn"} + onClick={() => handleToggle(4)} >
    Do you hire W-2, 1099, or private contractors?
    diff --git a/app/shortcodes/ShortcodesClient.js b/app/shortcodes/ShortcodesClient.js index 905dd85..3e4b4fa 100644 --- a/app/shortcodes/ShortcodesClient.js +++ b/app/shortcodes/ShortcodesClient.js @@ -347,8 +347,8 @@ export default function Home() { {/* RIGHT IMAGE / LEFT CONTENT */}
    -
    -
    Why choose nanocare
    +
    +
    Why choose nanocare
    Why choose nanocare
    {/*
    */}
    diff --git a/app/why-rapha-physiotherapy-etobicoke/WhyusClient.js b/app/why-rapha-physiotherapy-etobicoke/WhyusClient.js index ff62c78..2b2f540 100644 --- a/app/why-rapha-physiotherapy-etobicoke/WhyusClient.js +++ b/app/why-rapha-physiotherapy-etobicoke/WhyusClient.js @@ -69,14 +69,14 @@ export default function Team() {
    -
    health care professionals
    +
    health care professionals
    health care professionals
    health care professionals
    -
    +
    {/*
    About Us @@ -98,7 +98,7 @@ export default function Team() {
    • -
    +
    {/*
    */}
    @@ -106,8 +106,8 @@ export default function Team() {
    -
    Top-Notch Treatment
    -
    Top-Notch Treatment
    +
    Top-Notch Treatment
    +
    Top-Notch Treatment
    Top-Notch Treatment
    diff --git a/components/sections/home2/Banner.js b/components/sections/home2/Banner.js index 1d2fcf2..dd429ed 100644 --- a/components/sections/home2/Banner.js +++ b/components/sections/home2/Banner.js @@ -94,7 +94,17 @@ export default function Banner() {
    -
    +
    +
    + Renew your +

    Strength

    +

    Man lifting dumbbell (currently “Relaxing Massage Therapy”)

    +
    + + Book Your Appointment + +
    +
    )} @@ -119,9 +129,9 @@ export default function Banner() {
    - Care That Heals Gently -

    Relaxing Massage Therapy

    -

    Experience soothing massage techniques that release tension, promote circulation, and support your overall wellness.

    + Restore your +

    Mobility

    +

    Physiotherapist smiling with patient (currently “Trusted Physio Experts”)

    Schedule a Massage @@ -152,9 +162,9 @@ export default function Banner() {
    - Wellness Near You Always -

    Trusted Physio Experts

    -

    Comprehensive physiotherapy and rehab services designed to restore your strength, mobility, and long-term wellness.

    + Reclaim your +

    Wellness

    +

    Hands massaging shoulder (currently “Holistic Wellness Care”)

    Explore Our Service @@ -185,9 +195,9 @@ export default function Banner() {
    - Healing With Caring Hands -

    Holistic Wellness Care

    -

    Discover holistic physiotherapy and rehab services designed to restore balance, ease pain, and support long-term recovery.

    + Begin your +

    Recovery

    +

    Illustrated people recovering & playing sports (currently “Your Path to Recovery Starts Today”)

    Visit Our Location diff --git a/components/sections/home2/MobileBanner.js b/components/sections/home2/MobileBanner.js index e0b3bca..6747f52 100644 --- a/components/sections/home2/MobileBanner.js +++ b/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', diff --git a/public/assets/css/module-css/about.css b/public/assets/css/module-css/about.css index 17eddb0..439a81d 100644 --- a/public/assets/css/module-css/about.css +++ b/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; diff --git a/public/assets/css/module-css/banner.css b/public/assets/css/module-css/banner.css index 96a2f4b..41ab088 100644 --- a/public/assets/css/module-css/banner.css +++ b/public/assets/css/module-css/banner.css @@ -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); @@ -214,15 +214,15 @@ @media (max-width: 500px) { .banner-carousel .content-box .upper-text { - color: #fff !important; + color: #102548 !important; font-size: 18px !important; - line-height: 24px; + line-height: 19px; } } @media (max-width: 500px) { .banner-carousel .content-box h2 { - color: #fff !important; + color: #bc0000 !important; font-size: 24px; line-height: 24px; } @@ -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); @@ -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; } -} */ \ No newline at end of file +} */ + \ No newline at end of file diff --git a/public/assets/css/module-css/solutions.css b/public/assets/css/module-css/solutions.css index 10f81a1..0332719 100644 --- a/public/assets/css/module-css/solutions.css +++ b/public/assets/css/module-css/solutions.css @@ -165,6 +165,28 @@ } +.image-1-ho img{ + + + position: relative; + top: -200px; + left: -17px; + +} + +.image .image-1-ho .aligned-image img{ + + + display: none !important; + +} + +.raw-image{ + + display: none; + +} + } @media only screen and (max-width: 991px){ @@ -214,6 +236,15 @@ } +.image-1-ho img{ + + + position: relative; + top: -23px; + left: 49px; + +} + } @media only screen and (max-width: 767px) { @@ -236,6 +267,13 @@ } + .image-1-ho img{ + + + display: none; + +} + .image_block_two .image-box .my-icon{ position: absolute;