language implementation MERMS

pages/about.js

@@ -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),
+    }
+  }
+}