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

corrections updated

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/accident/[slug]/page.js
View File

@ -25,11 +25,11 @@ export default function AccidentDetailsPage({ params }) {
<section className="service-details pt_120 pb_120"> <section className="service-details pt_120 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{/* Sidebar */} {/* Sidebar */}
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side"> <div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
<div className="default-sidebar service-sidebar mr_15"> <div className="default-sidebar service-sidebar mr_15">
{/* Categories */} {/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Accident</h3></div> <div className="widget-title"><h3>Accident</h3></div>
@ -56,11 +56,11 @@ export default function AccidentDetailsPage({ params }) {
<figure className="image"> <figure className="image">
<img src={service.mainImage} alt={service.title} /> <img src={service.mainImage} alt={service.title} />
</figure> </figure>
</div>
<div className="lower-content">
<div className="icon-box"> <div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} /> <img src={service.icon} alt={`${service.title} Icon`} />
</div> </div>
</div>
<div className="lower-content">
<h3>{service.title}</h3> <h3>{service.title}</h3>
<p>{service.shortDesc}</p> <p>{service.shortDesc}</p>
</div> </div>
@ -79,7 +79,7 @@ export default function AccidentDetailsPage({ params }) {
/> />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

4
app/accident/page.js
View File

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

4
app/area-of-injury/[slug]/page.js
View File

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

4
app/area-of-injury/page.js
View File

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

104
app/etobicoke-treatment-service/[slug]/ServiceDetailClient.js
View File

@ -15,66 +15,66 @@ export default function ServiceDetailClient({ slug, service, servicesList }) {
}; };
return ( return (
<div> <div>
{/* service-section */} {/* service-section */}
<section className="service-details pt_120 pb_110"> <section className="service-details pt_120 pb_110">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side"> <div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
<div className="default-sidebar service-sidebar mr_15"> <div className="default-sidebar service-sidebar mr_15">
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Services</h3></div> <div className="widget-title"><h3>Services</h3></div>
<div className="widget-content"> <div className="widget-content">
<ul className="category-list clearfix"> <ul className="category-list clearfix">
{servicesList.map((item) => ( {servicesList.map((item) => (
<li key={item.slug}> <li key={item.slug}>
<Link <Link
href={`/etobicoke-treatment-service/${item.slug}`} href={`/etobicoke-treatment-service/${item.slug}`}
className={slug === item.slug ? "current" : ""} className={slug === item.slug ? "current" : ""}
> >
{item.shortTitle} {item.shortTitle}
</Link> </Link>
</li> </li>
))} ))}
</ul> </ul>
</div>
</div>
<div className="service-block-one">
<div className="inner-box">
<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>
<h3>{service.shortTitle}</h3>
<p>{service.shortDescription}</p>
</div>
</div>
</div> </div>
</div> </div>
<div className="service-block-one">
<div className="inner-box">
<div className="image-box">
<figure className="image">
<img src={service.sidebarImg} alt="" /></figure>
<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>
</div>
</div>
</div> </div>
</div>
{/* Content */} {/* Content */}
<div className="col-lg-8 col-md-12 col-sm-12 content-side"> <div className="col-lg-8 col-md-12 col-sm-12 content-side">
<div className="service-details-content"> <div className="service-details-content">
<div className="content-one mb_60"> <div className="content-one mb_60">
<figure className="image-box mb_40"><img src={service.bigImg} alt="" /></figure> <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>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section> </div>
</div>
); );
} }

8
app/etobicoke-treatment-service/page.js
View File

