49 lines
1.9 KiB
JavaScript
49 lines
1.9 KiB
JavaScript
'use client';
|
|
import Layout from "@/components/layout/Layout";
|
|
import Link from "next/link";
|
|
import Rehabilitation from "@/utils/Rehabilitation.utils";
|
|
|
|
export default function RehabilitationPage() {
|
|
return (
|
|
<Layout headerStyle={2} footerStyle={1} breadcrumbTitle="Rehabilitation" bannerImage="/assets/images/rehabilitation/rehabilation-banner.webp">
|
|
<section className="service-section sec-pad-2">
|
|
<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 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>
|
|
</div>
|
|
</section>
|
|
</Layout>
|
|
);
|
|
}
|