About-Us-Fixed

src/component/AboutUs/Main.js

@@ -14,11 +14,13 @@ const Main = ({brdcum}) => {
     'We work with you to achieve your health and fitness goals by providing solutions that fit your goals.'
     let whyWeAreDiff = {
         desc:'We work with you to achieve your health and fitness goals by providing solutions that fit your goals.',
-        title1: 'Secure',
-        title2: 'Rich Features',
-        title3: 'Ease of Use',
-        title4: 'Support'
     }
+
+    let secure = "Secure";
+    let richFeatures = "Rich Features";
+    let easeOfUse = "Ease of Use";
+    let support = "Support";
+
     let queryDesc = 'If you have an query, please get in touch with us, we will revert back quickly.'
     
   return (
@@ -115,45 +117,38 @@ const Main = ({brdcum}) => {
                         <img src="assets/images/secure.png" alt="image"/>
                         </div> */}
                         <div className="text">
-                        <h3>{whyWeAreDiff.title1}</h3>
-                        <p>Lorem Ipsum is simply dummy text of the printing and type
-                            setting indus ideas.
-                        </p>
+                        <h3>{secure}</h3>
+                        <p>MyFit is built to keep your data secure and protect your privacy. Your data is encrypted and you are always in control of your information.</p>
                         </div>
                     </div>
                     </div>
                     <div className="col-md-6 col-lg-3">
-                    <div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
-                        {/* <div className="icon">
-                        <img src="assets/images/abt_functional.png" alt="image"/>
-                        </div> */}
-                        <div className="text">
-                        <h3>{whyWeAreDiff.title2}</h3>
-                        <p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
+                        <div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
+                            <div className="text">
+                                <h3>{richFeatures}</h3>
+                                <p>Self-service.</p>
+                                <p>Tracking of health and fitness.</p>
+                                <p>Scheduling.</p>
+                                <p>Performance metrics.</p>
+                                <p>A more active, healthier interaction and improved quality of life.</p>
+                            </div>
                         </div>
                     </div>
-                    </div>
                     <div className="col-md-6 col-lg-3">
                     <div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
-                        {/* <div className="icon">
-                        <img src="assets/images/communication.png" alt="image"/>
-                        </div> */}
                         <div className="text">
-                        <h3>{whyWeAreDiff.title3}</h3>
-                        <p>Lorem Ipsum is simply dummy text of the printing and type
-                            setting indus ideas.
-                        </p>
+                            <h3>{easeOfUse}</h3>
+                            <p>MyFit keeps you connected to health, a healthy partner for a healthy life.</p>
+                            <p>Measure and keep track of all you desire with your health, meaningful health awareness in one place, never miss an appointment, scheduling<br/> with daily plans. An advanced metrics in a glance.</p>
+                         
                         </div>
                     </div>
                     </div>
                     <div className="col-md-6 col-lg-3">
                     <div className="why_box" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="400">
-                        {/* <div className="icon">
-                        <img src="assets/images/abt_support.png" alt="image"/>
-                        </div> */}
                         <div className="text">
-                        <h3>{whyWeAreDiff.title4}</h3>
-                        <p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
+                        <h3>{support}</h3>
+                        <p>myFit can alert you of irregular rhythms. You can connect with your health facilitator.</p>
                         </div>
                     </div>
                     </div>
@@ -172,16 +167,11 @@ const Main = ({brdcum}) => {
                     <div className="col-lg-6">
                         <div className="about_text">
                         <div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
-                            <h2> <span>We focus on quality,</span> never
-                            focus on quantity</h2>
-                            
-                            <p>{innovativeDesc}</p>
+                            <h2> <span>We focus on quality,</span> never focus on quantity</h2>
+                             <p>{innovativeDesc}</p>
                         </div>
                         <ul className="app_statstic" id="counter" data-aos="fade-in" data-aos-duration="1500">
                             <li>
-                            {/* <div className="icon">
-                                <img src="assets/images/download.png" alt="image" />
-                            </div> */}
                             <div className="text">
                                 <h3>Manage</h3>
                                 <p>health plan</p>
@@ -189,27 +179,20 @@ const Main = ({brdcum}) => {
                             
                             </li>
                             <li>
-                            {/* <div className="icon">
-                                <img src="assets/images/followers.png" alt="image" />
-                            </div> */}
                             <div className="text">
                                 <h3>Health Record</h3>
                                 <p>with you</p>
                             </div>
                             </li>
                             <li>
-                            {/* <div className="icon">
-                                <img src="assets/images/reviews.png" alt="image" />
-                            </div> */}
+                          
                             <div className="text">
                                 <h3>Health</h3>
                                 <p>reminders</p>
                             </div>
                             </li>
                             <li>
-                            {/* <div className="icon">
-                                <img src="assets/images/countries.png" alt="image" />
-                            </div> */}
+                          
                             <div className="text">
                                 <h3>Quick</h3>
                                 <p>Schedule</p>