Compare commits

...

2 Commits

Author SHA1 Message Date
Chukwumdiebube 5699af8492 video popup working 2023-04-03 10:06:33 +01:00
Chukwumdiebube 41440b1c66 added video link at home page 2023-04-03 09:43:44 +01:00
2 changed files with 7 additions and 6 deletions
+1 -1
View File
@@ -170,7 +170,7 @@
patterns: { patterns: {
youtube: { youtube: {
index: 'youtube.com', index: 'youtube.com',
src: 'https://www.youtube.com/embed/7e90gBu4pas' src: 'https://www.youtube.com/embed/Jn22jdQ4KdQ' // added the id of the video
} }
} }
} }
+6 -5
View File
@@ -32,8 +32,8 @@ class FloatHome extends React.Component {
<p className="p-lg grey-color">{heroSection.description}</p> <p className="p-lg grey-color">{heroSection.description}</p>
{/* HERO LINKS */} {/* HERO LINKS */}
<div className="hero-video-link"> <div className="hero-video-link">
<a href="https://www.youtube.com/embed/7e90gBu4pas" className="video-popup2 btn btn-md btn-video-link ico-30"> <a href={heroSection.heroVideoLink.link} className="video-popup2 btn btn-md btn-video-link ico-30">
<span className="flaticon-play-button" /> {heroSection.heroLink} <span className="flaticon-play-button" /> {heroSection.heroVideoLink.text}
</a> </a>
</div> </div>
</div> </div>
@@ -1227,8 +1227,6 @@ class FloatHome extends React.Component {
</section> {/* END DOWNLOAD-5 */} </section> {/* END DOWNLOAD-5 */}
</div> {/* END PAGE CONTENT */} </div> {/* END PAGE CONTENT */}
</div> </div>
) )
} }
@@ -1242,7 +1240,10 @@ export default FloatHome
let heroSection = { let heroSection = {
header: `Travel 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.`, 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!`, button: `Intelligent Mobility Choices!`,
badge: {rating: `All Versions Rating`, review: 'Based on 7.296 user reviews'} badge: {rating: `All Versions Rating`, review: 'Based on 7.296 user reviews'}
}; };