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

Area of injury, Rehabilitation , Accident in a row 4 cards updated

Browse Source
This commit is contained in:
akash 2025-09-24 22:43:47 +05:30
parent 67221864db
commit 8d6540a777
8 changed files with 187 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
app/accident/page.js
View File

@ -15,31 +15,67 @@ export default function AccidentPage() {
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{Accident.map((service, index) => ( {Accident.map((service, index) => (
<div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block"> // <div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
<div // <div
className="service-block-one wow fadeInUp animated" // className="service-block-one wow fadeInUp animated"
data-wow-delay={`${index * 300}ms`} // data-wow-delay={`${index * 300}ms`}
data-wow-duration="1500ms" // data-wow-duration="1500ms"
> // >
<div className="inner-box"> // <div className="inner-box">
// <div className="image-box">
// <figure className="image">
// <Link href={`/accident/${service.slug}`}>
// <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}`}
// />
// </div>
// <h3>
// <Link href={`/accident/${service.slug}`}>{service.title}</Link>
// </h3>
// <p>{service.shortDesc}</p>
// </div>
// </div>
// </div>
// </div>
<div className="col-lg-3 col-md-4 col-sm-12 service-block d-flex">
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box d-flex flex-column flex-grow-1">
<div className="image-box"> <div className="image-box">
<figure className="image"> <figure className="image">
<Link href={`/accident/${service.slug}`}> <Link href={`/accident/${service.slug}`}>
<img src={service.mainImage} alt={service.title} /> <img src={service.mainImage} alt={service.title} />
</Link> </Link>
</figure> </figure>
</div> </div>
<div className="lower-content"> <div className="lower-content-new">
<div className="icon-box"> <div className="icon-box-new">
<img <img
src={service.icon} src={service.icon}
alt={`${service.title}`} alt={`${service.title}`}
/> />
</div> </div>
<h3> <h3 className='text-start'>
<Link href={`/accident/${service.slug}`}>{service.title}</Link> <Link href={`/accident/${service.slug}`}>{service.title}</Link>
</h3> </h3>
<p>{service.shortDesc}</p> <p
className='text-start'
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
WebkitLineClamp: 2,
WebkitBoxOrient: 'vertical',
}}
>
{service?.shortDesc}
</p>
</div> </div>
</div> </div>
</div> </div>

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

@ -22,32 +22,66 @@ export default function AreaOfInjury() {
const altText = item.title ? item.title.toUpperCase() : "AREA OF INJURY"; const altText = item.title ? item.title.toUpperCase() : "AREA OF INJURY";
return ( return (
<div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}> // <div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
<div // <div
className="service-block-one wow fadeInUp animated" // className="service-block-one wow fadeInUp animated"
data-wow-delay="00ms" // data-wow-delay="00ms"
data-wow-duration="1500ms" // data-wow-duration="1500ms"
> // >
<div className="inner-box"> // <div className="inner-box">
<div className="image-box"> // <div className="image-box">
<figure className="image"> // <figure className="image">
<Link href={`/area-of-injury/${item.slug}`}> // <Link href={`/area-of-injury/${item.slug}`}>
// <img src={item.image} alt={altText} />
// </Link>
// </figure>
// </div>
// <div className="lower-content new-height">
// <div className="icon-box">
// <img src={item.icon} alt={altText} />
// </div>
// <h3>
// <Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
// </h3>
// <p>{item.shortDescription}</p>
// </div>
// </div>
// </div>
// </div>
<div className="col-lg-3 col-md-4 col-sm-12 service-block d-flex">
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box d-flex flex-column flex-grow-1">
<div className="image-box">
<figure className="image">
<Link href={`/area-of-injury/${item.slug}`}>
<img src={item.image} alt={altText} /> <img src={item.image} alt={altText} />
</Link> </Link>
</figure> </figure>
</div> </div>
<div className="lower-content new-height"> <div className="lower-content-new">
<div className="icon-box"> <div className="icon-box-new">
<img src={item.icon} alt={altText} /> <img src={item.icon} alt={altText} />
</div>
<h3>
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
</h3>
<p>{item.shortDescription}</p>
</div> </div>
<h3 className='text-start'>
<Link href={`/area-of-injury/${item.slug}`}>{item.title}</Link>
</h3>
<p
className='text-start'
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
WebkitLineClamp: 2,
WebkitBoxOrient: 'vertical',
}}
>
{item.shortDescription}
</p>
</div> </div>
</div> </div>
</div> </div>
</div>
) )
})} })}
</div> </div>

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

