about merms

components/layout/Menu.js

@@ -12,7 +12,7 @@ export default function Menu() {
                 <li aria-haspopup="true">
                     <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
                     <ul className="sub-menu">
-                        <li aria-haspopup="true"><Link href="#lnk-1">Why MERMS?</Link></li>
+                        <li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li>
                         <li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
                         <li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
                         <li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>

components/sections/MermsAbout.js

@@ -0,0 +1,42 @@
+
+
+export default function MermsAbout() {
+    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">Data-driven digital marketing</h2>
+                                {/* List */}
+                                <ul className="simple-list">
+                                    <li className="list-item">
+                                        <p>Tempor sapien quaerat undo ipsum laoreet purus and sapien dolor ociis ultrice
+                                            ipsum aliquam undo congue dolor cursus congue varius magnis
+                                        </p>
+                                    </li>
+                                    <li className="list-item">
+                                        <p className="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
+                                            sapien ultrice auctor
+                                        </p>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>	{/* END TEXT BLOCK */}
+                    </div>    {/* End row */}
+                </div>	   {/* End container */}
+            </section>
+        </>
+    )
+}

pages/ProductHome.js

@@ -18,6 +18,7 @@ import Reviews2_3 from "../components/sections/Reviews2_3"
 //import Statistic5_3 from "../components/sections/Statistic5_3"
 import MersmHero from "../components/sections/MersmHero";
 import MermsFeatures from "../components/sections/MermsFeatures";
+import MermsAbout from "../components/sections/MermsAbout";
 
 export default function ProductHome() {
 
@@ -27,6 +28,8 @@ export default function ProductHome() {
                 <MersmHero />
                 {/*<Statistic5_3 />*/}
                 <hr className="divider" />
+                <MermsAbout />
+                <hr className="divider" />
                 <MermsFeatures />
                 {/*<Features13_5 />*/}
                 <Lnk1_13 />