46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
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="grid grid-cols-2 lg:grid-cols-4 gap-5 lg:gap-6">
|
|
<Card
|
|
step={1}
|
|
title={t("services.cards.website.card1.title")}
|
|
description={t("services.cards.website.card1.description")}
|
|
imgSrc={IdealizeImg}
|
|
delay={0}
|
|
/>
|
|
<Card
|
|
step={2}
|
|
title={t("services.cards.website.card2.title")}
|
|
description={t("services.cards.website.card2.description")}
|
|
imgSrc={DesignImg}
|
|
delay={0.08}
|
|
/>
|
|
<Card
|
|
step={3}
|
|
title={t("services.cards.website.card3.title")}
|
|
description={t("services.cards.website.card3.description")}
|
|
imgSrc={CodeImg}
|
|
delay={0.16}
|
|
/>
|
|
<Card
|
|
step={4}
|
|
title={t("services.cards.website.card4.title")}
|
|
description={t("services.cards.website.card4.description")}
|
|
imgSrc={BuildImg}
|
|
delay={0.24}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default WesiteCards;
|