corrections updated

This commit is contained in:
Selvi 2025-09-03 15:48:08 +05:30
parent 1bfd399739
commit 84034a33a1
28 changed files with 227 additions and 245 deletions

View File

@ -56,11 +56,11 @@ export default function AccidentDetailsPage({ params }) {
<figure className="image">
<img src={service.mainImage} alt={service.title} />
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} />
</div>
</div>
<div className="lower-content">
<h3>{service.title}</h3>
<p>{service.shortDesc}</p>
</div>

View File

@ -23,14 +23,14 @@ export default function AccidentPage() {
<img src={service.mainImage} alt={service.title} />
</Link>
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>
<Link href={`/accident/${service.slug}`}>{service.title}</Link>
</h3>

View File

@ -55,11 +55,11 @@ export default function AreaOfInjuryDetails({ params }) {
<figure className="image">
<img src={service.image} alt={service.title} />
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} />
</div>
</div>
<div className="lower-content">
<h3>{service.title}</h3>
<p>{service.shortDescription}</p>
</div>

View File

@ -19,14 +19,14 @@ export default function AreaOfInjury() {
<img src={item.image} alt={item.title} />
</Link>
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img
src={item.icon}
alt={`${item.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
</h3>

View File

@ -46,14 +46,14 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
<div className="image-box">
<figure className="image">
<img src={service.sidebarImg} alt="" /></figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>{service.shortTitle}</h3>
<p>{service.shortDescription}</p>
</div>
@ -68,7 +68,7 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
<div className="content-one mb_60">
<figure className="image-box mb_40"><img src={service.bigImg} alt="" /></figure>
<div dangerouslySetInnerHTML={{ __html: service.description } || "No description available." }/>
<div dangerouslySetInnerHTML={{ __html: service.description } || "No description available."} />
</div>
</div>
</div>

View File

@ -20,14 +20,14 @@ export default function ServicesPage() {
<img src={item.image} alt={item.title} />
</Link>
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img
src={item.icon}
alt={`${item.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>{item.shortTitle}</Link>
</h3>

View File

@ -56,11 +56,11 @@ export default function RehabilitationDetailsPage({ params }) {
<figure className="image">
<img src={service.mainImage} alt={service.title} />
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} />
</div>
</div>
<div className="lower-content">
<h3>{service.title}</h3>
<p>{service.shortDesc}</p>
</div>

View File

@ -23,14 +23,14 @@ export default function RehabilitationPage() {
<img src={service.mainImage} alt={service.title} />
</Link>
</figure>
</div>
<div className="lower-content">
<div className="icon-box">
<img
src={service.icon}
alt={`${service.title} Icon`}
/>
</div>
</div>
<div className="lower-content">
<h3>
<Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
</h3>

View File

@ -48,12 +48,13 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
<ul className="navigation clearfix">
<li><Link href="/">Home</Link></li>
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
<Link href="/" >About Us</Link>
<Link href="/about-us" >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>
</ul>
<div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
</li>
@ -177,9 +178,9 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
<div className="contact-info">
<h4>Contact Info</h4>
<ul>
<li>Chicago 12, Melborne City, USA</li>
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li>
<li><Link href="mailto:info@example.com">info@example.com</Link></li>
<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>
</ul>
</div>
{/*Social Links*/}

View File

@ -1,6 +1,5 @@
import CounterUp from "@/components/elements/CounterUp"
export default function CounterSection() {
return (
<>
@ -8,47 +7,43 @@ export default function CounterSection() {
<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">
<div className="count-outer count-box">
<CounterUp end={10} /><span>+</span>
</div>
<span className="text">Professionals</span>
<span className="text-new">Professionals</span>
</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">
<div className="count-outer count-box">
<CounterUp end={20} /><span>+</span>
<CounterUp end={25} /><span>+</span>
</div>
<span className="text">Years Experience</span>
<span className="text-new">Years Experience</span>
</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">
<div className="count-outer count-box">
<CounterUp end={1000} /><span>+</span>
<CounterUp end={10000} /><span>+</span>
</div>
<span className="text">Happy Customers</span>
<span className="text-new">Happy Customers</span>
</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">
<div className="count-outer count-box">
<CounterUp end={97} /><span>%</span>
</div>
<span className="text">Client Satisfaction</span>
<span className="text-new">Client Satisfaction</span>
</div>
</div>
</div>

View File

@ -6,9 +6,9 @@ export default function ServicesSection() {
return (
<section className="service-section sec-pad bg-color-1">
<div className="auto-container">
<div className="sec-title mb_50 centred">
<span className="sub-title">Our Services</span>
<h2>We Offer For You Medical & <br />Saving Lives</h2>
<div className="sec-title-1 mb_50 centred">
<span className="sub-title-1">We Offer For You Medical & <br />Saving Lives</span>
<h2>Our Services</h2>
</div>
<div className="row clearfix">
{
@ -19,9 +19,10 @@ export default function ServicesSection() {
<div className="inner-box">
<div className="image-box">
<figure className="image"><Link href={`/etobicoke-treatment-service/${service.slug}`}><img src={service?.image} alt="" /></Link></figure>
<div className="icon-box"><img src={service?.icon} alt="" /></div>
</div>
<div className="lower-content">
<div className="icon-box"><img src={service?.icon} alt="" /></div>
<h3>
<Link href={`/etobicoke-treatment-service/${service.slug}`}>
{service?.title?.length > 25
@ -43,7 +44,7 @@ export default function ServicesSection() {
}
<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>

View File

@ -14,7 +14,7 @@ export default function Features() {
<div className="inner-box">
<div className="icon-box"><i className="icon-9"></i></div>
<h3><Link href="/">Experienced Professionals</Link></h3>
<p>Expert and compassionate care tailored to every patient.</p>
<p>Skilled experts deliver trusted professional healthcare with years of proven experience.</p>
</div>
</div>
</div>
@ -23,8 +23,8 @@ export default function Features() {
<div className="feature-block-two">
<div className="inner-box">
<div className="icon-box"><i className="icon-10"></i></div>
<h3><Link href="/">24/7 Emergency</Link></h3>
<p>Immediate medical support available anytime, day or night.</p>
<h3><Link href="/">Walk-in Appointments</Link></h3>
<p>Get quick appointments with hassle-free, convenient scheduling today.</p>
</div>
</div>
</div>
@ -33,8 +33,8 @@ export default function Features() {
<div className="feature-block-two">
<div className="inner-box">
<div className="icon-box"><i className="icon-11"></i></div>
<h3><Link href="/">Advanced Technology</Link></h3>
<p>Modern equipment ensuring accurate diagnosis and treatment.</p>
<h3><Link href="/">State-of-the-Art Technology</Link></h3>
<p>Advanced tools ensure accurate results with modern, innovative solutions.</p>
</div>
</div>
</div>
@ -43,8 +43,8 @@ export default function Features() {
<div className="feature-block-two">
<div className="inner-box">
<div className="icon-box"><i className="icon-12"></i></div>
<h3><Link href="/">Family Care</Link></h3>
<p>Comprehensive health services for all ages, from newborns to seniors.</p>
<h3><Link href="/">One-on-One <br /> Care</Link></h3>
<p>Tailored attention provides focused treatments designed for unique needs.</p>
</div>
</div>

View File

@ -41,9 +41,10 @@ export default function Solution() {
<div className="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_two">
<div className="image-box">
<figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure>
<figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure>
<div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div>
<img
src="/assets/images/home/trusted/trusted-physiotherapy-care.webp"
alt="Trusted Physiotherapy"
/>
</div>
</div>
</div>

View File

@ -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) {}

View File

@ -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{

View File

@ -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;
}
}

View File

@ -10,7 +10,7 @@
.video-section .bg-layer:before{
position: absolute;
content: '';
background: #bc0000;
/* background: #bc0000; */
width: 100%;
height: 100%;
left: 0px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB