video popup working

public/assets/css/style.css

@@ -2588,11 +2588,6 @@ h5.sm-title {
   margin-top: 5rem;
 }
 
-.hero-8-txt.fadeInRight{
-  display: flex;
-  flex-direction: column;
-}
-
 /*------------------------------------------*/
 /*  HERO APP LOGO
 /*------------------------------------------*/
@@ -2662,7 +2657,6 @@ h5.sm-title {
 }
 
 .hero-8-txt h2 {
-  margin-top: 3rem;
   margin-bottom: 5px;
 }
 
@@ -2672,6 +2666,7 @@ 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

@@ -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'}
   };