video popup working

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,10 @@ h5.sm-title {
   padding-right: 25px;
 }
 
+.hero-8-txt > div {
+  margin-top: 5rem;
+}
+
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2653,7 +2661,7 @@ h5.sm-title {
 }
 
 .hero-8-txt h4 {
-  margin-bottom: 18px;
+  margin-bottom: 80px;
 }
 
 .hero-8-txt h5 {

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

@@ -32,8 +32,8 @@ class FloatHome extends React.Component {
                     <p className="p-lg grey-color">{heroSection.description}</p>
                     {/* HERO LINKS */}
                     <div className="hero-video-link">
-                      <a href="https://www.youtube.com/embed/7e90gBu4pas" className="video-popup2 btn btn-md btn-video-link ico-30">
-                        <span className="flaticon-play-button" /> {heroSection.heroLink}
+                      <a href={heroSection.heroVideoLink.link} className="video-popup2 btn btn-md btn-video-link ico-30">
+                        <span className="flaticon-play-button" /> {heroSection.heroVideoLink.text}
                       </a>
                     </div>
                   </div>
@@ -1227,8 +1227,6 @@ class FloatHome extends React.Component {
           </section>	{/* END  DOWNLOAD-5 */}
         
         </div>	{/* END PAGE CONTENT */}
-   
-        
             </div>
         )
     }
@@ -1242,7 +1240,10 @@ export default FloatHome
   let heroSection = {
       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',
+      heroVideoLink: {
+        text: 'Watch the Overview',
+        link: 'https://www.youtube.com/watch?v=Jn22jdQ4KdQ'
+      },
       button: `Intelligent Mobility Choices!`,
       badge: {rating: `All Versions Rating`, review: 'Based on 7.296 user reviews'}
   };

src/pages/Users.js

@@ -29,6 +29,7 @@ class Users extends React.Component {
                     <h4 className="h4-sm">Float®</h4>
                     <h2 className="h2-sm">Your Activity Feed</h2>
                     <h5 className="h5-xl">Stay Connected with Your Friends</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">
-                        All Versions 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">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>
                 </div>	{/* END HERO TEXT */}	
                 {/* HERO IMAGE */}