@ -4,8 +4,8 @@ import Link from "next/link"
import { servicesList } from "@/utils/Services.utils" import { servicesList } from "@/utils/Services.utils"
export const metadata = { export const metadata = {
title: "Our Professional Services – Rapharehab Physiotherapy", title: "Our Professional Services – Rapharehab Physiotherapy",
description: "Explore a full range of trusted services at Rapharehab, from physiotherapy to acupuncture, massage, osteopathy, chiropody, and more.", description: "Explore a full range of trusted services at Rapharehab, from physiotherapy to acupuncture, massage, osteopathy, chiropody, and more.",
}; };
export default function ServicesPage() { export default function ServicesPage() {
@ -16,41 +16,41 @@ export default function ServicesPage() {
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{servicesList.map((item) => ( {servicesList.map((item) => (
<div className="col-lg-3 col-md-4 col-sm-12 service-block d-flex"> <div className="col-lg-3 col-md-4 col-sm-12 service-block d-flex">
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms"> <div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box d-flex flex-column flex-grow-1"> <div className="inner-box d-flex flex-column flex-grow-1">
<div className="image-box"> <div className="image-box">
<figure className="image"> <figure className="image">
<Link href={`/etobicoke-treatment-service/${item.slug}`}> <Link href={`/etobicoke-treatment-service/${item.slug}`}>
<img src={item?.image} alt={item.alt} /> <img src={item?.image} alt={item.alt} />
</Link> </Link>
</figure> </figure>
</div> </div>
<div className="lower-content-new"> <div className="lower-content-new">
<div className="icon-box-new"> <div className="icon-box-new">
<img src={item?.icon} alt="" /> <img src={item?.icon} alt="" />
</div>
<h3 className='text-start'>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
{item?.shortTitle}
</Link>
</h3>
<p
className='text-start'
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
WebkitLineClamp: 2,
WebkitBoxOrient: 'vertical',
}}
>
{item?.shortDescription}
</p>
</div> </div>
<h3 className='text-start'>
<Link href={`/etobicoke-treatment-service/${item.slug}`}>
{item?.shortTitle}
</Link>
</h3>
<p
className='text-start'
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
WebkitLineClamp: 2,
WebkitBoxOrient: 'vertical',
}}
>
{item?.shortDescription}
</p>
</div> </div>
</div> </div>
</div> </div>
</div>
))} ))}
</div> </div>
</div> </div>

57
app/rehabilitation/page.js
View File

@ -15,13 +15,39 @@ export default function RehabilitationPage() {
<div className="auto-container"> <div className="auto-container">
<div className="row clearfix"> <div className="row clearfix">
{Rehabilitation.map((service, index) => ( {Rehabilitation.map((service, index) => (
<div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block"> // <div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
<div // <div
className="service-block-one wow fadeInUp animated" // className="service-block-one wow fadeInUp animated"
data-wow-delay={`${index * 300}ms`} // data-wow-delay={`${index * 300}ms`}
data-wow-duration="1500ms" // data-wow-duration="1500ms"
> // >
<div className="inner-box"> // <div className="inner-box">
// <div className="image-box">
// <figure className="image">
// <Link href={`/rehabilitation/${service.slug}`}>
// <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>
// <h3>
// <Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
// </h3>
// <p>{service.shortDesc}</p>
// </div>
// </div>
// </div>
// </div>
<div className="col-lg-3 col-md-4 col-sm-12 service-block d-flex">
<div className="service-block-one wow fadeInUp animated d-flex flex-column flex-grow-1" data-wow-delay="00ms" data-wow-duration="1500ms">
<div className="inner-box d-flex flex-column flex-grow-1">
<div className="image-box"> <div className="image-box">
<figure className="image"> <figure className="image">
<Link href={`/rehabilitation/${service.slug}`}> <Link href={`/rehabilitation/${service.slug}`}>
@ -29,8 +55,8 @@ export default function RehabilitationPage() {
</Link> </Link>
</figure> </figure>
</div> </div>
<div className="lower-content"> <div className="lower-content-new">
<div className="icon-box"> <div className="icon-box-new">
<img <img
src={service.icon} src={service.icon}
alt={`${service.title} Icon`} alt={`${service.title} Icon`}
@ -39,7 +65,18 @@ export default function RehabilitationPage() {
<h3> <h3>
<Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link> <Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
</h3> </h3>
<p>{service.shortDesc}</p> <p
className='text-start'
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
WebkitLineClamp: 2,
WebkitBoxOrient: 'vertical',
}}
>
{service.shortDesc}
</p>
</div> </div>
</div> </div>
</div> </div>

2
components/ContactFloat.js
View File

@ -23,7 +23,7 @@ export default function ContactFloat() {
}, },
{ {
href: "https://wa.me/14379934477", href: "https://wa.me/14379934477",
src: "/assets/images/icons/whatsapp.png", src: "/assets/images/icons/WhatsApp.svg.webp",
label: "WhatsApp", label: "WhatsApp",
newTab: true, newTab: true,
}, },

2
components/sections/home2/Banner.js
View File

@ -134,7 +134,7 @@ export default function Banner() {
<p className='text-white'>• Rehab • Strength Training • Personalized Care </p> <p className='text-white'>• Rehab • Strength Training • Personalized Care </p>
<div className="btn-box mt-3"> <div className="btn-box mt-3">
<Link href="/contact" className="theme-btn btn-one"> <Link href="/contact" className="theme-btn btn-one">
<span>Book Your Appointment</span> <span>Vist Our Location</span>
</Link> </Link>
</div> </div>
</div> </div>

2
components/sections/home2/MobileBanner.js
View File

@ -86,7 +86,7 @@ export default function MobileBanner() {
// titleEnd: 'Care', // titleEnd: 'Care',
// subtitle: 'Waterfront Physio and Rehab Services.', // subtitle: 'Waterfront Physio and Rehab Services.',
description: 'Discover holistic physiotherapy and rehab services designed to restore balance, ease pain, and support long-term recovery.', description: 'Discover holistic physiotherapy and rehab services designed to restore balance, ease pain, and support long-term recovery.',
buttonText: 'Visit Our Location', buttonText: 'Book Your Appointment',
buttonLink: '/contact', buttonLink: '/contact',
// contentStyle: 'with-background' // contentStyle: 'with-background'
}, },

BIN
public/assets/images/icons/WhatsApp.svg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB