import Link from "next/link";

export default function ServiceCard({ service, lang }: any) {
  return (
    <Link href={`/${lang}/services/${service.id}`}>
      <div className="h-full border rounded-xl p-6 hover:shadow-lg transition flex flex-col">

        <h3 className="text-xl font-semibold mb-2">
          {lang === "fr" ? service.title_fr : service.title_en}
        </h3>

        <p className="text-gray-600 line-clamp-4">
          {lang === "fr"
            ? service.description_fr
            : service.description_en}
        </p>

      </div>
    </Link>
  );
}