Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www into home-customization

public/assets/css/responsive.css

@@ -738,8 +738,8 @@
 
   #content-14.aliceblue-shape, #content-14.whitesmoke-shape { padding-top: 80px; }
 
-  .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; }
+  /* .content-section .img-block.left-column, .content-5-img { position: relative; left: -60%; } */
-  .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; }
+  /* .content-section .img-block img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; } */
   .content-12-img { margin-right: 0; margin-bottom: -40px; }
 
   .cbox-txt { padding-left: 20px; }

public/assets/css/style.css

@@ -2588,6 +2588,11 @@ h5.sm-title {
   margin-top: 5rem;
 }
 
+.hero-8-txt.fadeInRight{
+  display: flex;
+  flex-direction: column;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2657,6 +2662,7 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
+  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
@@ -2666,7 +2672,6 @@ h5.sm-title {
 
 .hero-8-txt h5 {
   font-weight: 300;
-  margin-bottom: 50px;
 }
 
 .hero-9-txt h4 {

public/assets/js/custom.js

@@ -170,7 +170,7 @@
 					patterns: {
 						youtube: {			   
 							index: 'youtube.com',
-							src: 'https://www.youtube.com/embed/7e90gBu4pas'				
+							src: 'https://www.youtube.com/embed/Jn22jdQ4KdQ'	// added the id of the video			
 								}
 							}
 						}		  		  

src/pages/FloatHome.js

@@ -1,4 +1,7 @@
 import React, {Component} from 'react';
+import SaveMoney from '../pages/assests/images/save-money.png' 
+import GetReward from '../pages/assests/images/get-rewarded.png' 
+
 
 class FloatHome extends React.Component {
     render() {
@@ -100,7 +103,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-1" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.4s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-mobile-phone" /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.access.heading}</h5>
                       {/* Text */}
@@ -111,7 +114,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-2" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.6s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-chat-4" /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={SaveMoney} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.notification.heading}</h5>
                       {/* Text */}
@@ -122,7 +125,7 @@ class FloatHome extends React.Component {
                   <div id="fb-1-3" className="col-md-4">
                     <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.8s">
                       {/* Icon */}
-                      <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-spam" /></div>
+                      <div className="fbox-1-ico ico-80 stateblue-color"><img src={GetReward} /></div>
                       {/* Title */}
                       <h5 className="h5-sm">{message.spam.heading}</h5>
                       {/* Text */}
@@ -1250,13 +1253,13 @@ export default FloatHome
   //SECTION TWO
   let message = {
     access: {
-      heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+      heading: `Smart Options`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     },
-    notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    notification: {heading: `Save Money`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     },
-    spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    spam: {heading: `Get Rewarded`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     ociis ligula blandit`
     }
   };
@@ -1292,14 +1295,14 @@ export default FloatHome
     desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
     tempus, blandit and cursus varius magna tempus a dolor`,
     accounts: {
-      title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+      title: `Multiple Accounts`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
-      ociis ligula blandit`
+      Connectivity provides an array of features`
     },
-    emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    emojis: {title: `Service Options`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
-    ociis ligula blandit`
+    Connectivity provides an array of features`
     },
-    files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+    files: {title: `Connectivity`, desc: ` With Connectivity, both fleet managers and drivers will experience increased efficiencies.
-    ociis ligula blandit`
+    Connectivity provides an array of features`
     }
   }
 
@@ -1310,14 +1313,14 @@ export default FloatHome
     title: `Get rewarded with Float points for traveling smarter.`,
     desc: `Gain access to exclusive deals on local transportation, neighborhood favorites, and international brands by staying on budget, avoiding peak commute times, or carpooling with friends to reduce your carbon emissions (and to stay safe!)`,
 
-    text: {title: `float Messaging and Calls`, 
+    text: {title: `Analytics`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    stickers: {title: `Stickers, Emojis, Themes`, 
+    stickers: {title: `Service Options`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    media: {title: `Share Files & Media`, 
+    media: {title: `Connectivity`, 
-            desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
+            desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.Connectivity provides an array of features`
           }
   }
 
@@ -1328,25 +1331,25 @@ export default FloatHome
     tempus, blandit and cursus varius magna tempus a dolor`,
 
     mode: {
-      title: `Dark & Light Modes`,
+      title: `Monitoring`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     },
 
     groupMes: {
-      title: `Group Messaging`,
+      title: `Analytics`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     },
 
     strongEncry: {
-      title: `Strong Encryption`,
+      title: `Unlock Functionality`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     },
 
     voiceAsst: {
-      title: `float Assistant`,
+      title: `Float Assistant`,
       desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna 
       at vitae congue tempus`
     }

src/pages/Users.js

@@ -186,15 +186,20 @@ class Users extends React.Component {
             <div className="container">
               {/* CONTENT BOX-1 */}
               <div id="cb-1-1" className="cbox-1 pb-25">
-                <div className="row d-flex align-items-center">
+                <div className="row align-items-center">
                   {/* IMAGE BLOCK */}
-                  <div className="col-md-5 col-lg-6">
+                  <div className="col-md-6 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/route-mockup.jpeg" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route-mockup2.png" alt="content-image" />
                     </div>
                   </div>
+                  {/* <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/info-pair.png" alt="content-image" />
+                    </div>
+                  </div> */}
                   {/* TEXT BLOCK */}	
-                  <div className="col-md-7 col-lg-6">
+                  <div className="col-md-6 col-lg-6">
                     <div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
                       {/* Section ID */}	
                       <span className="section-id grey-color">{accessUnlimited.leadTitle}</span>
@@ -869,19 +874,19 @@ let heroSection = {
     title: `Multiple Accounts`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  float: {title: `Float Messaging & Calls`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  float: {title: `Analytics`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  files: {title: `Share Files & Media`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  files: {title: `Connectivity`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  notification: {title: `Alerts & Notifications`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  notification: {title: `Monitoring`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
   verification: {title: `Online Verification`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   },
-  spam: {title: `Spam Protection`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
+  spam: {title: `Big Perks`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat 
     at impedit felis undo auctor augue mauris`
   }
 };
@@ -921,7 +926,7 @@ let fastMes = {
   desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
   tempus, blandit and cursus varius magna tempus a dolor`,
   mode: {
-    title: `Dark & Light Modes`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
+    title: `Charging`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a 
     sapien magna at vitae congue tempus`
   },
   autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a