Area of injury, Rehabilitation , Accident in a row 4 cards updated
This commit is contained in:
akash
parent
67221864db
commit
8d6540a777
@ -15,31 +15,67 @@ export default function AccidentPage() {
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{Accident.map((service, index) => (
|
||||
<div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div
|
||||
className="service-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
// <div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
// <div
|
||||
// className="service-block-one wow fadeInUp animated"
|
||||
// data-wow-delay={`${index * 300}ms`}
|
||||
// data-wow-duration="1500ms"
|
||||
// >
|
||||
// <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">
|
||||
<figure className="image">
|
||||
<Link href={`/accident/${service.slug}`}>
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
<img src={service.mainImage} alt={service.title} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title}`}
|
||||
/>
|
||||
</div>
|
||||
<h3>
|
||||
<h3 className='text-start'>
|
||||
<Link href={`/accident/${service.slug}`}>{service.title}</Link>
|
||||
</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>
|
||||
|
||||
@ -22,32 +22,66 @@ export default function AreaOfInjury() {
|
||||
const altText = item.title ? item.title.toUpperCase() : "AREA OF INJURY";
|
||||
|
||||
return (
|
||||
<div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
|
||||
<div
|
||||
className="service-block-one wow fadeInUp animated"
|
||||
data-wow-delay="00ms"
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
<div className="image-box">
|
||||
<figure className="image">
|
||||
<Link href={`/area-of-injury/${item.slug}`}>
|
||||
// <div className="col-lg-4 col-md-6 col-sm-12 service-block" key={item.id}>
|
||||
// <div
|
||||
// className="service-block-one wow fadeInUp animated"
|
||||
// data-wow-delay="00ms"
|
||||
// data-wow-duration="1500ms"
|
||||
// >
|
||||
// <div className="inner-box">
|
||||
// <div className="image-box">
|
||||
// <figure className="image">
|
||||
// <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} />
|
||||
</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>
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<img src={item.icon} alt={altText} />
|
||||
</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>
|
||||
|
||||
@ -4,8 +4,8 @@ import Link from "next/link"
|
||||
import { servicesList } from "@/utils/Services.utils"
|
||||
|
||||
export const metadata = {
|
||||
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.",
|
||||
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.",
|
||||
};
|
||||
|
||||
export default function ServicesPage() {
|
||||
@ -16,41 +16,41 @@ export default function ServicesPage() {
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{servicesList.map((item) => (
|
||||
<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={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
<img src={item?.image} alt={item.alt} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<img src={item?.icon} alt="" />
|
||||
<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={`/etobicoke-treatment-service/${item.slug}`}>
|
||||
<img src={item?.image} alt={item.alt} />
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<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>
|
||||
<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>
|
||||
|
||||
@ -15,13 +15,39 @@ export default function RehabilitationPage() {
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
{Rehabilitation.map((service, index) => (
|
||||
<div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
<div
|
||||
className="service-block-one wow fadeInUp animated"
|
||||
data-wow-delay={`${index * 300}ms`}
|
||||
data-wow-duration="1500ms"
|
||||
>
|
||||
<div className="inner-box">
|
||||
// <div key={service.id} className="col-lg-4 col-md-6 col-sm-12 service-block">
|
||||
// <div
|
||||
// className="service-block-one wow fadeInUp animated"
|
||||
// data-wow-delay={`${index * 300}ms`}
|
||||
// data-wow-duration="1500ms"
|
||||
// >
|
||||
// <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">
|
||||
<figure className="image">
|
||||
<Link href={`/rehabilitation/${service.slug}`}>
|
||||
@ -29,8 +55,8 @@ export default function RehabilitationPage() {
|
||||
</Link>
|
||||
</figure>
|
||||
</div>
|
||||
<div className="lower-content">
|
||||
<div className="icon-box">
|
||||
<div className="lower-content-new">
|
||||
<div className="icon-box-new">
|
||||
<img
|
||||
src={service.icon}
|
||||
alt={`${service.title} Icon`}
|
||||
@ -39,7 +65,18 @@ export default function RehabilitationPage() {
|
||||
<h3>
|
||||
<Link href={`/rehabilitation/${service.slug}`}>{service.title}</Link>
|
||||
</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>
|
||||
|
||||
@ -23,7 +23,7 @@ export default function ContactFloat() {
|
||||
},
|
||||
{
|
||||
href: "https://wa.me/14379934477",
|
||||
src: "/assets/images/icons/whatsapp.png",
|
||||
src: "/assets/images/icons/WhatsApp.svg.webp",
|
||||
label: "WhatsApp",
|
||||
newTab: true,
|
||||
},
|
||||
|
||||
@ -134,7 +134,7 @@ export default function Banner() {
|
||||
<p className='text-white'>• Rehab • Strength Training • Personalized Care </p>
|
||||
<div className="btn-box mt-3">
|
||||
<Link href="/contact" className="theme-btn btn-one">
|
||||
<span>Book Your Appointment</span>
|
||||
<span>Vist Our Location</span>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -86,7 +86,7 @@ export default function MobileBanner() {
|
||||
// titleEnd: 'Care',
|
||||
// subtitle: 'Waterfront Physio and Rehab Services.',
|
||||
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',
|
||||
// contentStyle: 'with-background'
|
||||
},
|
||||
|
||||
BIN
public/assets/images/icons/WhatsApp.svg.webp
Normal file
BIN
public/assets/images/icons/WhatsApp.svg.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Loading…
x
Reference in New Issue
Block a user