From 67d016734d98ecfa884184a4b3c31b988791dcec Mon Sep 17 00:00:00 2001
From: ChineseChikki <chineye.ozoagudike@chiefsoft.com>
Date: Wed, 11 Jan 2023 18:49:21 +0100
Subject: [PATCH] updated the features

---
 src/component/HomeMain/Features/Main.js | 307 +++++++++++++++---------
 1 file changed, 199 insertions(+), 108 deletions(-)

diff --git a/src/component/HomeMain/Features/Main.js b/src/component/HomeMain/Features/Main.js
index 81d8b66..d9a0041 100644
--- a/src/component/HomeMain/Features/Main.js
+++ b/src/component/HomeMain/Features/Main.js
@@ -1,117 +1,208 @@
-import React from 'react'
-import img1 from '../../../assets/images/secure_data.png'
-import img2 from '../../../assets/images/functional.png'
-import img3 from '../../../assets/images/live-chat.png'
-import img4 from '../../../assets/images/support.png'
-import img5 from '../../../assets/images/features_frame.png'
+import React from "react";
+import img1 from "../../../assets/images/secure_data.png";
+import img2 from "../../../assets/images/functional.png";
+import img3 from "../../../assets/images/live-chat.png";
+import img4 from "../../../assets/images/support.png";
+import img5 from "../../../assets/images/features_frame.png";
 
