language implementation MERMS
This commit is contained in:
+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>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user