diff --git a/app/accident/[slug]/page.js b/app/accident/[slug]/page.js index ba69996..dfce622 100644 --- a/app/accident/[slug]/page.js +++ b/app/accident/[slug]/page.js @@ -25,11 +25,11 @@ export default function AccidentDetailsPage({ params }) {
- + {/* Sidebar */}
- + {/* Categories */}

Accident

@@ -56,11 +56,11 @@ export default function AccidentDetailsPage({ params }) {
{service.title}
+
+
{`${service.title}
-
-

{service.title}

{service.shortDesc}

@@ -79,7 +79,7 @@ export default function AccidentDetailsPage({ params }) { />
- +
diff --git a/app/accident/page.js b/app/accident/page.js index 2c05a26..7dac5e7 100644 --- a/app/accident/page.js +++ b/app/accident/page.js @@ -23,14 +23,14 @@ export default function AccidentPage() { {service.title} + +
{`${service.title}
-
-

{service.title}

diff --git a/app/area-of-injury/[slug]/page.js b/app/area-of-injury/[slug]/page.js index e5db208..c2ffadb 100644 --- a/app/area-of-injury/[slug]/page.js +++ b/app/area-of-injury/[slug]/page.js @@ -55,11 +55,11 @@ export default function AreaOfInjuryDetails({ params }) {
{service.title}
+
+
{`${service.title}
-
-

{service.title}

{service.shortDescription}

diff --git a/app/area-of-injury/page.js b/app/area-of-injury/page.js index 0d7fc3a..e842a30 100644 --- a/app/area-of-injury/page.js +++ b/app/area-of-injury/page.js @@ -19,14 +19,14 @@ export default function AreaOfInjury() { {item.title} + +
{`${item.title}
-
-

{item.title}

diff --git a/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js b/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js index e4f8d75..86d3d97 100644 --- a/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js +++ b/app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js @@ -15,66 +15,66 @@ export default function ServiceDetailClient({ slug, service, servicesList }) { }; return ( -
- {/* service-section */} -
-
-
- -
-
-
-

Services

-
-
    - {servicesList.map((item) => ( -
  • - - {item.shortTitle} - -
  • - ))} -
+
+ {/* service-section */} +
+
+
+ +
+
+
+

Services

+
+
    + {servicesList.map((item) => ( +
  • + + {item.shortTitle} + +
  • + ))} +
+
+
+
+ +
+
+
+
+
+
+
+ {`${service.title} +
+

{service.shortTitle}

+

{service.shortDescription}

+
+
-
- -
-
-
-
-
- {`${service.title} -
-
-
-

{service.shortTitle}

-

{service.shortDescription}

-
-
-
-
- {/* Content */} -
-
+ {/* Content */} +
+
-
- -
+
+ +
+
-
-
-
+
+
); } diff --git a/app/etobicoke-treatment-service/page.js b/app/etobicoke-treatment-service/page.js index d8d7d32..b86ada9 100644 --- a/app/etobicoke-treatment-service/page.js +++ b/app/etobicoke-treatment-service/page.js @@ -5,8 +5,8 @@ import { servicesList } from "@/utils/Services.utils" export default function ServicesPage() { return ( - +
@@ -20,14 +20,14 @@ export default function ServicesPage() { {item.title} +
+
{`${item.title}
-
-

{item.shortTitle}

diff --git a/app/rehabilitation/[slug]/page.js b/app/rehabilitation/[slug]/page.js index 454a7a4..61c5435 100644 --- a/app/rehabilitation/[slug]/page.js +++ b/app/rehabilitation/[slug]/page.js @@ -25,11 +25,11 @@ export default function RehabilitationDetailsPage({ params }) {
- + {/* Sidebar */}
- + {/* Categories */}

Rehabilitation

@@ -56,11 +56,11 @@ export default function RehabilitationDetailsPage({ params }) {
{service.title}
+
+
{`${service.title}
-
-

{service.title}

{service.shortDesc}

diff --git a/app/rehabilitation/page.js b/app/rehabilitation/page.js index 9dc6e12..154ae23 100644 --- a/app/rehabilitation/page.js +++ b/app/rehabilitation/page.js @@ -23,14 +23,14 @@ export default function RehabilitationPage() { {service.title} +
+
{`${service.title}
-
-

{service.title}

diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js index 2a68579..bb28771 100644 --- a/components/layout/MobileMenu.js +++ b/components/layout/MobileMenu.js @@ -48,12 +48,13 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
  • Home
  • - About Us + About Us
    • Our Team
    • Our Approach
    • Gallery
    • +
    • Covid-19-updates
    handleToggle(1)}>
  • @@ -177,9 +178,9 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar

    Contact Info

      -
    • Chicago 12, Melborne City, USA
    • -
    • +88 01682648101
    • -
    • info@example.com
    • +
    • 6 – 4335 Bloor Street West Etobicoke, M9C5S2
    • +
    • 647-722-3434
    • +
    • bloor@rapharehab.ca
    {/*Social Links*/} diff --git a/components/sections/home/CounterSection.js b/components/sections/home/CounterSection.js index 9a639e4..5dac940 100644 --- a/components/sections/home/CounterSection.js +++ b/components/sections/home/CounterSection.js @@ -1,58 +1,53 @@ import CounterUp from "@/components/elements/CounterUp" - export default function CounterSection() { return ( - <> + <>
    -
    -
    -
    -
    -
    -
    - -
    - + +
    +
    +
    +
    +
    +
    +
    + + +
    + Professionals +
    - Professionals +
    +
    +
    +
    +
    + + +
    + Years Experience +
    +
    +
    +
    +
    +
    +
    + + +
    + Happy Customers +
    +
    +
    +
    +
    +
    +
    + % +
    + Client Satisfaction +
    -
    -
    -
    - -
    - + -
    - Years Experience -
    -
    -
    -
    -
    -
    - -
    - + -
    - Happy Customers -
    -
    -
    -
    -
    -
    - -
    - % -
    - Client Satisfaction -
    -
    -
    -
    diff --git a/components/sections/home/ServicesSection.js b/components/sections/home/ServicesSection.js index 407e82a..110f534 100644 --- a/components/sections/home/ServicesSection.js +++ b/components/sections/home/ServicesSection.js @@ -6,9 +6,9 @@ export default function ServicesSection() { return (
    -
    - Our Services -

    We Offer For You Medical &
    Saving Lives

    +
    + We Offer For You Medical &
    Saving Lives
    +

    Our Services

    { @@ -19,9 +19,10 @@ export default function ServicesSection() {
    -
    +
    +

    {service?.title?.length > 25 @@ -43,7 +44,7 @@ export default function ServicesSection() { }
    - View All Services + View All Services

    diff --git a/components/sections/home2/Features.js b/components/sections/home2/Features.js index 1a6e0d2..6431c16 100644 --- a/components/sections/home2/Features.js +++ b/components/sections/home2/Features.js @@ -14,7 +14,7 @@ export default function Features() {

    Experienced Professionals

    -

    Expert and compassionate care tailored to every patient.

    +

    Skilled experts deliver trusted professional healthcare with years of proven experience.

    @@ -23,8 +23,8 @@ export default function Features() {
    -

    24/7 Emergency

    -

    Immediate medical support available anytime, day or night.

    +

    Walk-in Appointments

    +

    Get quick appointments with hassle-free, convenient scheduling today.

    @@ -33,8 +33,8 @@ export default function Features() {
    -

    Advanced Technology

    -

    Modern equipment ensuring accurate diagnosis and treatment.

    +

    State-of-the-Art Technology

    +

    Advanced tools ensure accurate results with modern, innovative solutions.

    @@ -43,8 +43,8 @@ export default function Features() {
    -

    Family Care

    -

    Comprehensive health services for all ages, from newborns to seniors.

    +

    One-on-One
    Care

    +

    Tailored attention provides focused treatments designed for unique needs.

    diff --git a/components/sections/home2/Solution.js b/components/sections/home2/Solution.js index f60c0b1..5964975 100644 --- a/components/sections/home2/Solution.js +++ b/components/sections/home2/Solution.js @@ -41,9 +41,10 @@ export default function Solution() {
    -
    -
    -
    + Trusted Physiotherapy
    diff --git a/public/assets/css/module-css/funfact.css b/public/assets/css/module-css/funfact.css index 3003f48..04c381d 100644 --- a/public/assets/css/module-css/funfact.css +++ b/public/assets/css/module-css/funfact.css @@ -1,11 +1,10 @@ - /** funfact-section **/ -.funfact-section{ +.funfact-section { position: relative; } -.funfact-block-one .inner-box{ +.funfact-block-one .inner-box { position: relative; display: block; background: #fff; @@ -14,7 +13,19 @@ padding: 40px; } -.funfact-block-one .inner-box .count-outer{ +@media (max-width: 1024px) { + .funfact-block-one .inner-box { + padding: 38px; + } +} + +@media (max-width: 425px) { + .funfact-block-one .inner-box { + padding: 10px; + } +} + +.funfact-block-one .inner-box .count-outer { position: relative; display: block; font-size: 50px; @@ -24,12 +35,12 @@ color: #bc0000; } -.funfact-block-one .inner-box .count-outer .symble{ +.funfact-block-one .inner-box .count-outer .symble { font-weight: 300; } -.funfact-block-one .inner-box .text{ +.funfact-block-one .inner-box .text { position: relative; display: block; text-align: center; @@ -42,13 +53,26 @@ padding: 12px 15px; } -.funfact-section .inner-container{ +.funfact-block-one .inner-box .text-new{ + position: relative; + display: block; + text-align: center; + font-size: 16px; + line-height: 26px; + font-weight: 500; + color: #ffffff; + background: #bc0000; + border-radius: 8px; + padding: 12px 15px; +} + +.funfact-section .inner-container { position: relative; z-index: 1; margin-top: -105px; } -.funfact-section .bg-layer{ +.funfact-section .bg-layer { position: absolute; left: 0px; bottom: 0px; @@ -72,75 +96,18 @@ /** RESPONSIVE-CSS **/ -@media only screen and (max-width: 1200px){ +@media only screen and (max-width: 1200px) {} +@media only screen and (max-width: 991px) { - -} - -@media only screen and (max-width: 991px){ - - .funfact-block-one .inner-box{ + .funfact-block-one .inner-box { margin-bottom: 30px; } } -@media only screen and (max-width: 767px){ - - - -} - -@media only screen and (max-width: 599px){ - -} - -@media only screen and (max-width: 499px){ - - -} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +@media only screen and (max-width: 767px) {} +@media only screen and (max-width: 599px) {} +@media only screen and (max-width: 499px) {} \ No newline at end of file diff --git a/public/assets/css/module-css/service.css b/public/assets/css/module-css/service.css index 86391e1..91935f6 100644 --- a/public/assets/css/module-css/service.css +++ b/public/assets/css/module-css/service.css @@ -1,47 +1,64 @@ /** service-section **/ -.service-section{ +.service-section { position: relative; } -.service-block-one .inner-box{ +.service-block-one .inner-box { position: relative; display: block; margin-bottom: 30px; background: #fff; border-radius: 20px; transition: all 500ms ease; + overflow: visible; /* ✅ Important: Allow icon to go outside */ } -.service-block-one .inner-box:hover{ +.service-block-one .inner-box:hover { box-shadow: 0px 2px 70px rgba(0, 0, 0, 0.1); } -.service-block-one .inner-box .image-box{ +.service-block-one .inner-box .image-box { position: relative; display: block; } -.service-block-one .inner-box .image-box .image{ +.service-block-one .inner-box .image-box .image { position: relative; display: block; overflow: hidden; border-radius: 20px 20px 0px 0px; } -.service-block-one .inner-box .image-box .image img{ +.service-block-one .inner-box .image-box .image img { width: 100%; transition: all 500ms ease; } -.service-block-one .inner-box:hover .image-box .image img{ +.service-block-one .inner-box:hover .image-box .image img { transform: scale(1.05); } -.service-block-one .inner-box .image-box .icon-box{ +/* ✅ LOWER CONTENT STYLING */ +.service-block-one .inner-box .lower-content { + position: relative; + display: block; + border: 1px solid rgba(0, 0, 0, 0.05); + border-radius: 0px 0px 20px 20px; + padding: 40px 40px 40px 105px; + transition: all 500ms ease; + overflow: visible; /* ✅ Allows icon outside the box */ +} + +.service-block-one .inner-box:hover .lower-content { + border-color: #fff; +} + +/* ✅ ICON BOX COMPLETELY OUTSIDE */ +.service-block-one .inner-box .lower-content .icon-box { position: absolute; - left: -10px; + left: -13px; /* ✅ Move icon fully outside */ bottom: 40px; width: 100px; height: 100px; @@ -52,37 +69,29 @@ border-radius: 0px 10px 10px 0px; background: var(--theme-color); transition: all 500ms ease; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); + z-index: 10; } -.service-block-one .inner-box:hover .image-box .icon-box{ - bottom: 130px; +/* ✅ HOVER EFFECT - ICON SLIDES UP */ +.service-block-one .inner-box:hover .lower-content .icon-box { + bottom: 145px; } -.service-block-one .inner-box .image-box .icon-box:before{ +/* ✅ RED TRIANGLE EDGE UNDER ICON */ +.service-block-one .inner-box .lower-content .icon-box:before { position: absolute; content: ''; - background: #bc0000; - width: 10px; - height: 12px; + background: #bc0000; /* Same red as icon */ + width: 12px; + height: 14px; left: 0px; - bottom: -12px; - clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%); + bottom: -14px; + clip-path: polygon(0% 0%, 100% 0%, 100% 100%); } -.service-block-one .inner-box .lower-content{ - position: relative; - display: block; - border: 1px solid rgba(0, 0, 0, 0.05); - border-radius: 0px 0px 20px 20px; - padding: 40px; - transition: all 500ms ease; -} - -.service-block-one .inner-box:hover .lower-content{ - border-color: #fff; -} - -.service-block-one .inner-box .lower-content h3{ +/* ✅ TITLE STYLING */ +.service-block-one .inner-box .lower-content h3 { position: relative; display: block; font-size: 26px; @@ -91,16 +100,18 @@ margin-bottom: 15px; } -.service-block-one .inner-box .lower-content h3 a{ +.service-block-one .inner-box .lower-content h3 a { display: inline-block; color: var(--title-color); + transition: color 300ms ease; } -.service-block-one .inner-box .lower-content h3 a:hover{ +.service-block-one .inner-box .lower-content h3 a:hover { color: var(--theme-color); } + /** service-style-two **/ .service-style-two{ diff --git a/public/assets/css/module-css/team.css b/public/assets/css/module-css/team.css index 8777f7d..a954637 100644 --- a/public/assets/css/module-css/team.css +++ b/public/assets/css/module-css/team.css @@ -92,9 +92,15 @@ padding: 15px 15px 0px 15px; } -@media screen and (min-width: 768px) and (max-width: 1024px) { +@media screen and (min-width: 500px) and (max-width: 1024px) { .team-block-one .inner-box .lower-content { - min-height: 135px; + min-height: 76px; + } +} + +@media (max-width: 425px) { + .team-block-one .inner-box .lower-content { + min-height: 52px; } } diff --git a/public/assets/css/module-css/video.css b/public/assets/css/module-css/video.css index 60bd177..5f6d7f2 100644 --- a/public/assets/css/module-css/video.css +++ b/public/assets/css/module-css/video.css @@ -10,7 +10,7 @@ .video-section .bg-layer:before{ position: absolute; content: ''; - background: #bc0000; + /* background: #bc0000; */ width: 100%; height: 100%; left: 0px; diff --git a/public/assets/images/areas-of-injury/ankle-foot-injury/left.webp b/public/assets/images/areas-of-injury/ankle-foot-injury/left.webp index ecfc11e..1460a69 100644 Binary files a/public/assets/images/areas-of-injury/ankle-foot-injury/left.webp and b/public/assets/images/areas-of-injury/ankle-foot-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/elbo-injury/left.webp b/public/assets/images/areas-of-injury/elbo-injury/left.webp index ee4b098..e24eded 100644 Binary files a/public/assets/images/areas-of-injury/elbo-injury/left.webp and b/public/assets/images/areas-of-injury/elbo-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/head-injury/left.webp b/public/assets/images/areas-of-injury/head-injury/left.webp index 6ffd85b..6ac0e8f 100644 Binary files a/public/assets/images/areas-of-injury/head-injury/left.webp and b/public/assets/images/areas-of-injury/head-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/hip-injury/left.webp b/public/assets/images/areas-of-injury/hip-injury/left.webp index a3a1a2e..1dce8fd 100644 Binary files a/public/assets/images/areas-of-injury/hip-injury/left.webp and b/public/assets/images/areas-of-injury/hip-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/leg-knee-injury/left.webp b/public/assets/images/areas-of-injury/leg-knee-injury/left.webp index 46b2191..4a74e36 100644 Binary files a/public/assets/images/areas-of-injury/leg-knee-injury/left.webp and b/public/assets/images/areas-of-injury/leg-knee-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/low-back-injury/left.webp b/public/assets/images/areas-of-injury/low-back-injury/left.webp index ec83414..9af5e84 100644 Binary files a/public/assets/images/areas-of-injury/low-back-injury/left.webp and b/public/assets/images/areas-of-injury/low-back-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/neck-injury/left.webp b/public/assets/images/areas-of-injury/neck-injury/left.webp index be12ed4..5eba6a4 100644 Binary files a/public/assets/images/areas-of-injury/neck-injury/left.webp and b/public/assets/images/areas-of-injury/neck-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/shoulder-injury/left.webp b/public/assets/images/areas-of-injury/shoulder-injury/left.webp index c178f7c..99cc53f 100644 Binary files a/public/assets/images/areas-of-injury/shoulder-injury/left.webp and b/public/assets/images/areas-of-injury/shoulder-injury/left.webp differ diff --git a/public/assets/images/areas-of-injury/wrist-hand-injury/left.webp b/public/assets/images/areas-of-injury/wrist-hand-injury/left.webp index b7b6524..32f3810 100644 Binary files a/public/assets/images/areas-of-injury/wrist-hand-injury/left.webp and b/public/assets/images/areas-of-injury/wrist-hand-injury/left.webp differ diff --git a/public/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp b/public/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp index 28905df..79c83d0 100644 Binary files a/public/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp and b/public/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp differ diff --git a/public/assets/images/home/trusted/trusted-physiotherapy-care.webp b/public/assets/images/home/trusted/trusted-physiotherapy-care.webp new file mode 100644 index 0000000..3fed78b Binary files /dev/null and b/public/assets/images/home/trusted/trusted-physiotherapy-care.webp differ