MERMS/MermsWebsite2025
1
0
Fork 0
Code Issues Pull Requests Releases Activity

language implementation MERMS

Browse Source
This commit is contained in:
Olusesan Ameye
2026-05-23 20:49:12 -04:00
parent d13d655cf6
commit 439e322abc
51 changed files with 1580 additions and 650 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sections/MermsFeaturesSection1.js
+19 -33
View File
@@ -1,76 +1,62 @@
import { useTranslations } from "next-intl"
export default function MermsFeaturesSection1(){
export default function MermsFeaturesSection1() {
const t = useTranslations("FeaturesSection1")
return (
<>
<section id="features-2" className="pt-100 features-section division">
<div className="container">
{/* SECTION TITLE */}
<div className="row justify-content-center">
<div className="col-md-10 col-lg-9">
<div className="section-title mb-80">
{/* Title */}
<h2 className="s-50 w-700">We pay attention to details</h2>
{/* Text */}
<p className="s-21 color--grey">Continually evolving digital space means that we are constantly updating the tools you will need by:</p>
<h2 className="s-50 w-700">{t("title")}</h2>
<p className="s-21 color--grey">{t("subtitle")}</p>
</div>
</div>
</div>
{/* FEATURES-2 WRAPPER */}
<div className="fbox-wrapper text-center">
<div className="row row-cols-1 row-cols-md-3">
{/* FEATURE BOX #1 */}
<div className="col">
<div className="fbox-2 fb-1 wow fadeInUp">
{/* Image */}
<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>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Intuitive Dashboard</h6>
<p>Easy-to-follow and user-adaptive dashboard that optimizes your targets.</p>
<h6 className="s-22 w-700">{t("dashboardTitle")}</h6>
<p>{t("dashboardDesc")}</p>
</div>
</div>
</div> {/* END FEATURE BOX #1 */}
{/* FEATURE BOX #2 */}
</div>
<div className="col">
<div className="fbox-2 fb-2 wow fadeInUp">
{/* Image */}
<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>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Effortless Integration</h6>
<p>Connect your tools to a target goal. Add and update what you need when required.</p>
<h6 className="s-22 w-700">{t("integrationTitle")}</h6>
<p>{t("integrationDesc")}</p>
</div>
</div>
</div> {/* END FEATURE BOX #2 */}
{/* FEATURE BOX #3 */}
</div>
<div className="col">
<div className="fbox-2 fb-3 wow fadeInUp">
{/* Image */}
<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>
{/* Text */}
<div className="fbox-txt">
<h6 className="s-22 w-700">Real-time Analytics</h6>
<p>Reporting that gives visibility to trends with AI assistance for recommendations.</p>
<h6 className="s-22 w-700">{t("analyticsTitle")}</h6>
<p>{t("analyticsDesc")}</p>
</div>
</div>
</div> {/* END FEATURE BOX #3 */}
</div> {/* End row */}
</div> {/* END FEATURES-2 WRAPPER */}
</div> {/* End container */}
</section> {/* END FEATURES-2 */}
</div>
</div>
</div>
</div>
</section>
<hr className="divider" />
</>
)
}
}