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
pages/404.js
+10 -1
View File
@@ -37,4 +37,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/ProductHome.js
+10 -1
View File
@@ -22,4 +22,13 @@ export default function ProductHome() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/_app.js
+14 -12
View File
@@ -1,5 +1,6 @@
import Preloader from "../components/elements/Preloader"
import { useEffect, useState } from "react"
import { NextIntlClientProvider } from "next-intl"
import "/public/css/bootstrap.min.css"
import "/public/css/flaticon.css"
@@ -13,25 +14,26 @@ import "/public/css/responsive.css"
import QueryClientContext from "../components/queryclientProvider/QueryClientContext"
function MyApp({ Component, pageProps }) {
const { messages, locale, ...restPageProps } = pageProps
const [loading, setLoading] = useState(true)
useEffect(() => {
setTimeout(() => {
setLoading(false)
}, 1000)
}, [])
return (<>
{/* <SmoothScroll /> */}
{!loading ? (
// <ProductHome />
<QueryClientContext>
<Component {...pageProps} />
</QueryClientContext>
) : (
<Preloader />
)}
</>)
return (
<NextIntlClientProvider locale={locale || "en"} messages={messages || {}}>
{!loading ? (
<QueryClientContext>
<Component {...restPageProps} />
</QueryClientContext>
) : (
<Preloader />
)}
</NextIntlClientProvider>
)
}
export default MyApp
pages/_help-center.js
+10 -1
View File
@@ -515,4 +515,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/about.js
+16 -14
View File
@@ -7,30 +7,25 @@ import MermsRecentBlog from "../components/sections/MermsRecentBlog";
import MermsWhyChooseUs from "../components/sections/MermsWhyChooseUs";
import MermsDedicatedTeam from "../components/sections/MermsDedicatedTeam";
import MermsAboutFeautures from "../components/sections/MermsAboutFeautures";
import { useTranslations } from "next-intl";
export default function Home() {
const t = useTranslations("AboutPage")
return (
<>
<Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
<div>
{/* ABOUT-2
============================================= */}
<section id="about-2" className="rel inner-page-hero about-section division">
{/* ABOUT-2 TITLE */}
<div className="container">
<div className="row">
<div className="col-md-11 col-lg-10 col-xl-9">
<div className="about-2-title mb-60">
{/* Title */}
<h2 className="s-52 w-700 mb-30">Helping healthcare providers with creative solutions.</h2>
{/* Text */}
<p className="mb-0">We aim to provide users with everything they need to succeed, from web presence and design to marketing,
content creation, and more. Our specialists understand the unique challenges of running an efficient modern operation. We work with the latest technologies to maximize your return on investment.
</p>
<h2 className="s-52 w-700 mb-30">{t("title")}</h2>
<p className="mb-0">{t("description")}</p>
</div>
</div>
</div>
</div> {/* END ABOUT-2 TITLE */}
</div>
{/* ABOUT-2 IMAGES */}
<div className="container-fluid">
<div className="row">
@@ -61,9 +56,7 @@ export default function Home() {
<div className="a2-txt-quote ico-40 o-20">
<span className="flaticon-quote" />
</div>
{/* Text */}
<p>As a healthcare provider, you must stay up-to-date on the latest trends and technologies to connect with your patients and provide them with top-notch care. We offer a variety of products that are specifically designed to help you meet the growing online needs of your practice
</p>
<p>{t("quote")}</p>
{/* Author */}
{/* <p className="a2-txt-author">Charlie Cheever <span>CEO &amp; CO-FOUNDER</span></p> */}
</div>
@@ -92,4 +85,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/blog-listing.js
+10 -1
View File
@@ -460,4 +460,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/blogview/[id]/index.js
+10 -1
View File
@@ -158,4 +158,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getServerSideProps({ locale }) {
const { getMessages } = await import('../../../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/contacts.js
+41 -54
View File
@@ -2,16 +2,17 @@ import {useMutation} from '@tanstack/react-query';
import Layout from "../components/layout/Layout"
import Link from "next/link"
import {Form, Formik} from 'formik';
//import {Form, Formik} from 'formik';
import * as Yup from "yup";
import { useTranslations } from "next-intl";
export default function Home() {
const t = useTranslations("ContactsPage")
const validationSchema = Yup.object().shape({
subject: Yup.string().required("Required"),
name: Yup.string().required("Required"),
email: Yup.string().required("Required"),
message: Yup.string().required("Required"),
subject: Yup.string().required(t("required")),
name: Yup.string().required(t("required")),
email: Yup.string().required(t("required")),
message: Yup.string().required(t("required")),
})
const initialValues = {
@@ -56,13 +57,8 @@ export default function Home() {
<div className="row justify-content-center">
<div className="col-md-10 col-lg-9">
<div className="section-title text-center mb-80">
{/* Title */}
<h2 className="s-52 w-700">Questions? Let's Talk</h2>
{/* Text */}
<p className="p-lg">Want to learn more about MERMS, get a quote, or speak with
an expert?
Let us know what you are looking for and we’ll get back to you right away
</p>
<h2 className="s-52 w-700">{t("title")}</h2>
<p className="p-lg">{t("description")}</p>
</div>
</div>
</div>
@@ -90,74 +86,56 @@ export default function Home() {
<Form name="contactform" className="row contact-form">
{/* Form Select */}
<div className="col-md-12 input-subject">
<p className="p-lg">This question is
about:{(props.errors.subject && props.touched.subject) &&
<span style={{display: 'inline'}}
className='text-danger'>{props.errors.subject}</span>}</p>
<span>Choose a topic, so we can best determine how to handle your request to:</span>
<p className="p-lg">{t("questionAbout")}{(props.errors.subject && props.touched.subject) &&
<span style={{display: 'inline'}} className='text-danger'>{props.errors.subject}</span>}</p>
<span>{t("chooseTopic")}</span>
<select name='subject' onChange={props.handleChange}
className="form-select subject"
aria-label="Default select example">
<option value=''>This question is about...</option>
<option
value='registering or account'>Registering or
Accounts
</option>
<option value='using application'>Application
</option>
<option value='troubleshooting'>Troubleshooting
</option>
<option value='data and files'>Data or Files
</option>
<option value='others'>Other</option>
<option value=''>{t("selectDefault")}</option>
<option value='registering or account'>{t("optionRegistering")}</option>
<option value='using application'>{t("optionApplication")}</option>
<option value='troubleshooting'>{t("optionTroubleshooting")}</option>
<option value='data and files'>{t("optionData")}</option>
<option value='others'>{t("optionOther")}</option>
</select>
</div>
{/* Contact Form Input */}
<div className="col-md-12">
<p className="p-lg">Your
Name:{(props.errors.name && props.touched.name) &&
<span style={{display: 'inline'}}
className='text-danger'>{props.errors.name}</span>}</p>
<span>Please enter your name: </span>
<p className="p-lg">{t("nameLabel")}{(props.errors.name && props.touched.name) &&
<span style={{display: 'inline'}} className='text-danger'>{props.errors.name}</span>}</p>
<span>{t("namePlaceholder")}</span>
<input type="text" onChange={props.handleChange}
name="name" className="form-control name"
placeholder="Your Name*"/>
placeholder={t("nameInput")}/>
</div>
<div className="col-md-12">
<p className="p-lg">Your Email
Address:{(props.errors.email && props.touched.email) &&
<span style={{display: 'inline'}}
className='text-danger'>{props.errors.email}</span>}</p>
<span>Please carefully check your email address for accuracy:</span>
<p className="p-lg">{t("emailLabel")}{(props.errors.email && props.touched.email) &&
<span style={{display: 'inline'}} className='text-danger'>{props.errors.email}</span>}</p>
<span>{t("emailPlaceholder")}</span>
<input type="text" onChange={props.handleChange}
name="email" className="form-control email"
placeholder="Email Address*"/>
placeholder={t("emailInput")}/>
</div>
<div className="col-md-12">
<p className="p-lg">Explain your question in
details:{(props.errors.message && props.touched.message) &&
<span style={{display: 'inline'}}
className='text-danger'>{props.errors.message}</span>}</p>
<span>Please provide specific details regarding your request or any feedback you wish to share.</span>
<p className="p-lg">{t("messageLabel")}{(props.errors.message && props.touched.message) &&
<span style={{display: 'inline'}} className='text-danger'>{props.errors.message}</span>}</p>
<span>{t("messagePlaceholder")}</span>
<textarea onChange={props.handleChange}
className="form-control message"
name="message" rows={6}
placeholder="I have a problem with..."/>
placeholder={t("messageInput")}/>
</div>
{/* Contact Form Button */}
<div className="d-flex justify-content-end mt-15 form-btn">
<button
type="submit"
className="btn btn--theme hover--theme submit"
disabled={contactMutation.isPending || contactMutation.isSuccess}
>
{contactMutation.isPending ? 'Sending' : contactMutation.isSuccess ? 'Message Sent' : 'Submit Request'}
{contactMutation.isPending ? t("sending") : contactMutation.isSuccess ? t("messageSent") : t("submitRequest")}
</button>
</div>
<div className="contact-form-notice">
<p className="p-sm">
We are committed to protecting your privacy. MERMS uses the information you provide to communicate with you regarding our relevant content, products, and services. You may unsubscribe from these communications at any time.
</p>
<p className="p-sm">{t("privacy")}</p>
</div>
{/* Contact Form Message */}
<div className="col-lg-12 contact-form-msg">
@@ -194,4 +172,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/cookies.js
+10 -1
View File
@@ -225,4 +225,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/download.js
+10 -1
View File
@@ -203,4 +203,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/faqs.js
+10 -1
View File
@@ -595,4 +595,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/features.js
+19 -15
View File
@@ -8,7 +8,9 @@ import MermsFeatureSection4 from "../components/sections/MermsFeatureSection4";
import MermsFeaturesSection1 from "../components/sections/MermsFeaturesSection1";
import MermsFeaturesSectionTwo from "../components/sections/MermsFeaturesSectionTwo";
import MermsEngageBox from "../components/sections/MermsEngageBox";
import { useTranslations } from "next-intl";
export default function Home() {
const t = useTranslations("FeaturesPage")
return (
<>
@@ -27,39 +29,32 @@ export default function Home() {
{/* TEXT BLOCK */}
<div className="col-md-6">
<div className="txt-block right-column wow fadeInLeft">
{/* Section ID */}
<span className="section-id">Strategies That Work</span>
{/* Title */}
<h2 className="s-46 w-700">Modern Strategies &amp; implementations</h2>
{/* Text */}
<p>In the agent world, we fit your solution to what works with attention to how your audience wants to reach you. We are an AI-first solution to your online and pipeline optimization practice.</p>
{/* Small Title */}
<h5 className="s-24 w-700">Providing solutions that provable work</h5>
{/* CONTENT BOX #1 */}
<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>
<div className="cbox-1 ico-15">
<div className="ico-wrap color--theme">
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
</div>
<div className="cbox-1-txt">
<p>Made to suit different circumstances or requirements with ease.</p>
<p>{t("check1")}</p>
</div>
</div>
{/* CONTENT BOX #2 */}
<div className="cbox-1 ico-15">
<div className="ico-wrap color--theme">
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
</div>
<div className="cbox-1-txt">
<p>Promote your brand, accomplish tasks quickly and effectively, and maximize productivity.</p>
<p>{t("check2")}</p>
</div>
</div>
{/* CONTENT BOX #3 */}
<div className="cbox-1 ico-15">
<div className="ico-wrap color--theme">
<div className="cbox-1-ico"><span className="flaticon-check" /></div>
</div>
<div className="cbox-1-txt">
<p className="mb-0">Create and grow your digital community and drive relevant traffic.</p>
<p className="mb-0">{t("check3")}</p>
</div>
</div>
</div>
@@ -83,4 +78,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/help-center.js
+10 -1
View File
@@ -193,4 +193,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/index.js
+10 -1
View File
@@ -22,4 +22,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/integrations.js
+10 -1
View File
@@ -520,4 +520,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/merms-blog.js
+10 -1
View File
@@ -164,4 +164,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/merms-blogview_.js
+10 -1
View File
@@ -156,4 +156,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/merms-updates.js
+10 -1
View File
@@ -73,4 +73,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/pricing.js
+10 -1
View File
@@ -455,4 +455,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/privacy.js
+10 -1
View File
@@ -112,4 +112,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/project-details.js
+10 -1
View File
@@ -262,4 +262,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/projects.js
+10 -1
View File
@@ -400,4 +400,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/reset-password.js
+10 -1
View File
@@ -58,4 +58,13 @@ export default function Home() {
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/reviews.js
+10 -1
View File
@@ -243,4 +243,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/single-post.js
+10 -1
View File
@@ -558,4 +558,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/team.js
+10 -1
View File
@@ -442,4 +442,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}
pages/terms.js
+10 -1
View File
@@ -135,4 +135,13 @@ export default function Home() {
</Layout>
</>
)
}
}
export async function getStaticProps({ locale }) {
const { getMessages } = await import('../utils/getMessages')
return {
props: {
locale,
messages: await getMessages(locale),
}
}
}