video popup working

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