@ -5,8 +5,8 @@ import { servicesList } from "@/utils/Services.utils"
export default function ServicesPage() { export default function ServicesPage() {
return ( return (
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services" <Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Services"
bannerImage="/assets/images/areas-of-injury/area-of-injury-banner.webp"> bannerImage="/assets/images/areas-of-injury/area-of-injury-banner.webp">
<section className="service-section sec-pad-2"> <section className="service-section sec-pad-2">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
@ -20,14 +20,14 @@ export default function ServicesPage() {
<img src={item.image} alt={item.title} /> <img src={item.image} alt={item.title} />
</Link> </Link>
</figure> </figure>
</div>
<div className="lower-content">
<div className="icon-box"> <div className="icon-box">
<img <img
src={item.icon} src={item.icon}
alt={`${item.title} Icon`} alt={`${item.title} Icon`}
/> />
</div> </div>
</div>
<div className="lower-content">
<h3> <h3>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>{item.shortTitle}</Link> <Link href={`/etobicoke-treatment-service/${item.slug}`}>{item.shortTitle}</Link>
</h3> </h3>

8
app/rehabilitation/[slug]/page.js
View File

@ -25,11 +25,11 @@ export default function RehabilitationDetailsPage({ params }) {
<section className="service-details pt_120 pb_120"> <section className="service-details pt_120 pb_120">
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{/* Sidebar */} {/* Sidebar */}
<div className="col-lg-4 col-md-12 col-sm-12 sidebar-side"> <div className="col-lg-4 col-md-12 col-sm-12 sidebar-side">
<div className="default-sidebar service-sidebar mr_15"> <div className="default-sidebar service-sidebar mr_15">
{/* Categories */} {/* Categories */}
<div className="sidebar-widget category-widget"> <div className="sidebar-widget category-widget">
<div className="widget-title"><h3>Rehabilitation</h3></div> <div className="widget-title"><h3>Rehabilitation</h3></div>
@ -56,11 +56,11 @@ export default function RehabilitationDetailsPage({ params }) {
<figure className="image"> <figure className="image">
<img src={service.mainImage} alt={service.title} /> <img src={service.mainImage} alt={service.title} />
</figure> </figure>
</div>
<div className="lower-content">
<div className="icon-box"> <div className="icon-box">
<img src={service.icon} alt={`${service.title} Icon`} /> <img src={service.icon} alt={`${service.title} Icon`} />
</div> </div>
</div>
<div className="lower-content">
<h3>{service.title}</h3> <h3>{service.title}</h3>
<p>{service.shortDesc}</p> <p>{service.shortDesc}</p>
</div> </div>

4
app/rehabilitation/page.js
View File

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

9
components/layout/MobileMenu.js
View File

@ -48,12 +48,13 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
<ul className="navigation clearfix"> <ul className="navigation clearfix">
<li><Link href="/">Home</Link></li> <li><Link href="/">Home</Link></li>
<li className={isActive.key == 1 ? "dropdown current" : "dropdown"}> <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"}` }}> <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
<li><Link href="/our-team-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Team</Link></li> <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="/ourapproach-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Approach</Link></li>
<li><Link href="/gallery-physiotherapy-etobicoke" onClick={handleMobileMenu}>Gallery</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> </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>
@ -177,9 +178,9 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
<div className="contact-info"> <div className="contact-info">
<h4>Contact Info</h4> <h4>Contact Info</h4>
<ul> <ul>
<li>Chicago 12, Melborne City, USA</li> <li>6 – 4335 Bloor Street West Etobicoke, M9C5S2</li>
<li><Link href="tel:+8801682648101">+88 01682648101</Link></li> <li><Link href="tel:+647-722-3434">647-722-3434</Link></li>
<li><Link href="mailto:info@example.com">info@example.com</Link></li> <li><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></li>
</ul> </ul>
</div> </div>
{/*Social Links*/} {/*Social Links*/}

87
components/sections/home/CounterSection.js
View File

@ -1,58 +1,53 @@
import CounterUp from "@/components/elements/CounterUp" import CounterUp from "@/components/elements/CounterUp"
export default function CounterSection() { export default function CounterSection() {
return ( return (
<> <>
<section className="funfact-section centred"> <section className="funfact-section centred">
<div className="auto-container"> <div className="auto-container">
<div className="inner-container"> <div className="inner-container">
<div className="row clearfix"> <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="funfact-block-one">
<div className="inner-box"> <div className="inner-box">
<div className="count-outer count-box">
<div className="count-outer count-box"> <CounterUp end={10} /><span>+</span>
<CounterUp end={10} /><span>+</span> </div>
<span className="text-new">Professionals</span>
</div>
</div> </div>
<span className="text">Professionals</span> </div>
<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={25} /><span>+</span>
</div>
<span className="text-new">Years Experience</span>
</div>
</div>
</div>
<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={10000} /><span>+</span>
</div>
<span className="text-new">Happy Customers</span>
</div>
</div>
</div>
<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-new">Client Satisfaction</span>
</div>
</div> </div>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={20} /><span>+</span>
</div>
<span className="text">Years Experience</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
<div className="funfact-block-one">
<div className="inner-box">
<div className="count-outer count-box">
<CounterUp end={1000} /><span>+</span>
</div>
<span className="text">Happy Customers</span>
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-12 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>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>

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

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

14
components/sections/home2/Features.js
View File

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

7
components/sections/home2/Solution.js
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="col-lg-6 col-md-12 col-sm-12 image-column">
<div className="image_block_two"> <div className="image_block_two">
<div className="image-box"> <div className="image-box">
<figure className="image image-1"><img src="/assets/images/home/trusted/trusted-physiotherapy-back.webp" alt="" /></figure> <img
<figure className="image image-2"><img src="/assets/images/home/trusted/trusted-physiotherapy-front.webp" alt="" /></figure> src="/assets/images/home/trusted/trusted-physiotherapy-care.webp"
<div className="icon-box"><img src="/assets/images/home/trusted/icon.webp" alt="" /></div> alt="Trusted Physiotherapy"
/>
</div> </div>
</div> </div>
</div> </div>

109
public/assets/css/module-css/funfact.css
View File

@ -1,11 +1,10 @@
/** funfact-section **/ /** funfact-section **/
.funfact-section{ .funfact-section {
position: relative; position: relative;
} }
.funfact-block-one .inner-box{ .funfact-block-one .inner-box {
position: relative; position: relative;
display: block; display: block;
background: #fff; background: #fff;
@ -14,7 +13,19 @@
padding: 40px; 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; position: relative;
display: block; display: block;
font-size: 50px; font-size: 50px;
@ -24,12 +35,12 @@
color: #bc0000; color: #bc0000;
} }
.funfact-block-one .inner-box .count-outer .symble{ .funfact-block-one .inner-box .count-outer .symble {
font-weight: 300; font-weight: 300;
} }
.funfact-block-one .inner-box .text{ .funfact-block-one .inner-box .text {
position: relative; position: relative;
display: block; display: block;
text-align: center; text-align: center;
@ -42,13 +53,26 @@
padding: 12px 15px; 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; position: relative;
z-index: 1; z-index: 1;
margin-top: -105px; margin-top: -105px;
} }
.funfact-section .bg-layer{ .funfact-section .bg-layer {
position: absolute; position: absolute;
left: 0px; left: 0px;
bottom: 0px; bottom: 0px;
@ -72,75 +96,18 @@
/** RESPONSIVE-CSS **/ /** RESPONSIVE-CSS **/
@media only screen and (max-width: 1200px){ @media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 991px) {
.funfact-block-one .inner-box {
}
@media only screen and (max-width: 991px){
.funfact-block-one .inner-box{
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
@media only screen and (max-width: 767px){ @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: 599px) {}
@media only screen and (max-width: 499px) {}

77
public/assets/css/module-css/service.css
View File

@ -1,47 +1,64 @@
/** service-section **/ /** service-section **/
.service-section{ .service-section {
position: relative; position: relative;
} }
.service-block-one .inner-box{ .service-block-one .inner-box {
position: relative; position: relative;
display: block; display: block;
margin-bottom: 30px; margin-bottom: 30px;
background: #fff; background: #fff;
border-radius: 20px; border-radius: 20px;
transition: all 500ms ease; 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); 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; position: relative;
display: block; display: block;
} }
.service-block-one .inner-box .image-box .image{ .service-block-one .inner-box .image-box .image {
position: relative; position: relative;
display: block; display: block;
overflow: hidden; overflow: hidden;
border-radius: 20px 20px 0px 0px; 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%; width: 100%;
transition: all 500ms ease; 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); 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; position: absolute;
left: -10px; left: -13px; /* ✅ Move icon fully outside */
bottom: 40px; bottom: 40px;
width: 100px; width: 100px;
height: 100px; height: 100px;
@ -52,37 +69,29 @@
border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px;
background: var(--theme-color); background: var(--theme-color);
transition: all 500ms ease; 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{ /* ✅ HOVER EFFECT - ICON SLIDES UP */
bottom: 130px; .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; position: absolute;
content: ''; content: '';
background: #bc0000; background: #bc0000; /* Same red as icon */
width: 10px; width: 12px;
height: 12px; height: 14px;
left: 0px; left: 0px;
bottom: -12px; bottom: -14px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
} }
.service-block-one .inner-box .lower-content{ /* ✅ TITLE STYLING */
position: relative; .service-block-one .inner-box .lower-content h3 {
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{
position: relative; position: relative;
display: block; display: block;
font-size: 26px; font-size: 26px;
@ -91,16 +100,18 @@
margin-bottom: 15px; margin-bottom: 15px;
} }
.service-block-one .inner-box .lower-content h3 a{ .service-block-one .inner-box .lower-content h3 a {
display: inline-block; display: inline-block;
color: var(--title-color); 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); color: var(--theme-color);
} }
/** service-style-two **/ /** service-style-two **/
.service-style-two{ .service-style-two{

10
public/assets/css/module-css/team.css
View File

@ -92,9 +92,15 @@
padding: 15px 15px 0px 15px; 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 { .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;
} }
} }

2
public/assets/css/module-css/video.css
View File

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

BIN
public/assets/images/areas-of-injury/ankle-foot-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/assets/images/areas-of-injury/elbo-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/assets/images/areas-of-injury/head-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/assets/images/areas-of-injury/hip-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

BIN
public/assets/images/areas-of-injury/leg-knee-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
public/assets/images/areas-of-injury/low-back-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
public/assets/images/areas-of-injury/neck-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/assets/images/areas-of-injury/shoulder-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
public/assets/images/areas-of-injury/wrist-hand-injury/left.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
public/assets/images/home/make-an-appointment/make-an-appopintment-bg.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
public/assets/images/home/trusted/trusted-physiotherapy-care.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB