replaced some images

replaced images and added an overlay for proper readability.

public/assets/css/style.css

@@ -414,7 +414,7 @@ p {
   background-attachment: fixed!important;
 }
 
-.bg_chat { background-image: url(../images/bg_chat.jpg); background-attachment: scroll!important; }
+.bg_chat { background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.52), rgba(49, 46, 48, 0.73)),url(../images/personwithbackpack.png); background-attachment: scroll!important; background-position: top; }
 .bg_fit_01 { background-image: url(../images/bg_fit_01.jpg); background-attachment: scroll!important; }
 /* .bg_fit_02 { background-image: url(../images/bg_fit_02.jpg); } */
 .bg_fit_02 { background-image: url(../images/bg_fit_02.png); } /*changed image*/

src/pages/Fleet.js

@@ -1096,7 +1096,7 @@ class Fleet extends React.Component {
                 {/* IMAGE BLOCK */}
                 <div className="col-md-5 col-lg-6 m-bottom">
                   <div className="img-block right-column pc-25 wow fadeInUp" data-wow-delay="0.6s">
-                    <img className="img-fluid" src="assets/images/img-15-fit.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/img_15_fit.png" alt="content-image" />
                   </div>
                 </div>
                 {/* TEXT BLOCK */}	

src/pages/FloatHome.js

@@ -367,7 +367,7 @@ class FloatHome extends React.Component {
                 {/* IMAGE BLOCK */}
                 <div className="col-md-5 col-lg-6 m-top">
                   <div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
-                    <img className="img-fluid" src="assets/images/img-05.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
                   </div>
                 </div>
               </div>	   {/* End row */}
@@ -553,32 +553,17 @@ class FloatHome extends React.Component {
                 {/* IMAGE BLOCK */}
                 <div className="col-md-5 col-lg-6">
                   <div className="img-block left-column pc-20 mb-40 wow fadeInRight" data-wow-delay="0.6s">
-                    <img className="img-fluid" src="assets/images/img-03.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/how-it-works-recomment-engine.png" alt="content-image" />
                   </div>
                 </div>
                 {/* TEXT BLOCK */}	
                 <div className="col-md-7 col-lg-6">
                   <div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
                     {/* Section ID */}	
-                    <span className="section-id grey-color">Beauty of Simplicity</span>
+                    <span className="section-id grey-color">RECOMMENDATION ENGINE</span>
                     {/* Title */}	
-                    <h2 className="h2-md">Beautiful, award-winning design</h2>
+                    <h2 className="h2-md">Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.</h2>
-                    {/* List */}	
+                    <p className="p-lg">Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.</p>
-                    <ul className="simple-list">
-                      <li className="list-item">
-                        <p className="p-lg">Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
-                          ligula rutrum tempor sapien
-                        </p>
-                      </li>
-                      <li className="list-item">
-                        <p className="p-lg">Quaerat sodales sapien euismod purus blandit</p>
-                      </li>
-                      <li className="list-item">
-                        <p className="p-lg">Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo 
-                          pretium a purus mauris
-                        </p>
-                      </li>
-                    </ul>
                   </div>
                 </div>	{/* END TEXT BLOCK */}	
               </div>	   {/* End row */}
@@ -694,7 +679,7 @@ class FloatHome extends React.Component {
               <div className="row">
                 <div className="col-md-12">
                   <div className="img-block text-center wow fadeInUp" data-wow-delay="0.6s">
-                    <img className="img-fluid" src="assets/images/browsers.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/browser-edit.png" alt="content-image" />
                   </div>
                 </div>
               </div>
@@ -721,39 +706,22 @@ class FloatHome extends React.Component {
                 {/* DOWNLOAD TXT */}	
                 <div className="col-lg-6">	
                   <div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">	
-                    {/* Section ID */}	
                     <span className="section-id">Built For Speed</span>                    
-                    {/* Title 	*/}	
                     <h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>                    
-                    {/* Text */}	
                     <p className="p-xl">Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
                       posuere orci auctor purus euismod an aliquam quaerat purus
                     </p>                    												
-                    {/* STORE BADGES */}												
                     <div className="stores-badge">                      
-                      {/* AppStore */}
                       <a href="#" className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
                       </a>                      
-                      {/* Google Play */}
                       <a href="#" className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
-                      {/* Aamazon Market 
+                    </div>	
-									<a href="#" class="store">
-										<img class="amazon" src="assets/images/amazon.png" alt="amazon-badge" />
-									</a>  */}
-                      {/* Mac AppStore 
-									<a href="#" class="store">
-										<img class="mac-appstore" src="assets/images/macstore.png" alt="macstore-badge" />
-									</a> */} 
-                      {/* Microsoft Store  
-									<a href="#" class="store">
-										<img class="microsoft" src="assets/images/microsoft.png" alt="microsoft-badge" />
-									</a> */} 
-                    </div>	{/* END STORE BADGES */}	
                   </div>
-                </div>	{/* END DOWNLOAD TXT */}	
+                </div>	
+                {/* END DOWNLOAD TXT */}	
               </div>    {/* End row */}
             </div>	   {/* End container */}	
           </section>	{/* END  DOWNLOAD-6 */}
@@ -1292,7 +1260,7 @@ class FloatHome extends React.Component {
                   </div>
                   {/* Image */}	
                   <div className="download-5-img wow fadeInUp" data-wow-delay="0.8s">
-                    <img className="img-fluid" src="assets/images/img-20.png" alt="download-image" />
+                    <img className="img-fluid" src="assets/images/img_20.png" alt="download-image" />
                   </div>
                 </div>
               </div>    {/* End row */}

src/pages/Users.js

@@ -343,7 +343,7 @@ class Users extends React.Component {
                   {/* IMAGE BLOCK */}
                   <div className="col-md-5 col-lg-6 m-top">
                     <div className="img-block right-column pc-15 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
-                      <img className="img-fluid" src="assets/images/img-05.png" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
                     </div>
                   </div>
                 </div>  {/* End row */}