translation updated

components/pages/products/product/productCard.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useLocale } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
 import Image from "next/image";
 import Link from "next/link";
 
@@ -18,6 +18,7 @@ export default function ProductCard({
   getProduct,
 }: ProductCardProps) {
   const locale = useLocale();
+  const t = useTranslations();
 
   return (
     <Link
@@ -121,7 +122,7 @@ export default function ProductCard({
               uppercase
               font-medium
             ">
-              Batafsil
+              { t("home.services.learnmore")}
             </span>
 
             {/* Arrow */}