63 lines
3.5 KiB
JavaScript
63 lines
3.5 KiB
JavaScript
import { useTranslations } from "next-intl"
|
|
|
|
export default function MermsFeaturesSection1() {
|
|
const t = useTranslations("FeaturesSection1")
|
|
return (
|
|
<>
|
|
<section id="features-2" className="pt-100 features-section division">
|
|
<div className="container">
|
|
<div className="row justify-content-center">
|
|
<div className="col-md-10 col-lg-9">
|
|
<div className="section-title mb-80">
|
|
<h2 className="s-50 w-700">{t("title")}</h2>
|
|
<p className="s-21 color--grey">{t("subtitle")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="fbox-wrapper text-center">
|
|
<div className="row row-cols-1 row-cols-md-3">
|
|
<div className="col">
|
|
<div className="fbox-2 fb-1 wow fadeInUp">
|
|
<div className="fbox-img gr--whitesmoke h-175">
|
|
<img className="img-fluid light-theme-img" src="/images/f_01.png" alt="feature-image" />
|
|
<img className="img-fluid dark-theme-img" src="/images/f_01_dark.png" alt="feature-image" />
|
|
</div>
|
|
<div className="fbox-txt">
|
|
<h6 className="s-22 w-700">{t("dashboardTitle")}</h6>
|
|
<p>{t("dashboardDesc")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col">
|
|
<div className="fbox-2 fb-2 wow fadeInUp">
|
|
<div className="fbox-img gr--whitesmoke h-175">
|
|
<img className="img-fluid light-theme-img" src="/images/f_05.png" alt="feature-image" />
|
|
<img className="img-fluid dark-theme-img" src="/images/f_05_dark.png" alt="feature-image" />
|
|
</div>
|
|
<div className="fbox-txt">
|
|
<h6 className="s-22 w-700">{t("integrationTitle")}</h6>
|
|
<p>{t("integrationDesc")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col">
|
|
<div className="fbox-2 fb-3 wow fadeInUp">
|
|
<div className="fbox-img gr--whitesmoke h-175">
|
|
<img className="img-fluid light-theme-img" src="/images/f_02.png" alt="feature-image" />
|
|
<img className="img-fluid dark-theme-img" src="/images/f_02_dark.png" alt="feature-image" />
|
|
</div>
|
|
<div className="fbox-txt">
|
|
<h6 className="s-22 w-700">{t("analyticsTitle")}</h6>
|
|
<p>{t("analyticsDesc")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr className="divider" />
|
|
</>
|
|
)
|
|
}
|