Changed string values to use i18n

src/Components/Pages/Results/CardContainer.tsx

@@ -1,23 +1,26 @@
+import { useTranslation } from "react-i18next";
 import Card from "./Card";
 
 const CardContainer = () => {
+  const { t } = useTranslation();
+
   return (
     <div className="mt-10 flex-col h-full lg:grid lg:grid-cols-2 lg:gap-10 px-10 lg:px-40 2xl:px-96 1920:margin-calc">
       <Card
-        title="GUARANTED"
-        description={`We only win if you win!\nThat’s the basis for a good\npartnership.\nYou won’t carry all the risk,\nwe’ll share it.`}
+        title={t("results.cards.card1.title")}
+        description={t("results.cards.card1.description")}
       />
       <Card
-        title="RESULTS"
-        description={`Our first priority is to get\nyou results.\n\nLess talk, more walk.`}
+        title={t("results.cards.card2.title")}
+        description={t("results.cards.card2.description")}
       />
       <Card
-        title="LOCAL"
-        description={`We’re not a anonymous call\ncenter. We’re a local\ncompany, so you’ll be able to\nreach us when you need us`}
+        title={t("results.cards.card3.title")}
+        description={t("results.cards.card3.description")}
       />
       <Card
-        title="SPECIALIZED"
-        description={`Jack of all trades... master\nof none Specialization\nworks. We work with\nindustries we know, so we\ncan guarantee results.`}
+        title={t("results.cards.card4.title")}
+        description={t("results.cards.card4.description")}
       />
     </div>
   );