-const Main = ({video}) => {
+const Main = ({ video }) => {
   return (
     <>
-        {video ?
-        <section className="row_am features_section video-features" id="features">
-            <div className="container">
-                <div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
-                <h2><span>Features</span> that makes app different!</h2>
-                <p>myFit has powerful connectivity, fitness, health, and safety features <br/> 
-                Also makes provision Fitness tracking,Workout tracking,Heart rate monitoring</p>
-                </div>
-                <div className="feature_detail">
-                <div className="left_data feature_box">
-                    <div className="data_block" data-aos="fade-right" data-aos-duration="1500">
-                    <div className="icon">
-                        <img src="assets/images/secure.png" alt="image" />
-                    </div>
-                    <div className="text">
-                        <h4>Secure data</h4>
-                        <p>Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.</p>
-                    </div>
-                    </div>
-                    <div className="data_block" data-aos="fade-right" data-aos-duration="1500">
-                    <div className="icon">
-                        <img src="assets/images/abt_functional.png" alt="image" />
-                    </div>
-                    <div className="text">
-                        <h4>Fully functional</h4>
-                        <p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
-                    </div>
-                    </div>
-                </div>
-                <div className="right_data feature_box">
-                    <div className="data_block" data-aos="fade-left" data-aos-duration="1500">
-                    <div className="icon">
-                        <img src="assets/images/communication.png" alt="image"/>
-                    </div>
-                    <div className="text">
-                        <h4>Live chat</h4>
-                        <p>Lorem Ipsum is simply dummy text of the printing and type setting indus ideas.</p>
-                    </div>
-                    </div>
-                    <div className="data_block" data-aos="fade-left" data-aos-duration="1500">
-                    <div className="icon">
-                        <img src="assets/images/abt_support.png" alt="image" />
-                    </div>
-                    <div className="text">
-                        <h4>24-7 Support</h4>
-                        <p>Simply dummy text of the printing and typesetting indus lorem Ipsum is dummy.</p>
-                    </div>
-                    </div>
-                </div>
-                <div className="feature_img" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
-                    <img src="assets/images/features_frame.png" alt="image" />
-                </div>
-                </div>
+      {video ? (
+        <section
+          className="row_am features_section video-features"
+          id="features"
+        >
+          <div className="container">
+            <div
+              className="section_title"
+              data-aos="fade-up"
+              data-aos-duration="1500"
+              data-aos-delay="100"
+            >
+              <h2>
+                <span>Features</span> that makes app different!
+              </h2>
+              <p>
+                Fitness Integration with your health plan in your pocket
+                bolsters
+                <br /> healthier life by tracking and experiencing life-changing
+                results
+              </p>
             </div>
+            <div className="feature_detail">
+              <div className="left_data feature_box">
+                <div
+                  className="data_block"
+                  data-aos="fade-right"
+                  data-aos-duration="1500"
+                >
+                  <div className="icon">
+                    <img src="assets/images/secure.png" alt="image" />
+                  </div>
+                  <div className="text">
+                    <h4>Secure data</h4>
+                    <p>
+                      Lorem Ipsum is simply dummy text of the printing and type
+                      setting indus ideas.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  className="data_block"
+                  data-aos="fade-right"
+                  data-aos-duration="1500"
+                >
+                  <div className="icon">
+                    <img src="assets/images/abt_functional.png" alt="image" />
+                  </div>
+                  <div className="text">
+                    <h4>Fully functional</h4>
+                    <p>
+                      Simply dummy text of the printing and typesetting indus
+                      lorem Ipsum is dummy.
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <div className="right_data feature_box">
+                <div
+                  className="data_block"
+                  data-aos="fade-left"
+                  data-aos-duration="1500"
+                >
+                  <div className="icon">
+                    <img src="assets/images/communication.png" alt="image" />
+                  </div>
+                  <div className="text">
+                    <h4>Live chat</h4>
+                    <p>
+                      Lorem Ipsum is simply dummy text of the printing and type
+                      setting indus ideas.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  className="data_block"
+                  data-aos="fade-left"
+                  data-aos-duration="1500"
+                >
+                  <div className="icon">
+                    <img src="assets/images/abt_support.png" alt="image" />
+                  </div>
+                  <div className="text">
+                    <h4>24-7 Support</h4>
+                    <p>
+                      Simply dummy text of the printing and typesetting indus
+                      lorem Ipsum is dummy.
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="feature_img"
+                data-aos="fade-up"
+                data-aos-duration="1500"
+                data-aos-delay="100"
+              >
+                <img src="assets/images/features_frame.png" alt="image" />
+              </div>
+            </div>
+          </div>
         </section>
-        :
+      ) : (
         <section className="row_am features_section" id="features">
-            <div className="container">
-                <div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
-                <h2><span>Features</span> that makes app different!</h2>
-                <p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe
-                    standard dummy.</p>
-                </div>
-                <div className="feature_detail">
-                <div className="left_data feature_box">
-                    <div className="data_block" data-aos="fade-right" data-aos-duration="1500">
-    
-                    <div className="text">
-                        <h4>Health Tips</h4>
-                        <p>myFit continuously help you organize both general and the few health questions relevant to you. We can privately help you find answer in our communities to new questions.</p>
-                    </div>
-                    </div>
-                    <div className="data_block" data-aos="fade-right" data-aos-duration="1500">
-        
-                    <div className="text">
-                        <h4>Health Statistics</h4>
-                        <p>Collect your health statistics yourself, weight changes, blood pressure, blood glucose data all helps to ensure that your provider is creating plans that fits you specifically..</p>
-                    </div>
-                    </div>
-                </div>
-                <div className="right_data feature_box">
-                    <div className="data_block" data-aos="fade-left" data-aos-duration="1500">
-
-                    <div className="text">
-                        <h4>Reminders</h4>
-                        <p>Miss no appointment, medication schedule and more with myFit reminders. Allow your provider or simply set up whatever you needed reminding for.</p>
-                    </div>
-                    </div>
-                    <div className="data_block" data-aos="fade-left" data-aos-duration="1500">
-   
-                    <div className="text">
-                        <h4>Health Plan</h4>
-                        <p>Your health plan your way - myFit assist you organizing your prescription, health routines, your providers treatment plans in one place.</p>
-                    </div>
-                    </div>
-                </div>
-                <div className="feature_img" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
-                    <img src={img5} alt="image" />
-                </div>
-                </div>
+          <div className="container">
+            <div
+              className="section_title"
+              data-aos="fade-up"
+              data-aos-duration="1500"
+              data-aos-delay="100"
+            >
+              <h2>
+                <span>Features</span> that makes app different!
+              </h2>
+              <p>
+                Lorem Ipsum is simply dummy text of the printing and typese
+                tting <br /> indus orem Ipsum has beenthe standard dummy.
+              </p>
             </div>
-        </section>}
+            <div className="feature_detail">
+              <div className="left_data feature_box">
+                <div
+                  className="data_block"
+                  data-aos="fade-right"
+                  data-aos-duration="1500"
+                >
+                  <div className="text">
+                    <h4>Health Tips</h4>
+                    <p>
+                      myFit continuously help you organize both general and the
+                      few health questions relevant to you. We can privately
+                      help you find answer in our communities to new questions.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  className="data_block"
+                  data-aos="fade-right"
+                  data-aos-duration="1500"
+                >
+                  <div className="text">
+                    <h4>Health Statistics</h4>
+                    <p>
+                      Collect your health statistics yourself, weight changes,
+                      blood pressure, blood glucose data all helps to ensure
+                      that your provider is creating plans that fits you
+                      specifically..
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <div className="right_data feature_box">
+                <div
+                  className="data_block"
+                  data-aos="fade-left"
+                  data-aos-duration="1500"
+                >
+                  <div className="text">
+                    <h4>Reminders</h4>
+                    <p>
+                      Miss no appointment, medication schedule and more with
+                      myFit reminders. Allow your provider or simply set up
+                      whatever you needed reminding for.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  className="data_block"
+                  data-aos="fade-left"
+                  data-aos-duration="1500"
+                >
+                  <div className="text">
+                    <h4>Health Plan</h4>
+                    <p>
+                      Your health plan your way - myFit assist you organizing
+                      your prescription, health routines, your providers
+                      treatment plans in one place.
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="feature_img"
+                data-aos="fade-up"
+                data-aos-duration="1500"
+                data-aos-delay="100"
+              >
+                <img src={img5} alt="image" />
+              </div>
+            </div>
+          </div>
+        </section>
+      )}
     </>
-  )
-}
+  );
+};
 
-export default Main
\ No newline at end of file
+export default Main;