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

blog images updated

Browse Source
This commit is contained in:
Selvi 2025-09-12 19:01:21 +05:30
commit 33550a47ec
9 changed files with 175 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/about-us/page.js
View File

@ -219,7 +219,7 @@ export default function Home() {
{teamMembers.map((member, index) => (
<div
key={member.id}
className="col-lg-3 col-md-6 col-sm-12 team-block"
className="col-lg-3 col-md-6 col-sm-6 col-6 team-block"
>
<div
className="team-block-one wow fadeInUp animated"
@ -316,7 +316,7 @@ export default function Home() {
<div className="auto-container">
<div className="inner-container">
<div className="row clearfix">
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
@ -327,7 +327,7 @@ export default function Home() {
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
@ -338,7 +338,7 @@ export default function Home() {
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
@ -349,7 +349,7 @@ export default function Home() {
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">

199
components/layout/MobileMenu.js
View File

@ -2,10 +2,9 @@
import Link from "next/link";
import { useState } from "react";
import { servicesList } from "@/utils/Services.utils";
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
import Rehabilitation from "@/utils/Rehabilitation.utils"
import Accident from "@/utils/Accident.utils"
import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
import Rehabilitation from "@/utils/Rehabilitation.utils";
import Accident from "@/utils/Accident.utils";
export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar }) {
const [isActive, setIsActive] = useState({
@ -33,172 +32,166 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
return (
<>
<div className="mobile-menu">
{/* Backdrop for closing */}
<div className="menu-backdrop" onClick={handleMobileMenu} />
<div className="close-btn" onClick={handleMobileMenu}><span className="far fa-times" /></div>
{/* Close button */}
<div className="close-btn" onClick={handleMobileMenu}>
<span className="far fa-times" />
</div>
{/* Mobile Navigation */}
<nav className="menu-box">
<div className="nav-logo">
<Link href="/">
<img src="/assets/images/logo-2.png" alt="" />
<Link href="/" onClick={handleMobileMenu}>
<img src="/assets/images/logo-2.png" alt="Logo" />
</Link>
</div>
<div className="menu-outer">
<div
className="collapse navbar-collapse show clearfix"
id="navbarSupportedContent">
id="navbarSupportedContent"
>
<ul className="navigation clearfix">
<li><Link href="/">Home</Link></li>
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
<Link href="/about-us" >About Us</Link>
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
{/* Home */}
<li>
<Link href="/" onClick={handleMobileMenu}>Home</Link>
</li>
{/* About Us */}
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
<Link href="/about-us" onClick={handleMobileMenu}>About Us</Link>
<ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
<li><Link href="/our-team-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Team</Link></li>
<li><Link href="/ourapproach-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Approach</Link></li>
<li><Link href="/gallery-physiotherapy-etobicoke" onClick={handleMobileMenu}>Gallery</Link></li>
<li><Link href="/covid-19-updates" onClick={handleMobileMenu}>Covid-19-updates</Link></li>
<li><Link href="/covid-19-updates" onClick={handleMobileMenu}>Covid-19 Updates</Link></li>
</ul>
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
<div
className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"}
onClick={() => handleToggle(1)}
>
<span className="fa fa-angle-right" />
</div>
</li>
{/* <li><Link href="/about-us">About</Link></li> */}
<li className={isActive.key == 2 ? "dropdown current" : "dropdown"}>
<Link href="/etobicoke-treatment-service">Services</Link>
<ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
{/* <li><Link href="/service" onClick={handleMobileMenu}>Our Services</Link></li>
<li><Link href="/service-details" onClick={handleMobileMenu}>Cardioligy</Link></li>
<li><Link href="/service-details-2" onClick={handleMobileMenu}>Dental Clinic</Link></li>
<li><Link href="/service-details-3" onClick={handleMobileMenu}>NeuroSergery</Link></li>
<li><Link href="/service-details-4" onClick={handleMobileMenu}>Medical</Link></li>
<li><Link href="/service-details-5" onClick={handleMobileMenu}>Pediatrics</Link></li>
<li><Link href="/service-details-6" onClick={handleMobileMenu}>Modern Laboratory</Link></li> */}
{servicesList.map(item => (
{/* Services */}
<li className={isActive.key == 2 ? "dropdown current" : "dropdown"}>
<Link href="/etobicoke-treatment-service" onClick={handleMobileMenu}>Services</Link>
<ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
{servicesList.map((item) => (
<li key={item.id}>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
<Link href={`/etobicoke-treatment-service/${item.slug}`} onClick={handleMobileMenu}>
{item.shortTitle}
</Link>
</li>
))}
</ul>
<div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div>
<div
className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"}
onClick={() => handleToggle(2)}
>
<span className="fa fa-angle-right" />
</div>
</li>
{/* Area of Injury */}
<li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
<Link href="/area-of-injury">Area of Injury</Link>
<Link href="/area-of-injury" onClick={handleMobileMenu}>Area of Injury</Link>
<ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
{/* <li><Link href="/team" onClick={handleMobileMenu}>Our Team</Link></li>
<li><Link href="/team-details" onClick={handleMobileMenu}>Team Details</Link></li> */}
{areaOfInjuryData.map(item => (
{areaOfInjuryData.map((item) => (
<li key={item.id}>
<Link href={`/area-of-injury/${item.slug}`}>
<Link href={`/area-of-injury/${item.slug}`} onClick={handleMobileMenu}>
{item.title}
</Link>
</li>
))}
</ul>
<div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div>
<div
className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"}
onClick={() => handleToggle(3)}
>
<span className="fa fa-angle-right" />
</div>
</li>
{/* Rehabilitation */}
<li className={isActive.key == 4 ? "dropdown current" : "dropdown"}>
<Link href="/rehabilitation">Rehabilitation</Link>
<Link href="/rehabilitation" onClick={handleMobileMenu}>Rehabilitation</Link>
<ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
{/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
<ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
<li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
<li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
<li><Link href="/blog-details" onClick={handleMobileMenu}>Blog Details</Link></li>
</ul>
<div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
</li> */}
{Rehabilitation.map(item => (
{Rehabilitation.map((item) => (
<li key={item.id}>
<Link href={`/rehabilitation/${item.slug}`}>
<Link href={`/rehabilitation/${item.slug}`} onClick={handleMobileMenu}>
{item.title}
</Link>
</li>
))}
</ul>
<div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
<div
className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"}
onClick={() => handleToggle(4)}
>
<span className="fa fa-angle-right" />
</div>
</li>
{/* Accident */}
<li className={isActive.key == 5 ? "dropdown current" : "dropdown"}>
<Link href="/accident">Accident</Link>
<Link href="/accident" onClick={handleMobileMenu}>Accident</Link>
<ul style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
{/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
<ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
<li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
<li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
<li><Link href="/blog-details" onClick={handleMobileMenu}>Blog Details</Link></li>
</ul>
<div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
</li> */}
{Rehabilitation.map(item => (
{Accident.map((item) => (
<li key={item.id}>
<Link href={`/rehabilitation/${item.slug}`}>
<Link href={`/accident/${item.slug}`} onClick={handleMobileMenu}>
{item.title}
</Link>
</li>
))}
</ul>
<div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
<div
className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"}
onClick={() => handleToggle(5)}
>
<span className="fa fa-angle-right" />
</div>
</li>
{/* Contact */}
<li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
<li>
<Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>
Why Us
</Link>
</li>
<li>
<Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>
Faq
</Link>
</li>
<li>
<Link href="/what-to-expect" onClick={handleMobileMenu}>
What To Expect
</Link>
</li>
<li>
<Link href="/payment-insurance" onClick={handleMobileMenu}>
Payment And Insurance
</Link>
</li>
<li><Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>Why Us</Link></li>
<li><Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>Faq</Link></li>
<li><Link href="/what-to-expect" onClick={handleMobileMenu}>What To Expect</Link></li>
<li><Link href="/payment-insurance" onClick={handleMobileMenu}>Payment And Insurance</Link></li>
</ul>
</div>
</div>
{/* Contact Info */}
<div className="contact-info">
<h4>Contact Info</h4>
<ul>
<li>6 – 4335 Bloor Street West Etobicoke, M9C5S2</li>
<li><Link href="tel:+647-722-3434">647-722-3434</Link></li>
<li><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></li>
<li><Link href="tel:+647-722-3434, +416-622-2873" onClick={handleMobileMenu}>647-722-3434, +416-622-2873</Link></li>
<li><Link href="mailto:bloor@rapharehab.ca" onClick={handleMobileMenu}>bloor@rapharehab.ca</Link></li>
</ul>
</div>
{/*Social Links*/}
{/* Social Links */}
<div className="social-links">
<ul className="clearfix">
<li><Link href="https://www.instagram.com/elrapharehab/" target="_blank"
rel="noopener noreferrer"><span className="fab fa-instagram"></span></Link></li>
<li><Link href="/"><span className="fab fa-twitter"></span></Link></li>
<li><Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
rel="noopener noreferrer"><span className="fab fa-facebook-square"></span></Link></li>
<li><Link href="/"><span className="fab fa-pinterest-p"></span></Link></li>
<li><Link href="/"><span className="fab fa-youtube"></span></Link></li>
<li><Link href="https://www.instagram.com/elrapharehab/" target="_blank" rel="noopener noreferrer"><span className="fab fa-instagram"></span></Link></li>
<li><Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank" rel="noopener noreferrer"><span className="fab fa-facebook-square"></span></Link></li>
</ul>
</div>
</nav>
</div>{/* End Mobile Menu */}
<div className="nav-overlay" style={{ display: `${isSidebar ? "block" : "none"}` }} onClick={handleSidebar} />
</div>
{/* Sidebar Overlay */}
<div
className="nav-overlay"
style={{ display: `${isSidebar ? "block" : "none"}` }}
onClick={handleSidebar}
/>
</>
);
};
}

4
components/layout/footer/Footer2.js
View File

@ -51,12 +51,12 @@ export default function Footer2() {
<Link href="https://www.instagram.com/elrapharehab/" target="_blank"
rel="noopener noreferrer"><i className="icon-4"></i></Link>
</li>
<li>
{/* <li>
<Link href="/"><i className="icon-5"></i></Link>
</li>
<li>
<Link href="/"><i className="icon-6"></i></Link>
</li>
</li> */}
<li>
<Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
rel="noopener noreferrer"><i className="icon-7"></i></Link>

8
components/sections/home/MobileServicesSection.js
View File

@ -8,7 +8,7 @@ export default function MobileServices() {
<section className="feature-section sec-pad bg-color-1">
<div className="auto-container">
<div className="sec-title mb_50 centred">
<span className="sub-title">Our Services</span>
<span className="sub-title-1 new-color">Our Services</span>
<h2 className="tex-color-1">We Offer For You Medical & <br />Saving Lives</h2>
</div>
<div className="row clearfix">
@ -23,9 +23,7 @@ export default function MobileServices() {
src={service.icon2}
alt={`${service.title} icon2`}
/>
</div> <h3><Link href="/"> {service?.title?.length > 20
? service.title.slice(0, 20) + "..."
: service.title}</Link></h3>
</div> <h3><Link href="/"> {service?.title}</Link></h3>
<div className="btn-box">
<Link
href={`/etobicoke-treatment-service/${service.slug}`}
@ -44,7 +42,7 @@ export default function MobileServices() {
<div className='col-12 text-center'>
<div className="btn-box">
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>View All Services</span></Link>
<Link href="/etobicoke-treatment-service" className="theme-btn btn-one-new"><span>View All Services</span></Link>
</div>
</div>
</div>

7
components/sections/home/ServicesSection.js
View File

@ -6,7 +6,7 @@ export default function ServicesSection() {
return (
// <section className="service-section bg-layer sec-pad bg-color-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}>
<section className="service-section sec-pad bg-color-1" >
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}></div>
<div className="auto-container">
<div className="sec-title-1 mb_50 centred">
@ -28,9 +28,10 @@ export default function ServicesSection() {
<div className="icon-box"><img src={service?.icon} alt="" /></div>
<h3>
<Link href={`/etobicoke-treatment-service/${service.slug}`}>
{service?.title?.length > 25
{service?.title}
{/* {service?.title?.length > 25
? service.title.slice(0, 25) + "..."
: service.title}
: service.title} */}
</Link>
</h3>
<p>{service?.shortDescription}</p>

19
public/assets/css/module-css/chooseus.css
View File

@ -54,6 +54,25 @@
margin-bottom: 10px;
}
/* lets cmnt */
@media only screen and (max-width: 426px) {
.chooseus-block-one .inner-box h3{
display: block;
font-size: 18px;
line-height: 20px;
font-weight: 600;
color: #fff;
margin-bottom: 8px;
}
.chooseus-block-one .inner-box p{
font-size: 15px !important;
}
}
/* lets cmnt */
.chooseus-block-one .inner-box p{
color: #fff;
}

4
public/assets/css/module-css/process.css
View File

@ -56,9 +56,9 @@
color: rgba(0, 0, 0, 0.1);
}
.processing-block-one:nth-child(2) .inner-box .count-text{
/* .processing-block-one:nth-child(2) .inner-box .count-text{
left: -110px;
}
} */
.process-section .arrow-shape{
position: absolute;

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

@ -818,6 +818,11 @@
margin-bottom: 15px;
}
.new-color{
color: #fff !important;
}
.sec-title h2 {
position: relative;
display: block;
@ -1036,12 +1041,19 @@
}
}
@media screen and (max-width: 1024px) {
@media screen and (max-width: 426px) {
.header-top .social-links {
display: none !important;
}
}
@media (max-width: 426px) {
.top-inner .info-list li:nth-child(2) {
display: none !important;
}
}
/* .header-top .top-inner .social-links li a:hover {
color: #fff;
@ -1059,6 +1071,17 @@
.header-top .top-inner .social-links {
gap: 15px;
}
.header-top .top-inner .social-links li{
display: none !important;
}
.header-top .top-inner{
justify-content: center;
}
}
@media only screen and (max-width: 1024px) {
@ -2213,6 +2236,14 @@
margin-bottom: 30px;
}
@media only screen and (max-width: 426px) {
.main-footer .widget-title h3 {
text-align: start;
}
}
.main-footer .widget-title h3 {
font-size: 26px;
line-height: 36px;
@ -2287,6 +2318,18 @@
opacity: 0.5;
}
.pattern-1{
opacity: 0.3;
}
.pattern-2{
opacity: 0.3;
}
.main-footer .pattern-layer .pattern-2 {
position: absolute;
left: 70px;

BIN
public/assets/images/home/our-services/our-services-bg.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 42 KiB