From 12cc957b5acc900d754ec2fe7cfc82668af6c0dd Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Thu, 9 Jan 2025 19:40:43 -0500
Subject: [PATCH] about page

---
 components/sections/MermsWhyChooseUs.js | 41 +++++++++++++++++++++++++
 pages/about.js                          | 41 ++-----------------------
 2 files changed, 43 insertions(+), 39 deletions(-)
 create mode 100644 components/sections/MermsWhyChooseUs.js

diff --git a/components/sections/MermsWhyChooseUs.js b/components/sections/MermsWhyChooseUs.js
new file mode 100644
index 0000000..c6cde47
--- /dev/null
+++ b/components/sections/MermsWhyChooseUs.js
@@ -0,0 +1,41 @@
+
+export default function MermsWhyChooseUs(){
+    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="section-id">Why Choose Us</span>
+                                    {/* Title */}
+                                    <h2 className="s-46 w-700">With knowledge, skills &amp; hard work</h2>
+                                    {/* Text */}
+                                    <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
+                                        vitae eros dolor luctus placerat magna ligula cursus and purus pretium
+                                    </p>
+                                    {/* Small Title */}
+                                    <h5 className="s-24 w-700 h5-title">Your road to success!</h5>
+                                    {/* Text */}
+                                    <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
+                                        auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
+                                    </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/img-08.png" alt="content-image" />
+                                </div>
+                            </div>
+                        </div>   {/* End row */}
+                    </div>    {/* End section overlay */}
+                </div>    {/* End content wrapper */}
+            </div>     {/* End container */}
+        </section>
+    </>
+
+}
\ No newline at end of file
diff --git a/pages/about.js b/pages/about.js
index d8e379e..b10e585 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -4,6 +4,7 @@ import Layout from "../components/layout/Layout"
 import BrandSlider2 from "../components/slider/BrandSlider2"
 import Link from "next/link"
 import MermsRecentBlog from "../components/sections/MermsRecentBlog";
+import MermsWhyChooseUs from "../components/sections/MermsWhyChooseUs";
 export default function Home() {
 
     return (
@@ -292,45 +293,7 @@ export default function Home() {
                     {/* BRANDS-1
 			============================================= */}
 
-                    {/* TEAM-1
-			============================================= */}
-
-                    <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="section-id">Why Choose Us</span>
-                                                {/* Title */}
-                                                <h2 className="s-46 w-700">With knowledge, skills &amp; hard work</h2>
-                                                {/* Text */}
-                                                <p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
-                                                    vitae eros dolor luctus placerat magna ligula cursus and purus pretium
-                                                </p>
-                                                {/* Small Title */}
-                                                <h5 className="s-24 w-700 h5-title">Your road to success!</h5>
-                                                {/* Text */}
-                                                <p className="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
-                                                    auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
-                                                </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/img-08.png" alt="content-image" />
-                                            </div>
-                                        </div>
-                                    </div>   {/* End row */}
-                                </div>    {/* End section overlay */}
-                            </div>    {/* End content wrapper */}
-                        </div>     {/* End container */}
-                    </section>	{/* END BOX CONTENT */}
-
+                    <MermsWhyChooseUs />
                     <MermsRecentBlog />
                     <hr className="divider" />
                 </div>