language implementation MERMS
This commit is contained in:
@@ -1,76 +1,51 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsHowItWorks() {
|
||||
const t = useTranslations("HowItWorks")
|
||||
return (
|
||||
<>
|
||||
<section id="merms-works" className="pt-100 ct-01 content-section division">
|
||||
<div className="container">
|
||||
{/* SECTION CONTENT (ROW) */}
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 order-last order-md-2">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
<h2 className="s-46 w-700">MERMS-Agent: Always Here to Help You.</h2>
|
||||
|
||||
{/* CONTENT BOX #2 */}
|
||||
<h2 className="s-46 w-700">{t("title")}</h2>
|
||||
<div className="cbox-4">
|
||||
{/* Icon & Title */}
|
||||
<div className="box-title">
|
||||
<span className="flaticon-layers-1 color--theme"/>
|
||||
<h5 className="s-24 w-700">Automatic Workflows</h5>
|
||||
<h5 className="s-24 w-700">{t("workflowTitle")}</h5>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-4-txt">
|
||||
<p>It takes a single touch! Standardize service delivery using visual process
|
||||
workflows and AI-based automation. Get a quick visual summary of all your
|
||||
requests and monitor them in one place.
|
||||
</p>
|
||||
<p>{t("workflowDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-4">
|
||||
{/* Icon & Title */}
|
||||
<div className="box-title">
|
||||
<span className="flaticon-paper-sizes color--theme"/>
|
||||
<h5 className="s-24 w-700">Efficient A.I Assist</h5>
|
||||
<h5 className="s-24 w-700">{t("aiTitle")}</h5>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-4-txt">
|
||||
<p>Drive brand loyalty, boost your brand with social media marketing, and build
|
||||
your digital identity with our A.I. Assist creator tools.
|
||||
</p>
|
||||
<p>{t("aiDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* END CONTENT BOX #1 */}
|
||||
|
||||
{/* CONTENT BOX #3 */}
|
||||
<div className="cbox-4">
|
||||
{/* Icon & Title */}
|
||||
<div className="box-title">
|
||||
<span className="flaticon-pie-chart color--theme"/>
|
||||
<h5 className="s-24 w-700">Useful Analytics</h5>
|
||||
<h5 className="s-24 w-700">{t("analyticsTitle")}</h5>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-4-txt">
|
||||
<p className="mb-0">Monitor your website performance with our simplified data
|
||||
dashboard. You can stay on top of your website's performance with real-time
|
||||
traffic statistics and trend charts.
|
||||
</p>
|
||||
<p className="mb-0">{t("analyticsDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* END CONTENT BOX #3 */}
|
||||
</div>
|
||||
</div>
|
||||
{/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block right-column wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/img-08.png" alt="content-image"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* END SECTION CONTENT (ROW) */}
|
||||
</div>
|
||||
{/* End container */}
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user