Merge branch 'master' into userspage_text_to_variables

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

@@ -1331,10 +1331,6 @@ ol.digit-list p {
   display: inline-block;
 }
 
-.stores-badge + div{
-  margin-top: 1rem;
-}
-
 .store {
   display: inline-block;
   text-align: center;
@@ -2584,15 +2580,6 @@ h5.sm-title {
   padding-right: 25px;
 }
 
-.hero-8-txt > div {
-  margin-top: 5rem;
-}
-
-.hero-8-txt.fadeInRight{
-  display: flex;
-  flex-direction: column;
-}
-
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2662,16 +2649,16 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
-  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
 .hero-8-txt h4 {
-  margin-bottom: 80px;
+  margin-bottom: 18px;
 }
 
 .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/Jn22jdQ4KdQ'	// added the id of the video			
+							src: 'https://www.youtube.com/embed/7e90gBu4pas'				
 								}
 							}
 						}		  		  

src/pages/FloatHome.js

@@ -1240,7 +1240,7 @@ export default FloatHome
 
 //HERO SECTION
   let heroSection = {
-      header: `ravel Smarter. Save Money.`,
+      header: `Travel Smarter. Save Money.`,
       description: `Travel smarter and safer, with Float's rideshare comparison, ride hailing and budgeting app. Available on IOS and Android.`,
       heroLink: 'Watch the Overview',
       button: `Intelligent Mobility Choices!`,
@@ -1250,13 +1250,13 @@ export default FloatHome
   //SECTION TWO
   let message = {
     access: {
-      heading: `Quick Access`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+      heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
     ociis ligula blandit`
     },
-    notification: {heading: `Smart Notifications`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
     ociis ligula blandit`
     },
-    spam: {heading: `Spam Protection`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
     ociis ligula blandit`
     }
   };
@@ -1292,14 +1292,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: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+      title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-      Connectivity provides an array of features`
+      ociis ligula blandit`
     },
-    emojis: {title: `Service Options`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-    Connectivity provides an array of features`
+    ociis ligula blandit`
     },
-    files: {title: `Connectivity`, desc: ` With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-    Connectivity provides an array of features`
+    ociis ligula blandit`
     }
   }
 
@@ -1310,14 +1310,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: `float Messaging and Calls`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    stickers: {title: `Service Options`, 
+    stickers: {title: `Stickers, Emojis, Themes`, 
             desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           },
-    media: {title: `Connectivity`, 
+    media: {title: `Share Files & Media`, 
-            desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.Connectivity provides an array of features`
+            desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
           }
   }
 
@@ -1346,7 +1346,7 @@ export default FloatHome
     },
 
     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

@@ -29,7 +29,6 @@ class Users extends React.Component {
                     <h4 className="h4-sm">{heroSection.leadTitle}®</h4>
                     <h2 className="h2-sm">{heroSection.title}</h2>
                     <h5 className="h5-xl">{heroSection.desc}</h5>
-                    <div>
                     {/* STORE BADGES */}											
                     <div className="stores-badge">
                       {/* AppStore */}
@@ -40,13 +39,35 @@ class Users extends React.Component {
                       <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 */}	
-                   
+                    {/* Rating */}
+                    <div className="txt-block-rating">
+                      <div className="stars-rating dark-color">
+                      {heroSection.rating}
+                        <span className="flaticon-star ml-5" />
+                        <span className="flaticon-star" />
+                        <span className="flaticon-star" />
+                        <span className="flaticon-star" />
+                        <span className="flaticon-star-half-empty" />	
+                        <p className="txt-rating">{heroSection.review}</p>
+                      </div>			
+                    </div>
                     {/* USER PORTAL */}
                     <div>
                       <a className='btn btn-rose tra-grey-hover' href={`${process.env.REACT_APP_USERS}/`} target='_blank' >{heroSection.mainSiteLink}</a>
                     </div>
-                    </div>
                   </div>
                 </div>	{/* END HERO TEXT */}	
                 {/* HERO IMAGE */}
@@ -186,20 +207,15 @@ class Users extends React.Component {
             <div className="container">
               {/* CONTENT BOX-1 */}
               <div id="cb-1-1" className="cbox-1 pb-25">
-                <div className="row align-items-center">
+                <div className="row d-flex align-items-center">
                   {/* IMAGE BLOCK */}
-                  <div className="col-md-6 col-lg-6">
+                  <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/route-mockup2.png" alt="content-image" />
+                      <img className="img-fluid" src="assets/images/route1.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-6 col-lg-6">
+                  <div className="col-md-7 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>
@@ -415,13 +431,15 @@ class Users extends React.Component {
                     {/* List */}	
                     <ul className="simple-list">
                       <li className="list-item">
-                        <p className="p-lg">{floatMap.desc}</p>
+                        <p className="p-lg">{floatMap.desc}
+                        </p>
                       </li>
                       <li className="list-item">
                         <p className="p-lg">{floatMap.descTwo}</p>
                       </li>
                       <li className="list-item">
-                        <p className="p-lg">{floatMap.descThree}</p>
+                        <p className="p-lg">{floatMap.descThree}
+                        </p>
                       </li>
                     </ul>
                   </div>
@@ -454,7 +472,7 @@ class Users extends React.Component {
                       </li>
                     </ul>
                     {/* Button */}	
-                    <a href="#content-1" className="btn btn-tra-grey rose-hover">{optimization.btn}</a>
+                    <a href="#content-1" className="btn btn-tra-grey rose-hover">Find Out More</a>
                   </div>	
                 </div>	{/* END TEXT BLOCK */}		
                 {/* IMAGE BLOCK */}	
@@ -855,8 +873,7 @@ class Users extends React.Component {
         )
     }
 }
-export default Users
+export default Users 
-
 
 // PAGE TEXT/CONTENT VARIABLES
 
@@ -865,6 +882,8 @@ let heroSection = {
   leadTitle: `Float`,
   title: `Your Activity Feed`,
   desc: `Stay Connected with Your Friends`,
+  rating: `All Versions Rating`,
+  review: `Based on 7.296 user reviews`,
   mainSiteLink: 'This leads to users PORTAL',
 };
 
@@ -944,19 +963,19 @@ let fastMes = {
 let floatForSpeed = {
   leadTitle: `Built For Speed`,
   title: `Keep Your Favorite People Close to You`,
-  desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
+  desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
-  posuere orci auctor purus euismod an aliquam quaerat purus`,
+  ligula rutrum tempor sapien`,
+  descTwo: `Quaerat sodales sapien euismod purus blandit`,
+  descThree: `Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo 
+  pretium a purus mauris`
 }
 
 // DESIGN SECTION
 let floatMap = {
   leadTitle: `Beauty of Simplicity`,
   title: `Beautiful, award-winning design`,
-  desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
+  desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
-  ligula rutrum tempor sapien`,
+  posuere orci auctor purus euismod an aliquam quaerat purus`
-  descTwo: `Quaerat sodales sapien euismod purus blandit`,
-  descThree: `Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo 
-  pretium a purus mauris`,
 }
 
 //  OPTIMIZATION SECTION
@@ -995,4 +1014,5 @@ let subscribeSec = {
   leadTitle: `Subscribe to Our Newsletter`,
   title: `Stay up to date with our news, ideas and updates`,
   btn: 'Subscribe Now'
-}
+}
+