54 lines
2.8 KiB
JavaScript
54 lines
2.8 KiB
JavaScript
import { useTranslations } from "next-intl"
|
|
|
|
export default function MermsFeatureSection4() {
|
|
const t = useTranslations("FeatureSection4")
|
|
return (
|
|
<>
|
|
<section className="pt-100 ct-04 content-section division">
|
|
<div className="container">
|
|
<div className="row d-flex align-items-center">
|
|
<div className="col-md-6 order-last order-md-2">
|
|
<div className="txt-block left-column wow fadeInRight">
|
|
<div className="cbox-2 process-step">
|
|
<div className="ico-wrap">
|
|
<div className="cbox-2-ico bg--theme color--white">1</div>
|
|
<span className="cbox-2-line" />
|
|
</div>
|
|
<div className="cbox-2-txt">
|
|
<h5 className="s-22 w-700">{t("step1Title")}</h5>
|
|
<p>{t("step1Desc")}</p>
|
|
</div>
|
|
</div>
|
|
<div className="cbox-2 process-step">
|
|
<div className="ico-wrap">
|
|
<div className="cbox-2-ico bg--theme color--white">2</div>
|
|
<span className="cbox-2-line" />
|
|
</div>
|
|
<div className="cbox-2-txt">
|
|
<h5 className="s-22 w-700">{t("step2Title")}</h5>
|
|
<p>{t("step2Desc")}</p>
|
|
</div>
|
|
</div>
|
|
<div className="cbox-2 process-step">
|
|
<div className="ico-wrap">
|
|
<div className="cbox-2-ico bg--theme color--white">3</div>
|
|
</div>
|
|
<div className="cbox-2-txt">
|
|
<h5 className="s-22 w-700">{t("step3Title")}</h5>
|
|
<p className="mb-0">{t("step3Desc")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-md-6 order-first order-md-2">
|
|
<div className="img-block wow fadeInLeft">
|
|
<img className="img-fluid" src="/images/tablet-01.png" alt="content-image" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</>
|
|
)
|
|
}
|