reduced image size

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 img, .content-5-img img, .content-6-img img { display: inline-block; max-width: none; width: 160%; }
+  /* .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-12-img { margin-right: 0; margin-bottom: -40px; }
 
   .cbox-txt { padding-left: 20px; }

public/assets/css/style.css

@@ -1331,6 +1331,10 @@ ol.digit-list p {
   display: inline-block;
 }
 
+.stores-badge + div{
+  margin-top: 1rem;
+}
+
 .store {
   display: inline-block;
   text-align: center;
@@ -2580,6 +2584,15 @@ 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
 /*------------------------------------------*/
@@ -2649,16 +2662,16 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
+  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
 .hero-8-txt h4 {
-  margin-bottom: 18px;
+  margin-bottom: 80px;
 }
 
 .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

@@ -1240,7 +1240,7 @@ export default FloatHome
 
 //HERO SECTION
   let heroSection = {
-      header: `Travel Smarter. Save Money.`,
+      header: `ravel 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: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
+      heading: `Quick Access`, 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: `Smart Notifications`, 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: `Spam Protection`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
     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: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and 
-      ociis ligula blandit`
+      title: `Multiple Accounts`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+      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 
-    ociis ligula blandit`
+    emojis: {title: `Service Options`, desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    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 
-    ociis ligula blandit`
+    files: {title: `Connectivity`, desc: ` With Connectivity, both fleet managers and drivers will experience increased efficiencies.
+    Connectivity provides an array of features`
     }
   }
 
@@ -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: `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`, 
-            desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
+    media: {title: `Connectivity`, 
+            desc: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.Connectivity provides an array of features`
           }
   }
 
@@ -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,6 +29,7 @@ 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 */}
@@ -39,35 +40,13 @@ 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 */}
@@ -207,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/route1.png" 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>
@@ -431,15 +415,13 @@ 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>
@@ -472,7 +454,7 @@ class Users extends React.Component {
                       </li>
                     </ul>
                     {/* Button */}	
-                    <a href="#content-1" className="btn btn-tra-grey rose-hover">Find Out More</a>
+                    <a href="#content-1" className="btn btn-tra-grey rose-hover">{optimization.btn}</a>
                   </div>	
                 </div>	{/* END TEXT BLOCK */}		
                 {/* IMAGE BLOCK */}	
@@ -873,7 +855,8 @@ class Users extends React.Component {
         )
     }
 }
-export default Users 
+export default Users
+
 
 // PAGE TEXT/CONTENT VARIABLES
 
@@ -882,8 +865,6 @@ 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',
 };
 
@@ -963,19 +944,19 @@ let fastMes = {
 let floatForSpeed = {
   leadTitle: `Built For Speed`,
   title: `Keep Your Favorite People Close to You`,
-  desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
-  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`
+  desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
+  posuere orci auctor purus euismod an aliquam quaerat purus`,
 }
 
 // DESIGN SECTION
 let floatMap = {
   leadTitle: `Beauty of Simplicity`,
   title: `Beautiful, award-winning design`,
-  desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 
-  posuere orci auctor purus euismod an aliquam quaerat purus`
+  desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium 
+  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`,
 }
 
 //  OPTIMIZATION SECTION
@@ -1014,5 +995,4 @@ let subscribeSec = {
   leadTitle: `Subscribe to Our Newsletter`,
   title: `Stay up to date with our news, ideas and updates`,
   btn: 'Subscribe Now'
-}
-
+}