diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index d694903..dce6ba8 100644
--- a/public/assets/css/style.css
+++ b/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*/
diff --git a/public/assets/images/browser-edit.png b/public/assets/images/browser-edit.png
new file mode 100644
index 0000000..5d2761d
Binary files /dev/null and b/public/assets/images/browser-edit.png differ
diff --git a/public/assets/images/personwithbackpack.png b/public/assets/images/personwithbackpack.png
new file mode 100644
index 0000000..2942750
Binary files /dev/null and b/public/assets/images/personwithbackpack.png differ
diff --git a/src/pages/FloatHome.js b/src/pages/FloatHome.js
index 712cb06..a0f9911 100644
--- a/src/pages/FloatHome.js
+++ b/src/pages/FloatHome.js
@@ -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>
-                    {/* List */}	
-                    <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>
+                    <h2 className="h2-md">Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.</h2>
+                    <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>
                   </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>
@@ -720,40 +705,23 @@ class FloatHome extends React.Component {
               <div className="row">	
                 {/* 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 */}	
+                  <div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">	
+                    <span className="section-id">Built For Speed</span>                    
+                    <h2 className="h2-md">Share text, voice, photos, videos, GIFs and files for free</h2>                    
                     <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 */}
+                    </p>                    												
+                    <div className="stores-badge">                      
                       <a href="#" className="store">
                         <img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
-                      </a>
-                      {/* Google Play */}
+                      </a>                      
                       <a href="#" className="store">
                         <img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
                       </a> 
-                      {/* Aamazon Market 
-									<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>
-                </div>	{/* END DOWNLOAD TXT */}	
+                </div>	
+                {/* END DOWNLOAD TXT */}	
               </div>    {/* End row */}
             </div>	   {/* End container */}	
           </section>	{/* END  DOWNLOAD-6 */}