modifying templates in users and business

replaced images and added an overlay for proper readability.

.env

@@ -1,2 +1,6 @@
 REACT_APP_APPSITE='http://welcome.float.sg'
 REACT_APP_EMAIL='support@float.sg'
+REACT_APP_WWW='http://float-www.dev.chiefsoft.net'
+REACT_APP_FLEET='http://float-flt.dev.chiefsoft.net'
+REACT_APP_USERS='http://float-usr.dev.chiefsoft.net'
+REACT_APP_APIGATE='http://float-gat.dev.chiefsoft.net'

public/assets/css/style.css

@@ -414,8 +414,8 @@ 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_01 { background-image: url(../images/bg_sblue_img.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*/
 .bg_mobile { background-image: url(../images/bg_mobile.jpg); background-attachment: scroll!important; }
@@ -3809,6 +3809,8 @@ h2.statistic-number {
   background-color: #fafafa!important;
 }
 
+#pricing-2{display: none;}
+
 #pricing-2 .pricing-plan {
   padding: 45px 40px 40px;
   border: 1px solid #ddd;

src/pages/Features.js

@@ -303,7 +303,7 @@ class Features 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>

src/pages/Fleet.js

@@ -49,7 +49,7 @@ class Fleet 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-16.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/Welcome.png" alt="content-image" />
                   </div>
                 </div>
                 {/* TEXT BLOCK */}	
@@ -67,7 +67,7 @@ class Fleet extends React.Component {
                       congue magna impedit ligula risus. Mauris donec ligula an impedit magnis
                     </p>
                     {/* Button */}
-                    <a href="#features-5" className="btn btn-tra-grey skyblue-hover">Find Out More</a>
+                    <a href={`${process.env.REACT_APP_FLEET}/`} className="btn btn-tra-grey skyblue-hover">Find Out More</a>
                   </div>
                 </div>	{/* END TEXT BLOCK */}	
               </div>	   {/* End row */}
@@ -220,7 +220,7 @@ class Fleet 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-17_new.png" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/img_05.png" alt="content-image" />
                     </div>
                   </div>
                 </div>  {/* End row */}	
@@ -829,7 +829,7 @@ class Fleet 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>	{/* END TEXT BLOCK */}	
@@ -1096,14 +1096,14 @@ 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 */}	
                 <div className="col-md-7 col-lg-6 m-top">
                   <div className="txt-block left-column pc-20 wow fadeInLeft" data-wow-delay="0.6s">
                     {/* Title */}
-                    <h2 className="h2-md">Take your fitness to the next level</h2>
+                    <h2 className="h2-md">Take your fleet to the next level</h2>
                     {/* Text */}
                     <p className="p-xl">Augue egestas volutpat egestas augue purus cubilia laoreet and magna suscipit luctus dolor tempus</p>
                     {/* STORE BADGES */}

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/Home.js

@@ -1007,7 +1007,7 @@ class Home 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>	

src/pages/Home_10.js

@@ -904,7 +904,7 @@ class Home_10 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>	{/* END TEXT BLOCK */}	

src/pages/Home_2.js

@@ -518,7 +518,7 @@ class Home_2 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>

src/pages/Home_4.js

@@ -505,7 +505,7 @@ class Home_4 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>

src/pages/Home_7.js

@@ -282,7 +282,7 @@ class Home_7 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>	{/* END TEXT BLOCK */}	

src/pages/Users.js

@@ -64,6 +64,10 @@ class Users extends React.Component {
                         <p className="txt-rating">Based on 7.296 user reviews</p>
                       </div>			
                     </div>
+                    {/* USER PORTAL */}
+                    <div>
+                      <a className='btn btn-rose tra-grey-hover' href={`${process.env.REACT_APP_USERS}/`} target='_blank' >This leads to users PORTAL</a>
+                    </div>
                   </div>
                 </div>	{/* END HERO TEXT */}	
                 {/* HERO IMAGE */}
@@ -283,7 +287,7 @@ class Users extends React.Component {
                   {/* IMAGE BLOCK */}
                   <div className="col-lg-7">
                     <div className="content-12-img right-column wow fadeInLeft" data-wow-delay="0.6s">
-                      <img className="img-fluid" src="assets/images/img-12.png" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/info-pair.png" alt="content-image" />
                     </div>
                   </div>
                 </div>
@@ -300,7 +304,7 @@ class Users extends React.Component {
                   {/* IMAGE BLOCK */}
                   <div className="col-md-5 col-lg-6">
                     <div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
-                      <img className="img-fluid" src="assets/images/img-07.png" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route-mockup.jpeg" alt="content-image" />
                     </div>
                   </div>
                   {/* TEXT BLOCK */}	
@@ -343,7 +347,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/info-pair2.jpeg" alt="content-image" />
                     </div>
                   </div>
                 </div>  {/* End row */}	
@@ -484,7 +488,7 @@ class Users extends React.Component {
                 <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">Voice &amp; Video Calls</span>
+                    <span className="section-id">Built For Speed</span>
                     {/* Title 	*/}	
                     <h2 className="h2-md">Keep Your Favorite People Close to You</h2>	
                     {/* Text */}	
@@ -527,7 +531,7 @@ class Users 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-02.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/how-it-works-recomment-engine.png" alt="content-image" />
                   </div>
                 </div>
                 {/* TEXT BLOCK */}	
@@ -593,7 +597,7 @@ class Users extends React.Component {
                 {/* IMAGE BLOCK */}	
                 <div className="col-md-6 col-xl-6">
                   <div className="content-13-img wow fadeInRight" data-wow-delay="0.6s">
-                    <img className="img-fluid" src="assets/images/tablet.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/tablet-2.png" alt="content-image" />
                   </div>	
                 </div>
               </div>	  {/* End row */}
@@ -757,7 +761,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-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
-                    <img className="img-fluid" src="assets/images/img-01.png" alt="content-image" />
+                    <img className="img-fluid" src="assets/images/img-float.png" alt="content-image" />
                   </div>
                 </div>
               </div>	   {/* End row */}