import Layout from "@/components/layout/Layout";
import Link from "next/link";
import Accident from "@/utils/Accident.utils";

export const metadata = {
  title: "Accident Injury Rehab Services – Rapharehab Experts",
  description: "Recover confidently after an accident with Rapharehab. Our professional team provides personalized care to manage pain, restore mobility, and rebuild strength.",
};

export default function AccidentPage() {
  return (
    <Layout headerStyle={1} footerStyle={1} breadcrumbTitle="Accident" bannerImage="/assets/images/accident/accident-banner.webp">
      <section className="service-section sec-pad-2">
        <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 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>
        </div>
      </section>
    </Layout>
  );
}