Fixed Service Cards Not Bing Centered

2024-08-19 05:12:10 +01:00
parent ce0bcac88f
commit d73c6b567b
8 changed files with 29 additions and 22 deletions
@@ -0,0 +1,41 @@
+import Card from "./ServiceCard";
+import IdealizeImg from "../../../assets/imgs/Idealize.png";
+import DesignImg from "../../../assets/imgs/Design.png";
+import CodeImg from "../../../assets/imgs/Code.jpg";
+import BuildImg from "../../../assets/imgs/Build.png";
+import { useTranslation } from "react-i18next";
+
+const WesiteCards = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="h-full flex lg:mt-20 flex-col flex-wrap xl:flex-row mx-4 gap-5">
+      <Card
+        title={t("services.cards.website.card1.title")}
+        description={t("services.cards.website.card1.description")}
+        imgSrc={IdealizeImg}
+        delay="0s"
+      />
+      <Card
+        title={t("services.cards.website.card2.title")}
+        description={t("services.cards.website.card2.description")}
+        imgSrc={DesignImg}
+        delay="0.1s"
+      />
+      <Card
+        title={t("services.cards.website.card3.title")}
+        description={t("services.cards.website.card3.description")}
+        imgSrc={CodeImg}
+        delay="0.2s"
+      />
+      <Card
+        title={t("services.cards.website.card4.title")}
+        description={t("services.cards.website.card4.description")}
+        imgSrc={BuildImg}
+        delay="0.3s"
+      />
+    </div>
+  );
+};
+
+export default WesiteCards;