From 4ce3c4a20e454523da420bf3d19e2b5208befcf7 Mon Sep 17 00:00:00 2001
From: Chukwumdiebube <chukwumdiebubeojinta@gmail.com>
Date: Thu, 30 Mar 2023 22:20:38 +0100
Subject: [PATCH] Modified a few content

---
 components/HomeThree/OurExpertise.js |  79 ++++++++--
 pages/about.js                       | 209 ++++++++++++++-------------
 public/css/style.css                 |   2 +
 3 files changed, 180 insertions(+), 110 deletions(-)

diff --git a/components/HomeThree/OurExpertise.js b/components/HomeThree/OurExpertise.js
index 755dbb4..e9fe91b 100755
--- a/components/HomeThree/OurExpertise.js
+++ b/components/HomeThree/OurExpertise.js
@@ -1,13 +1,12 @@
 import React from 'react';
 
 const OurExpertise = () => {
-    let expertise = "Lorem ipsum dolor sit amet, is consectetur adipiscing"
     return (
         <div className="speciality-area pb-100">
             <div className="container p-0">
                 <div className="section-title-two">
-                    <span>Speciality</span>
-                    <h2>Our Expertise</h2>
+                    {/* <span>Speciality</span> */}
+                    <h2>{expertise.title}</h2>
                 </div>
                 <div className="row m-0 item-center">
                     <div className="col-lg-7">
@@ -22,29 +21,43 @@ const OurExpertise = () => {
                                     <div className="col-sm-6 col-lg-6">
                                         <div className="speciality-inner">
                                             <i className="icofont-check-circled"></i>
-                                            <h3>Home Care <br/> Consult</h3>
-                                            <p>{expertise}</p>
+                                            <h3>{expertise.employers.title}</h3>
+                                            <p>{expertise.employers.text}</p>
                                         </div>
                                     </div>
                                     <div className="col-sm-6 col-lg-6">
                                         <div className="speciality-inner">
                                             <i className="icofont-check-circled"></i>
-                                            <h3>Lactation <br/> Consultancy</h3>
-                                            <p>{expertise}</p>
+                                            <h3>{expertise.healthcareProviders.title.first} <br /> {expertise.healthcareProviders.title.second}</h3>
+                                            <p>{expertise.healthcareProviders.text}</p>
                                         </div>
                                     </div>
                                     <div className="col-sm-6 col-lg-6">
                                         <div className="speciality-inner">
                                             <i className="icofont-check-circled"></i>
-                                            <h3>Follow Up care <br/> & Support</h3>
-                                            <p>{expertise}</p>
+                                            <h3>{expertise.healthPlan.title.first}<br /> {expertise.healthPlan.title.second}</h3>
+                                            <p>{expertise.healthPlan.text}</p>
                                         </div>
                                     </div>
                                     <div className="col-sm-6 col-lg-6">
                                         <div className="speciality-inner">
                                             <i className="icofont-check-circled"></i>
-                                            <h3>Telehealth <br/> Conference</h3>
-                                            <p>{expertise}</p>
+                                            <h3>{expertise.brandPartner.title.first}<br /> {expertise.brandPartner.title.second}</h3>
+                                            <p>{expertise.brandPartner.text}</p>
+                                        </div>
+                                    </div>
+                                    <div className="col-sm-6 col-lg-6">
+                                        <div className="speciality-inner">
+                                            <i className="icofont-check-circled"></i>
+                                            <h3>{expertise.parents.title}<br/>{' '}</h3>
+                                            <p>{expertise.parents.text}</p>
+                                        </div>
+                                    </div>
+                                    <div className="col-sm-6 col-lg-6">
+                                        <div className="speciality-inner">
+                                            <i className="icofont-check-circled"></i>
+                                            <h3>{expertise.careers.title.first}<br /> {expertise.careers.title.second}</h3>
+                                            <p>{expertise.careers.text}</p>
                                         </div>
                                     </div>
                                 </div>
@@ -56,13 +69,13 @@ const OurExpertise = () => {
                         <div className="speciality-item speciality-right">
                             <img src="/images/about5.jpg" alt="Speciality" />
 
-                            <div className="speciality-emergency">
+                            {/* <div className="speciality-emergency">
                                 <div className="speciality-icon">
                                     <i className="icofont-ui-call"></i>
                                 </div>
                                 <h3>Emergency Call</h3>
                                 <p>+07 554 332 322</p>
-                            </div>
+                            </div> */}
                         </div>
                     </div>
                 </div>
@@ -72,3 +85,43 @@ const OurExpertise = () => {
 }
 
 export default OurExpertise;
+
+let expertise = {
+    title: "LET'S GET YOU ON THE SCHEDULE. ",
+    employers: {
+        title: 'Employers',
+        text: 'Care for your company and employees'
+    },
+    healthcareProviders: {
+        title: {
+            first: 'Healthcare',
+            second: 'Providers'
+        },
+        text: 'Refer your patients'
+    },
+    healthPlan: {
+        title: {
+            first: 'Health',
+            second: 'Plans'
+        },
+        text: 'Care for your members'
+    },
+    brandPartner: {
+        title: {
+            first: 'Brand',
+            second: 'Partnerships'
+        },
+        text: 'Join Kintcare as a brand partner'
+    },
+    parents: {
+        title: 'Parents            ',
+        text: 'Care for you and your family'
+    },
+    careers: {
+        title: {
+            first: 'Careers',
+            second: 'at KintCare'
+        },
+        text: 'Join us on our mission            '
+    }
+}
diff --git a/pages/about.js b/pages/about.js
index 7b7e816..abec346 100755
--- a/pages/about.js
+++ b/pages/about.js
@@ -1,112 +1,127 @@
-import React from 'react';
-import TopHeader from '../components/_App/TopHeader';
-import Navbar from '../components/_App/Navbar';
-import PageBanner from '../components/Common/PageBanner';
-import Footer from '../components/_App/Footer';
-import OurExpertise from '../components/HomeThree/OurExpertise';
-import Services from '../components/HomeOne/Services';
-import TestimonialSlider from '../components/Common/TestimonialSlider';
-import LatestBlogPost from '../components/Common/LatestBlogPost';
+import React from "react";
+import TopHeader from "../components/_App/TopHeader";
+import Navbar from "../components/_App/Navbar";
+import PageBanner from "../components/Common/PageBanner";
+import Footer from "../components/_App/Footer";
+import OurExpertise from "../components/HomeThree/OurExpertise";
+import Services from "../components/HomeOne/Services";
+import TestimonialSlider from "../components/Common/TestimonialSlider";
+import LatestBlogPost from "../components/Common/LatestBlogPost";
 
 const About = () => {
+  let aboutHosp = {
+    title: "About Our Hospital",
+    desc: "At KintCare, we are dedicated to helping nursing families meet their breastfeeding goals anywhere in their journey. Our mission is to promote, protect, and support breastfeeding by providing lactation services, care, support, and education. We strive to treat our patients like family.",
+    list1: "Collaborating to advance the field of lactation support by equipping aspiring lactation professionals of color with the right tools at the right time to make a difference.",
+    list2: "Kintcare provides a free virtual information hub for aspiring IBCLCs ",
+    list3: "Not sure where to begin your lactation career journey? Start with our Pathways 101 Video!",
+  };
+  return (
+    <>
+      <TopHeader />
 
-   let aboutHosp = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis."
-    return (
-        <>
-            <TopHeader />
+      <Navbar />
 
-            <Navbar />
-            
-            <PageBanner 
-                pageTitle="About" 
-                homePageUrl="/" 
-                homePageText="Home" 
-                activePageText="About" 
-                bgImage="page-title-one" 
-            /> 
+      <PageBanner
+        pageTitle="About"
+        homePageUrl="/"
+        homePageText="Home"
+        activePageText="About"
+        bgImage="page-title-one"
+      />
 
-            <div className="about-area pt-100 pb-70">
-                <div className="container">
-                    <div className="row align-items-center">
-                        <div className="col-lg-6">
-                            <div className="about-item">
-                                <div className="about-left">
-                                    <img src="/images/about-1.jpg" alt="About" />
-                                </div>
-                            </div>
-                        </div>
-
-                        <div className="col-lg-6">
-                            <div className="about-item about-right">
-                                <img src="/images/about-shape1.png" alt="About" />
-                                <h2>About Our Hospital</h2>
-                                <p>{aboutHosp}</p>
-                                <ul>
-                                    <li>
-                                        <i className="icofont-check-circled"></i>
-                                        Browse Our Website
-                                    </li>
-                                    <li>
-                                        <i className="icofont-check-circled"></i>
-                                        Choose Service
-                                    </li>
-                                    <li>
-                                        <i className="icofont-check-circled"></i>
-                                        Send Messege
-                                    </li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
+      <div className="about-area pt-100 pb-70">
+        <div className="container">
+          <div className="row align-items-center">
+            <div className="col-lg-6">
+              <div className="about-item">
+                <div className="about-left">
+                  <img src="/images/about-1.jpg" alt="About" />
                 </div>
+              </div>
             </div>
 
-            <div className="counter-area counter-bg counter-area-four">
-                <div className="container">
-                    <div className="row">
-                        <div className="col-sm-6 col-lg-3">
-                            <div className="counter-item">
-                                <i className="icofont-patient-bed"></i>
-                                <h3 className="counter">850</h3>
-                                <p>Patients Beds</p>
-                            </div>
-                        </div>
-                        <div className="col-sm-6 col-lg-3">
-                            <div className="counter-item">
-                                <i className="icofont-people"></i>
-                                <h3><span className="counter">25000</span>+</h3>
-                                <p>Happy Patients</p>
-                            </div>
-                        </div>
-                        <div className="col-sm-6 col-lg-3">
-                            <div className="counter-item">
-                                <i className="icofont-doctor-alt"></i>
-                                <h3 className="counter">750</h3>
-                                <p>Doctors  & Nurse</p>
-                            </div>
-                        </div>
-                        <div className="col-sm-6 col-lg-3">
-                            <div className="counter-item">
-                                <i className="icofont-badge"></i>
-                                <h3 className="counter">18</h3>
-                                <p>Year Experience</p>
-                            </div>
-                        </div>
-                    </div>
+            <div className="col-lg-6">
+              <div className="about-item about-right">
+                <img src="/images/about-shape1.png" alt="About" />
+                <h2>{aboutHosp.title}</h2>
+                <p>{aboutHosp.desc}</p>
+                {/* <ul>
+                  <li>
+                <div className="list-item">
+                    <i className="icofont-check-circled"></i>
+                    <p>{aboutHosp.list1}</p>
                 </div>
+                  </li>
+                  <li>
+                    <div className="list-item">
+                      
+                    <i className="icofont-check-circled"></i>
+                    <p>{aboutHosp.list2}</p>
+                    </div>
+                  </li>
+                  <li>
+                    <div className="list-item">
+
+                    <i className="icofont-check-circled"></i>
+                    <p>{aboutHosp.list3}</p>
+                    </div>
+                  </li>
+                </ul> */}
+              </div>
             </div>
+          </div>
+        </div>
+      </div>
 
-            <OurExpertise /> 
+      <div className="counter-area counter-bg counter-area-four">
+        <div className="container">
+          <div className="row">
+            <div className="col-sm-6 col-lg-3">
+              <div className="counter-item">
+                <i className="icofont-patient-bed"></i>
+                <h3 className="counter">850</h3>
+                <p>Patients Beds</p>
+              </div>
+            </div>
+            <div className="col-sm-6 col-lg-3">
+              <div className="counter-item">
+                <i className="icofont-people"></i>
+                <h3>
+                  <span className="counter">25000</span>+
+                </h3>
+                <p>Happy Patients</p>
+              </div>
+            </div>
+            <div className="col-sm-6 col-lg-3">
+              <div className="counter-item">
+                <i className="icofont-doctor-alt"></i>
+                <h3 className="counter">750</h3>
+                <p>Doctors & Nurse</p>
+              </div>
+            </div>
+            <div className="col-sm-6 col-lg-3">
+              <div className="counter-item">
+                <i className="icofont-badge"></i>
+                <h3 className="counter">18</h3>
+                <p>Year Experience</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
 
-            <Services /> 
+      <OurExpertise />
 
-            <TestimonialSlider /> 
+      <Services />
 
-            <LatestBlogPost />
-  
-            <Footer />
-        </>
-    )
-}
+      <TestimonialSlider />
 
-export default About;
\ No newline at end of file
+      <LatestBlogPost />
+
+      <Footer />
+    </>
+  );
+};
+
+export default About;
diff --git a/public/css/style.css b/public/css/style.css
index 05b39c0..c315cf6 100755
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -661,6 +661,8 @@ button:focus {
   margin-bottom: 30px;
 }
 
+.about-item .list-item{display: inline-flex;}
+
 .about-item h2 {
   font-size: 38px;
   font-weight: 700;