language implementation MERMS
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
import { useRouter } from "next/router"
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
const LOCALES = [
|
||||
{ code: "en", label: "EN" },
|
||||
{ code: "fr", label: "FR" },
|
||||
{ code: "es", label: "ES" },
|
||||
]
|
||||
|
||||
export default function LanguageSwitcher() {
|
||||
const router = useRouter()
|
||||
const t = useTranslations("Navigation")
|
||||
|
||||
const switchLocale = (locale) => {
|
||||
router.push(router.asPath, router.asPath, { locale })
|
||||
}
|
||||
|
||||
return (
|
||||
<li className="nl-simple" aria-haspopup="true" style={{ listStyle: "none" }}>
|
||||
<span className="h-link" style={{ cursor: "default" }}>
|
||||
{t("language")} <span className="wsarrow" />
|
||||
</span>
|
||||
<ul className="sub-menu">
|
||||
{LOCALES.map(({ code, label }) => (
|
||||
<li key={code} aria-haspopup="true">
|
||||
<a
|
||||
href="#"
|
||||
onClick={(e) => { e.preventDefault(); switchLocale(code) }}
|
||||
style={{ fontWeight: router.locale === code ? "700" : "400" }}
|
||||
>
|
||||
{label}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</li>
|
||||
)
|
||||
}
|
||||
+14
-22
@@ -1,63 +1,55 @@
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/router";
|
||||
import { useTranslations } from "next-intl";
|
||||
import LanguageSwitcher from "../elements/LanguageSwitcher";
|
||||
|
||||
export default function Menu() {
|
||||
const router = useRouter();
|
||||
|
||||
const t = useTranslations("Navigation");
|
||||
return (
|
||||
<>
|
||||
<ul className="wsmenu-list nav-theme">
|
||||
{/* DROPDOWN SUB MENU */}
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/#" className="h-link">
|
||||
About <span className="wsarrow" />
|
||||
{t("about")} <span className="wsarrow" />
|
||||
</Link>
|
||||
<ul className="sub-menu">
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/#merms-about">Why MERMS?</Link>
|
||||
<Link href="/#merms-about">{t("whyMerms")}</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/#merms-works">How It Works</Link>
|
||||
<Link href="/#merms-works">{t("howItWorks")}</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/contacts">Contacts Us</Link>
|
||||
<Link href="/contacts">{t("contactUs")}</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
{/*<Link href="/faqs">F.A.Q.</Link>*/}
|
||||
<Link href="/help-center">Help Center</Link>
|
||||
<Link href="/help-center">{t("helpCenter")}</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/#merms-features" className="h-link">
|
||||
Features
|
||||
{t("features")}
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="/merms-blog" className="h-link">
|
||||
Forum
|
||||
{t("forum")}
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li
|
||||
className="nl-simple reg-fst-link mobile-last-link"
|
||||
aria-haspopup="true"
|
||||
>
|
||||
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
||||
<Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
|
||||
Sign in
|
||||
{t("signIn")}
|
||||
</Link>
|
||||
</li>
|
||||
{/* SIGN UP BUTTON */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link
|
||||
href={process.env.NEXT_PUBLIC_SIGNUP_URL}
|
||||
className="btn r-04 btn--theme hover--tra-white last-link"
|
||||
>
|
||||
Sign up
|
||||
{t("signUp")}
|
||||
</Link>
|
||||
</li>
|
||||
<LanguageSwitcher />
|
||||
</ul>
|
||||
</>
|
||||
);
|
||||
|
||||
@@ -1,80 +1,63 @@
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
import { useTranslations } from "next-intl";
|
||||
|
||||
export default function MobileMenu() {
|
||||
const [isActive, setIsActive] = useState({
|
||||
status: false,
|
||||
key: "",
|
||||
});
|
||||
const t = useTranslations("Navigation");
|
||||
const [isActive, setIsActive] = useState({ status: false, key: "" });
|
||||
|
||||
const handleToggle = (key) => {
|
||||
if (isActive.key === key) {
|
||||
setIsActive({
|
||||
status: false,
|
||||
});
|
||||
setIsActive({ status: false });
|
||||
} else {
|
||||
setIsActive({
|
||||
status: true,
|
||||
key,
|
||||
});
|
||||
setIsActive({ status: true, key });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<ul className="wsmenu-list nav-theme">
|
||||
{/* DROPDOWN SUB MENU */}
|
||||
<li aria-haspopup="true">
|
||||
<span
|
||||
className={
|
||||
isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"
|
||||
}
|
||||
className={isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"}
|
||||
onClick={() => handleToggle(1)}
|
||||
>
|
||||
<i className="wsmenu-arrow" />
|
||||
</span>
|
||||
<Link href="#" className="h-link">
|
||||
About <span className="wsarrow" />
|
||||
{t("about")} <span className="wsarrow" />
|
||||
</Link>
|
||||
<ul
|
||||
className="sub-menu"
|
||||
style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}
|
||||
>
|
||||
<ul className="sub-menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="#merms-about">Why MERMS?</Link>
|
||||
<Link href="#merms-about">{t("whyMerms")}</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="#merms-works">How It Works</Link>
|
||||
<Link href="#merms-works">{t("howItWorks")}</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/contacts">Contacts Us</Link>
|
||||
<Link href="/contacts">{t("contactUs")}</Link>
|
||||
</li>
|
||||
<li aria-haspopup="true">
|
||||
<Link href="/faqs">F.A.Q.</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{/* SIMPLE NAVIGATION LINK */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link href="#merms-features" className="h-link">
|
||||
Features
|
||||
{t("features")}
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
{/* SIGN IN LINK */}
|
||||
<li
|
||||
className="nl-simple reg-fst-link mobile-last-link"
|
||||
aria-haspopup="true"
|
||||
>
|
||||
<li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
||||
<Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
|
||||
Sign in
|
||||
{t("signIn")}
|
||||
</Link>
|
||||
</li>
|
||||
{/* SIGN UP BUTTON */}
|
||||
<li className="nl-simple" aria-haspopup="true">
|
||||
<Link
|
||||
href={process.env.NEXT_PUBLIC_SIGNUP_URL}
|
||||
className="btn r-04 btn--theme hover--tra-white last-link"
|
||||
>
|
||||
Sign up
|
||||
{t("signUp")}
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -1,135 +1,71 @@
|
||||
import Link from "next/link"
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsFooter() {
|
||||
const t = useTranslations("Footer")
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-3" className="pt-100 footer ft-3-ntr" style={{backgroundColor: "#F6FFFB"}}>
|
||||
<div className="container">
|
||||
{/* FOOTER CONTENT */}
|
||||
<div className="row">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="col-md-6 col-xl-4">
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo"/>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Are you looking for secure cloud-based tools and a strong online presence for your
|
||||
healthcare brand? MermEmr provides healthcare professionals with reliable SEO,
|
||||
online marketing, and clinical solutions to help you grow.
|
||||
</p>
|
||||
<p>{t("description")}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-12 col-md-6 col-xl-8 row">
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-1">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Site</h6>
|
||||
{/* Links */}
|
||||
<h6 className="s-17 w-700">{t("site")}</h6>
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/">Home</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/about">About Us</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/merms-blog">Use Cases</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
<li>
|
||||
<p><Link href="/contacts">Contact Us</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/merms-blog">Our Blog</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
<li><p><Link href="/">{t("home")}</Link></p></li>
|
||||
<li><p><Link href="/about">{t("aboutUs")}</Link></p></li>
|
||||
<li><p><Link href="/contacts">{t("contactUs")}</Link></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-2">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Resources</h6>
|
||||
{/* Links */}
|
||||
<h6 className="s-17 w-700">{t("resources")}</h6>
|
||||
<ul className="foo-links clearfix1">
|
||||
|
||||
|
||||
<li>
|
||||
<p><Link href="/features">Features</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/merms-updates">What's New</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/pricing">Pricing</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
<li>
|
||||
<p><Link href="/help-center">Help Center</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="https://blog.mermsemr.com/" target={"_blank"}>Our
|
||||
Forum</Link></p>
|
||||
</li>
|
||||
<li><p><Link href="/features">{t("features")}</Link></p></li>
|
||||
<li><p><Link href="/help-center">{t("helpCenter")}</Link></p></li>
|
||||
<li><p><Link href="https://blog.mermsemr.com/" target={"_blank"}>{t("ourForum")}</Link></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-6 col-sm-4 col-md-4 col-xl-4">
|
||||
<div className="footer-links fl-3">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Legal</h6>
|
||||
{/* Links */}
|
||||
<h6 className="s-17 w-700">{t("legal")}</h6>
|
||||
<ul className="foo-links clearfix1">
|
||||
<li>
|
||||
<p><Link href="/terms">Terms of Use</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/privacy">Privacy Policy</Link></p>
|
||||
</li>
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="/cookies">Cookie Policy</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
{/*<li>*/}
|
||||
{/* <p><Link href="#">Site Map</Link></p>*/}
|
||||
{/*</li>*/}
|
||||
<li><p><Link href="/terms">{t("termsOfUse")}</Link></p></li>
|
||||
<li><p><Link href="/privacy">{t("privacyPolicy")}</Link></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* END FOOTER CONTENT */}
|
||||
<hr/>
|
||||
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright">
|
||||
<p className="p-sm">© 2026 MERMS(AI) <span>All Rights Reserved</span></p>
|
||||
<p className="p-sm">{t("copyright")} <span>{t("allRightsReserved")}</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FOOTER SOCIALS */}
|
||||
<div className="col">
|
||||
<ul className="bottom-footer-socials ico-20 text-end">
|
||||
<li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span
|
||||
className="flaticon-facebook"/></Link></li>
|
||||
<li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span
|
||||
className="flaticon-twitter"/></Link></li>
|
||||
{/*<li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>*/}
|
||||
{/*<li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>*/}
|
||||
<li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span className="flaticon-facebook"/></Link></li>
|
||||
<li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter"/></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{/* End row */}
|
||||
</div>
|
||||
{/* END BOTTOM FOOTER */}
|
||||
</div>
|
||||
{/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -1,40 +1,32 @@
|
||||
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsAbout() {
|
||||
const t = useTranslations("About")
|
||||
return (
|
||||
<>
|
||||
<section id="merms-about" className="pt-100 ct-03 content-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* IMAGE BLOCK */}
|
||||
<div className="col-md-6 col-lg-7">
|
||||
<div className="img-block left-column wow fadeInRight">
|
||||
<img className="img-fluid" src="/images/img-14.png" alt="content-image" />
|
||||
</div>
|
||||
</div>
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-6 col-lg-5">
|
||||
<div className="txt-block right-column wow fadeInLeft">
|
||||
{/* Section ID */}
|
||||
{/*<span className="section-id">Control Data Access</span>*/}
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">The worldview of your practice matters.</h2>
|
||||
{/* List */}
|
||||
<h2 className="s-46 w-700">{t("title")}</h2>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Actively or passively, your potential clients trust and evaluate your practice daily.
|
||||
</p>
|
||||
<p>{t("list1")}</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">
|
||||
In your profession that feeds heavily on trust and image, MERMS solutions actively guide and engage you with this task
|
||||
</p>
|
||||
<p className="mb-0">{t("list2")}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
|
||||
@@ -1,169 +1,130 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsAboutFeautures(){
|
||||
|
||||
export default function MermsAboutFeautures() {
|
||||
const t = useTranslations("AboutFeatures")
|
||||
return <>
|
||||
<section id="features-11" className="py-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-70">
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">We help you drive your goals with ease</h2>
|
||||
|
||||
<h2 className="s-50 w-700">{t("title")}</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURES-11 WRAPPER */}
|
||||
<div className="fbox-wrapper">
|
||||
<div className="row row-cols-1 row-cols-md-2 rows-3">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-1 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-graphics color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Healthcare Website</h6>
|
||||
<p>Our platform is thoughtfully designed to cater to the unique needs of healthcare practitioners, ensuring that you can focus on what truly matters - your mission.
|
||||
</p>
|
||||
<h6 className="s-22 w-700">{t("feature1Title")}</h6>
|
||||
<p>{t("feature1Desc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #1 */}
|
||||
{/* FEATURE BOX #2 */}
|
||||
</div>
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-2 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-idea color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Auto Engage</h6>
|
||||
<p>We use our artificial intelligence tools to assist you in getting your users' engagement activities going with ease. We help you connect your contestants on social media sites.
|
||||
</p>
|
||||
<h6 className="s-22 w-700">{t("feature2Title")}</h6>
|
||||
<p>{t("feature2Desc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #2 */}
|
||||
{/* FEATURE BOX #3 */}
|
||||
</div>
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-3 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-graphic color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Patient News</h6>
|
||||
<p>Engage your patients and others will topics that educate and improve outcomes with blog addition to your website.
|
||||
</p>
|
||||
<h6 className="s-22 w-700">{t("feature3Title")}</h6>
|
||||
<p>{t("feature3Desc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #3 */}
|
||||
{/* FEATURE BOX #4 */}
|
||||
</div>
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-4 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-wireframe color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Practice Tools</h6>
|
||||
<p>From appointment scheduling, messaging patient records management and billing, manage your features account in one simple portal.
|
||||
</p>
|
||||
<h6 className="s-22 w-700">{t("feature4Title")}</h6>
|
||||
<p>{t("feature4Desc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #4 */}
|
||||
{/* FEATURE BOX #5 */}
|
||||
</div>
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-5 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-trophy color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">Personal Website</h6>
|
||||
<p>You are already a practitioner , sometimes you need to engage in general health discourse, we provide personal channels that augments your online presence.
|
||||
</p>
|
||||
<h6 className="s-22 w-700">{t("feature5Title")}</h6>
|
||||
<p>{t("feature5Desc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #5 */}
|
||||
{/* FEATURE BOX #6 */}
|
||||
</div>
|
||||
<div className="col">
|
||||
<div className="fbox-11 fb-6 wow fadeInUp">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico-wrap">
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-search-engine-1 color--theme" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#f4f9fc" d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h6 className="s-22 w-700">SEO & Insight</h6>
|
||||
<p>Monitor traffic and performance of your sites, get improvement recommendations and assist for improvement applicable.
|
||||
</p>
|
||||
<h6 className="s-22 w-700">{t("feature6Title")}</h6>
|
||||
<p>{t("feature6Desc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END FEATURE BOX #6 */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-11 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,32 +1,30 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsBanner() {
|
||||
const t = useTranslations("Banner")
|
||||
return (
|
||||
<>
|
||||
<section id="banner-13" className="pt-100 banner-section" style={{paddingBottom: '15px'}} >
|
||||
<section id="banner-13" className="pt-100 banner-section" style={{paddingBottom: '15px'}}>
|
||||
<div className="container">
|
||||
{/* BANNER-13 WRAPPER */}
|
||||
<div className="banner-13-wrapper bg--03 bg--scroll r-16 block-shadow">
|
||||
<div className="banner-overlay">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* BANNER-5 TEXT */}
|
||||
<div className="col-md-7">
|
||||
<div className="banner-13-txt color--white">
|
||||
<h2 className="s-46 w-700">Getting started with MERMS today!</h2>
|
||||
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get Started Now</Link>
|
||||
<h2 className="s-46 w-700">{t("title")}</h2>
|
||||
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">{t("cta")}</Link>
|
||||
</div>
|
||||
</div> {/* END BANNER-13 TEXT */}
|
||||
{/* BANNER-13 IMAGE */}
|
||||
</div>
|
||||
<div className="col-md-5">
|
||||
<div className="banner-13-img text-center">
|
||||
<img className="img-fluid" src="/images/start-banner-01.png" alt="banner-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End banner overlay */}
|
||||
</div> {/* END BANNER-13 WRAPPER */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
|
||||
@@ -1,33 +1,25 @@
|
||||
import VideoPopup from "../elements/VidepPopup";
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsDedicatedTeam (){
|
||||
export default function MermsDedicatedTeam() {
|
||||
const t = useTranslations("DedicatedTeam")
|
||||
return <>
|
||||
<section className="bg--04 bg--fixed py-100 ct-01 content-section division">
|
||||
<div className="container">
|
||||
<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">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">our Team at MERMS</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-50 w-700">Dedicated Team</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">"We pride ourselves on fostering a collaborative environment where creativity and innovation thrive. By staying at the forefront of industry trends and technological advancements, we transform your ideas into actionable strategies that elevate your practice. Our goal is to assist you in establishing a strong online presence while you focus on what you do best—providing exceptional care to your patients"
|
||||
</p>
|
||||
<h2 className="s-50 w-700">{t("title")}</h2>
|
||||
<p className="p-lg">{t("description")}</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
</div>
|
||||
<div className="col-md-6 order-first order-md-2">
|
||||
<div className="img-block j-img video-preview right-column wow fadeInLeft">
|
||||
{/* Play Icon */}
|
||||
{/*<VideoPopup style={2} />*/}
|
||||
{/* Preview Image */}
|
||||
<img className="img-fluid r-20" src="/images/img-17.jpg" alt="video-preview" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
}
|
||||
@@ -1,52 +1,31 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsEngageBox() {
|
||||
const t = useTranslations("EngageBox")
|
||||
return <>
|
||||
<section className="pt-100 ws-wrapper content-section">
|
||||
<div className="container">
|
||||
<div className="bc-1-wrapper bg--white-400 bg--fixed r-16">
|
||||
<div className="section-overlay">
|
||||
<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">
|
||||
{/* Section ID */}
|
||||
<span className="section-id">Enhance Engagement with Intelligent Solutions</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700">Achieve Success Through Automation.</h2>
|
||||
{/* Text */}
|
||||
<p> Utilize our automation tools and AI-Assist to enhance and manage your healthcare online presence, as well as streamline your practice operations.
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700">Modern, Smarter Solutions for Your Practice</h5>
|
||||
{/* Text */}
|
||||
<p className="mb-0">Access up-to-date tools to manage your online presence and practice efficiently. Benefit from effective campaign management, seamless tool adoption, and real-time insights into industry trends.
|
||||
</p>
|
||||
<span className="section-id">{t("sectionId")}</span>
|
||||
<h2 className="s-46 w-700">{t("title")}</h2>
|
||||
<p>{t("description")}</p>
|
||||
<h5 className="s-24 w-700">{t("subtitle")}</h5>
|
||||
<p className="mb-0">{t("subtitleDesc")}</p>
|
||||
</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/engage-box.png" alt="content-image"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* End row */}
|
||||
</div>
|
||||
{/* End section overlay */}
|
||||
</div>
|
||||
{/* End content wrapper */}
|
||||
</div>
|
||||
{/* End container */}
|
||||
</section>
|
||||
{/* END BOX CONTENT */}
|
||||
</>
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,70 +1,53 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
|
||||
|
||||
|
||||
export default function MermsFeatureSection4 (){
|
||||
|
||||
export default function MermsFeatureSection4() {
|
||||
const t = useTranslations("FeatureSection4")
|
||||
return (
|
||||
<>
|
||||
<section className="pt-100 ct-04 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">
|
||||
{/* CONTENT BOX #1 */}
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">1</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Simple, Secure & Intuitive</h5>
|
||||
<p>Accomplish your task in one easy-to-navigate dashboard that adapts to your priority. With a user-friendly interface, access important updates at a glance and make informed decisions quickly.
|
||||
</p>
|
||||
<h5 className="s-22 w-700">{t("step1Title")}</h5>
|
||||
<p>{t("step1Desc")}</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #1 */}
|
||||
{/* CONTENT BOX #2 */}
|
||||
</div>
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">2</div>
|
||||
<span className="cbox-2-line" />
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Active Status Reports</h5>
|
||||
<p>Our Active Status Reports provide real-time insights into your ongoing products and tasks, ensuring you are always in the loop. These reports adapt dynamically to your needs, highlighting key metrics and progress indicators, allowing you to respond proactively to changes or challenges.
|
||||
</p>
|
||||
<h5 className="s-22 w-700">{t("step2Title")}</h5>
|
||||
<p>{t("step2Desc")}</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #2 */}
|
||||
{/* CONTENT BOX #3 */}
|
||||
</div>
|
||||
<div className="cbox-2 process-step">
|
||||
{/* Icon */}
|
||||
<div className="ico-wrap">
|
||||
<div className="cbox-2-ico bg--theme color--white">3</div>
|
||||
</div>
|
||||
{/* Text */}
|
||||
<div className="cbox-2-txt">
|
||||
<h5 className="s-22 w-700">Secure at Core</h5>
|
||||
<p className="mb-0">With "Secure at Core," you can focus on what matters most—growing your business—while we take care of your security needs. Security is an ongoing commitment. We provide 24/7 monitoring and support.
|
||||
</p>
|
||||
<h5 className="s-22 w-700">{t("step3Title")}</h5>
|
||||
<p className="mb-0">{t("step3Desc")}</p>
|
||||
</div>
|
||||
</div> {/* END CONTENT BOX #3 */}
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
</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> {/* END SECTION CONTENT (ROW) */}
|
||||
</div> {/* End container */}
|
||||
</section> {/* END TEXT CONTENT */}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsFeatures() {
|
||||
const t = useTranslations("Features")
|
||||
return (
|
||||
<>
|
||||
<section id="merms-features" className="shape--bg shape--purple-100 pt-100 features-section division"
|
||||
@@ -10,41 +13,31 @@ export default function MermsFeatures() {
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<div id="fb-12-1" className="fbox-12 bg--green-100 block-shadow r-12 mb-30">
|
||||
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-graphics"/>
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
|
||||
transform="translate(100 100)"/>
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Deploy in Seconds</h5>
|
||||
<p>Easily deploy the tools you need with our automated system.</p>
|
||||
<h5 className="s-20 w-700">{t("deployTitle")}</h5>
|
||||
<p>{t("deployDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-idea"/>
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
|
||||
transform="translate(100 100)"/>
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Useful Addons</h5>
|
||||
<p>Explore our expanding addons to improve your applications.</p>
|
||||
<h5 className="s-20 w-700">{t("addonsTitle")}</h5>
|
||||
<p>{t("addonsDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -54,36 +47,27 @@ export default function MermsFeatures() {
|
||||
<div className="shape-ico color--theme">
|
||||
<span className="flaticon-graphic"/>
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
|
||||
transform="translate(100 100)"/>
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Expanding Digital Ecosystem</h5>
|
||||
<p>We continuously introduce advanced digital tools designed to enhance and streamline your practice.</p>
|
||||
<h5 className="s-20 w-700">{t("ecosystemTitle")}</h5>
|
||||
<p>{t("ecosystemDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="fb-12-4" className="fbox-12 bg--green-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-search-engine-1"/>
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z"
|
||||
transform="translate(100 100)"/>
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
{/* End Icon */}
|
||||
{/* Text */}
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Unified Management</h5>
|
||||
<p>Manage everything from one portal with MERMS AI Assist Tools</p>
|
||||
<h5 className="s-20 w-700">{t("unifiedTitle")}</h5>
|
||||
<p>{t("unifiedDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -93,21 +77,14 @@ export default function MermsFeatures() {
|
||||
|
||||
<div className="col-md-5 order-first order-md-2">
|
||||
<div className="txt-block left-column wow fadeInLeft">
|
||||
<h2 className="s-46 w-700">Deploy Tools for Your Practice with Ease in Our Secure
|
||||
Cloud.</h2>
|
||||
<p>Empower your practice with seamless automation and essential tools for lasting
|
||||
success.
|
||||
</p>
|
||||
<h2 className="s-46 w-700">{t("mainTitle")}</h2>
|
||||
<p>{t("mainDesc")}</p>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Effortlessly scale your practice with our growing ecosystem of innovative
|
||||
tools.
|
||||
</p>
|
||||
<p>{t("list1")}</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Boost your online presence and expand your community using
|
||||
our intelligent marketing platform.
|
||||
</p>
|
||||
<p className="mb-0">{t("list2")}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -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" />
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,124 +1,95 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
|
||||
export default function MermsFeaturesSectionTwo(){
|
||||
|
||||
export default function MermsFeaturesSectionTwo() {
|
||||
const t = useTranslations("FeaturesSectionTwo")
|
||||
return (
|
||||
<>
|
||||
<section id="features-12" className="shape--bg shape--white-400 pt-100 features-section division">
|
||||
<div className="container">
|
||||
<div className="row d-flex align-items-center">
|
||||
{/* TEXT BLOCK */}
|
||||
<div className="col-md-5">
|
||||
<div className="txt-block left-column wow fadeInRight">
|
||||
|
||||
<h2 className="s-46 w-700">Innovative solutions, real-time results</h2>
|
||||
{/* Text */}
|
||||
<p>Bring your vision to life with the website builder that gives you the tools you need to succeed.
|
||||
</p>
|
||||
{/* List */}
|
||||
<h2 className="s-46 w-700">{t("title")}</h2>
|
||||
<p>{t("description")}</p>
|
||||
<ul className="simple-list">
|
||||
<li className="list-item">
|
||||
<p>Design your website using our modern templates, designer fonts, and color palettes in minutes.
|
||||
</p>
|
||||
<p>{t("list1")}</p>
|
||||
</li>
|
||||
<li className="list-item">
|
||||
<p className="mb-0">Promote your business and grow. Create a blog to grow your community and drive more traffic.
|
||||
</p>
|
||||
<p className="mb-0">{t("list2")}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* FEATURES-12 WRAPPER */}
|
||||
</div>
|
||||
<div className="col-md-7">
|
||||
<div className="fbox-12-wrapper wow fadeInLeft">
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
{/* FEATURE BOX #1 */}
|
||||
<div id="fb-12-1" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-layers-1" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Website in Seconds</h5>
|
||||
<p>Build a website in seconds with MERMS AI website builder.</p>
|
||||
<h5 className="s-20 w-700">{t("websiteTitle")}</h5>
|
||||
<p>{t("websiteDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #2 */}
|
||||
<div id="fb-12-2" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-click-1" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Expanding Digital Ecosystem</h5>
|
||||
<p>We continuously introduce advanced digital tools designed to enhance and streamline your practice.</p>
|
||||
<h5 className="s-20 w-700">{t("ecosystemTitle")}</h5>
|
||||
<p>{t("ecosystemDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
{/* FEATURE BOX #3 */}
|
||||
<div id="fb-12-3" className="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-prioritize" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Useful Addons</h5>
|
||||
<p>Explore our expanding addons to improve your applications.</p>
|
||||
<h5 className="s-20 w-700">{t("addonsTitle")}</h5>
|
||||
<p>{t("addonsDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FEATURE BOX #4 */}
|
||||
<div id="fb-12-4" className="fbox-12 bg--white-100 block-shadow r-12">
|
||||
{/* Icon */}
|
||||
<div className="fbox-ico ico-50">
|
||||
<div className="shape-ico color--theme">
|
||||
{/* Vector Icon */}
|
||||
<span className="flaticon-analytics" />
|
||||
{/* Shape */}
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div> {/* End Icon */}
|
||||
{/* Text */}
|
||||
</div>
|
||||
<div className="fbox-txt">
|
||||
<h5 className="s-20 w-700">Unified Management</h5>
|
||||
<p>Manage everything from one portal with MERMS AI Assist Tools.</p>
|
||||
<h5 className="s-20 w-700">{t("unifiedTitle")}</h5>
|
||||
<p>{t("unifiedDesc")}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END FEATURES-12 WRAPPER */}
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
</>
|
||||
)
|
||||
|
||||
@@ -1,40 +1,31 @@
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MermsWhyChooseUs(){
|
||||
export default function MermsWhyChooseUs() {
|
||||
const t = useTranslations("WhyChooseUs")
|
||||
return <>
|
||||
<section className="pt-100 ws-wrapper content-section">
|
||||
<div className="container">
|
||||
<div className="bc-1-wrapper bg--02 bg--fixed r-16">
|
||||
<div className="section-overlay">
|
||||
<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">
|
||||
{/* Section ID */}
|
||||
<span className="s-24 w-700 h5-title">Why Choose Us</span>
|
||||
{/* Title */}
|
||||
<h2 className="s-46 w-700 pt-3">Experience, Knowledge, Skills & Passion</h2>
|
||||
{/* Text */}
|
||||
<p>
|
||||
We make your practice stand out from other physicians in your area with modern A.I.-enabled solutions relevant to this period and time.
|
||||
</p>
|
||||
{/* Small Title */}
|
||||
<h5 className="s-24 w-700 h5-title">Your success is the goal!</h5>
|
||||
{/* Text */}
|
||||
<p className="mb-0">Our platform helps any provider quickly create an online presence, a landing page, or a multi-page website. We also provide everything you need to get your practice humming at full speed.
|
||||
</p>
|
||||
<span className="s-24 w-700 h5-title">{t("sectionId")}</span>
|
||||
<h2 className="s-46 w-700 pt-3">{t("title")}</h2>
|
||||
<p>{t("description")}</p>
|
||||
<h5 className="s-24 w-700 h5-title">{t("subtitle")}</h5>
|
||||
<p className="mb-0">{t("subtitleDesc")}</p>
|
||||
</div>
|
||||
</div> {/* END TEXT BLOCK */}
|
||||
{/* IMAGE BLOCK */}
|
||||
</div>
|
||||
<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 row */}
|
||||
</div> {/* End section overlay */}
|
||||
</div> {/* End content wrapper */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
|
||||
|
||||
import Link from "next/link"
|
||||
import { useTranslations } from "next-intl"
|
||||
|
||||
export default function MersmHero() {
|
||||
const t = useTranslations("Hero")
|
||||
return (
|
||||
<>
|
||||
<section id="hero-13" className="hero-section">
|
||||
@@ -10,28 +11,19 @@ export default function MersmHero() {
|
||||
{/* HERO TEXT */}
|
||||
<div className="col-md-5">
|
||||
<div className="hero-13-txt wow fadeInRight">
|
||||
{/* Section ID */}
|
||||
{/*<span className="section-id">Online Reputation That Work</span>*/}
|
||||
{/* Title */}
|
||||
<h2 className="s-54 w-700">All-in-One Cloud Platform for Practice Management</h2>
|
||||
{/* Text */}
|
||||
<p className="p-lg">Streamline workflows across practice with powerful AI agents. Build and deploy automated workflows with ease.
|
||||
</p>
|
||||
{/* Button */}
|
||||
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-black">Get started for free</Link>
|
||||
{/*<p className="p-sm btn-txt ico-15">*/}
|
||||
{/* <span className="flaticon-check" /> No credit card needed, free 14-day trial*/}
|
||||
{/*</p>*/}
|
||||
<h2 className="s-54 w-700">{t("title")}</h2>
|
||||
<p className="p-lg">{t("description")}</p>
|
||||
<Link href={process.env.NEXT_PUBLIC_SIGNUP_URL} className="btn r-04 btn--theme hover--tra-black">{t("cta")}</Link>
|
||||
</div>
|
||||
</div> {/* END HERO TEXT */}
|
||||
</div>
|
||||
{/* HERO IMAGE */}
|
||||
<div className="col-md-7">
|
||||
<div className="hero-13-img wow fadeInLeft">
|
||||
<img className="img-fluid" src="/images/hero-13-b-img.png" alt="hero-image" />
|
||||
</div>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user