FloatSystems/float-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

changed some variable names in homepage

Browse Source
This commit was merged in pull request #12.
This commit is contained in:
victorAnumudu
2023-03-29 15:56:17 +01:00
parent 87e42238be
commit d1be17ccfa
1 changed files with 107 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/FloatHome.js
+107 -107
View File
@@ -102,9 +102,9 @@ class FloatHome extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-mobile-phone" /></div> <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-mobile-phone" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">{sectionTwo.box1.heading}</h5> <h5 className="h5-sm">{message.access.heading}</h5>
{/* Text */} {/* Text */}
<p className="p-lg">{sectionTwo.box1.description}</p> <p className="p-lg">{message.access.description}</p>
</div> </div>
</div> </div>
{/* FEATURE BOX #2 */} {/* FEATURE BOX #2 */}
@@ -113,9 +113,9 @@ class FloatHome extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-chat-4" /></div> <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-chat-4" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">{sectionTwo.box2.heading}</h5> <h5 className="h5-sm">{message.notification.heading}</h5>
{/* Text */} {/* Text */}
<p className="p-lg">{sectionTwo.box2.description}</p> <p className="p-lg">{message.notification.description}</p>
</div> </div>
</div> </div>
{/* FEATURE BOX #3 */} {/* FEATURE BOX #3 */}
@@ -124,9 +124,9 @@ class FloatHome extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-spam" /></div> <div className="fbox-1-ico ico-80 stateblue-color"><span className="flaticon-spam" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">{sectionTwo.box3.heading}</h5> <h5 className="h5-sm">{message.spam.heading}</h5>
{/* Text */} {/* Text */}
<p className="p-lg">{sectionTwo.box3.description}</p> <p className="p-lg">{message.spam.description}</p>
</div> </div>
</div> </div>
</div> {/* End row */} </div> {/* End row */}
@@ -144,13 +144,13 @@ class FloatHome extends React.Component {
<div className="col-md-7 col-lg-6 m-bottom"> <div className="col-md-7 col-lg-6 m-bottom">
<div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s"> <div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">{travelGuide.box1.leadHeading}</span> <span className="section-id grey-color">{travelGuide.location.leadTitle}</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">{travelGuide.box1.heading}</h2> <h2 className="h2-md">{travelGuide.location.title}</h2>
{/* Text */} {/* Text */}
<p className="p-lg">{travelGuide.box1.description}</p> <p className="p-lg">{travelGuide.location.desc}</p>
{/* Text */} {/* Text */}
<p className="p-lg">{travelGuide.box1.descriptionParaTwo}</p> <p className="p-lg">{travelGuide.location.descTwo}</p>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */} {/* IMAGE BLOCK */}
@@ -174,11 +174,11 @@ class FloatHome extends React.Component {
<div className="col-md-7 col-lg-6"> <div className="col-md-7 col-lg-6">
<div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s"> <div className="txt-block right-column pc-30 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">{travelGuide.box2.leadHeading}</span> <span className="section-id grey-color">{travelGuide.history.leadTitle}</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">{travelGuide.box2.heading}</h2> <h2 className="h2-md">{travelGuide.history.title}</h2>
{/* Text */} {/* Text */}
<p className="p-lg">{travelGuide.box2.description}</p> <p className="p-lg">{travelGuide.history.desc}</p>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
</div> {/* End row */} </div> {/* End row */}
@@ -195,13 +195,13 @@ class FloatHome extends React.Component {
<div className="col-md-7 col-lg-6 m-bottom"> <div className="col-md-7 col-lg-6 m-bottom">
<div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s"> <div className="txt-block left-column mb-40 wow fadeInRight" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">{travelGuide.box3.leadHeading}</span> <span className="section-id grey-color">{travelGuide.travelTips.leadTitle}</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">{travelGuide.box3.heading}</h2> <h2 className="h2-md">{travelGuide.travelTips.title}</h2>
{/* Text */} {/* Text */}
<p className="p-lg">{travelGuide.box3.description}</p> <p className="p-lg">{travelGuide.travelTips.desc}</p>
{/* Text */} {/* Text */}
<p className="p-lg">{travelGuide.box3.descriptionParaTwo}</p> <p className="p-lg">{travelGuide.travelTips.descTwo}</p>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */} {/* IMAGE BLOCK */}
@@ -240,9 +240,9 @@ class FloatHome extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-user-1" /></div> <div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-user-1" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-md">{tryFloatSec.box1.title}</h5> <h5 className="h5-md">{tryFloatSec.accounts.title}</h5>
{/* Text */} {/* Text */}
<p className="p-lg">{tryFloatSec.box1.desc}</p> <p className="p-lg">{tryFloatSec.accounts.desc}</p>
</div> </div>
</div> </div>
{/* FEATURE BOX #2 */} {/* FEATURE BOX #2 */}
@@ -251,9 +251,9 @@ class FloatHome extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-smiley" /></div> <div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-smiley" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-md">{tryFloatSec.box2.title}</h5> <h5 className="h5-md">{tryFloatSec.emojis.title}</h5>
{/* Text */} {/* Text */}
<p className="p-lg">{tryFloatSec.box2.desc}</p> <p className="p-lg">{tryFloatSec.emojis.desc}</p>
</div> </div>
</div> </div>
{/* FEATURE BOX #3 */} {/* FEATURE BOX #3 */}
@@ -262,9 +262,9 @@ class FloatHome extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-image" /></div> <div className="fbox-11-ico ico-60 bg_slateblue white-color"><span className="flaticon-image" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-md">{tryFloatSec.box3.title}</h5> <h5 className="h5-md">{tryFloatSec.files.title}</h5>
{/* Text */} {/* Text */}
<p className="p-lg">{tryFloatSec.box3.desc}</p> <p className="p-lg">{tryFloatSec.files.desc}</p>
</div> </div>
</div> </div>
</div> {/* End row */} </div> {/* End row */}
@@ -312,8 +312,8 @@ class FloatHome extends React.Component {
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-video-player" /></div> <div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-video-player" /></div>
{/* Text */} {/* Text */}
<div className="cbox-txt"> <div className="cbox-txt">
<h5 className="h5-sm">{customDeals.box1.title}</h5> <h5 className="h5-sm">{customDeals.text.title}</h5>
<p className="p-lg">{customDeals.box1.desc}</p> <p className="p-lg">{customDeals.text.desc}</p>
</div> </div>
</div> </div>
{/* CONTENT BOX #2 */} {/* CONTENT BOX #2 */}
@@ -322,8 +322,8 @@ class FloatHome extends React.Component {
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-smiley" /></div> <div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-smiley" /></div>
{/* Text */} {/* Text */}
<div className="cbox-txt"> <div className="cbox-txt">
<h5 className="h5-sm">{customDeals.box2.title}</h5> <h5 className="h5-sm">{customDeals.stickers.title}</h5>
<p className="p-lg">{customDeals.box2.desc}</p> <p className="p-lg">{customDeals.stickers.desc}</p>
</div> </div>
</div> </div>
{/* CONTENT BOX #3 */} {/* CONTENT BOX #3 */}
@@ -332,8 +332,8 @@ class FloatHome extends React.Component {
<div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-image" /></div> <div className="cbox-ico ico-65 stateblue-color"><span className="flaticon-image" /></div>
{/* Text */} {/* Text */}
<div className="cbox-txt"> <div className="cbox-txt">
<h5 className="h5-sm">{customDeals.box3.title}</h5> <h5 className="h5-sm">{customDeals.media.title}</h5>
<p className="p-lg">{customDeals.box3.desc}</p> <p className="p-lg">{customDeals.media.desc}</p>
</div> </div>
</div> </div>
</div> </div>
@@ -378,9 +378,9 @@ class FloatHome extends React.Component {
<div className="col-lg-8 m-bottom"> <div className="col-lg-8 m-bottom">
<div className="fbox-4-txt"> <div className="fbox-4-txt">
{/* Title */} {/* Title */}
<h5 className="h5-sm">{moreFeatures.box1.title}</h5> <h5 className="h5-sm">{moreFeatures.mode.title}</h5>
{/* Text */} {/* Text */}
<p className="p-md">{moreFeatures.box1.desc}</p> <p className="p-md">{moreFeatures.mode.desc}</p>
</div> </div>
</div> </div>
{/* ICON */} {/* ICON */}
@@ -400,9 +400,9 @@ class FloatHome extends React.Component {
<div className="col-lg-8 m-bottom"> <div className="col-lg-8 m-bottom">
<div className="fbox-4-txt"> <div className="fbox-4-txt">
{/* Title */} {/* Title */}
<h5 className="h5-sm">{moreFeatures.box2.title}</h5> <h5 className="h5-sm">{moreFeatures.groupMes.title}</h5>
{/* Text */} {/* Text */}
<p className="p-md">{moreFeatures.box2.desc}</p> <p className="p-md">{moreFeatures.groupMes.desc}</p>
</div> </div>
</div> </div>
{/* ICON */} {/* ICON */}
@@ -422,9 +422,9 @@ class FloatHome extends React.Component {
<div className="col-lg-8 m-bottom"> <div className="col-lg-8 m-bottom">
<div className="fbox-4-txt"> <div className="fbox-4-txt">
{/* Title */} {/* Title */}
<h5 className="h5-sm">{moreFeatures.box3.title}</h5> <h5 className="h5-sm">{moreFeatures.strongEncry.title}</h5>
{/* Text */} {/* Text */}
<p className="p-md">{moreFeatures.box3.desc}</p> <p className="p-md">{moreFeatures.strongEncry.desc}</p>
</div> </div>
</div> </div>
{/* ICON */} {/* ICON */}
@@ -444,9 +444,9 @@ class FloatHome extends React.Component {
<div className="col-lg-8 m-bottom"> <div className="col-lg-8 m-bottom">
<div className="fbox-4-txt"> <div className="fbox-4-txt">
{/* Title */} {/* Title */}
<h5 className="h5-sm">{moreFeatures.box4.title}</h5> <h5 className="h5-sm">{moreFeatures.voiceAsst.title}</h5>
{/* Text */} {/* Text */}
<p className="p-md">{moreFeatures.box4.desc}</p> <p className="p-md">{moreFeatures.voiceAsst.desc}</p>
</div> </div>
</div> </div>
{/* ICON */} {/* ICON */}
@@ -473,36 +473,36 @@ class FloatHome extends React.Component {
<div id="sb-2-1" className="col-sm-6 col-lg-3"> <div id="sb-2-1" className="col-sm-6 col-lg-3">
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.4s"> <div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* Digit */} {/* Digit */}
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.box1.count}</span>%</h2> <h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.fastAccess.count}</span>%</h2>
{/* Text */} {/* Text */}
<h5 className="h5-xs">{stats.box1.title}</h5> <h5 className="h5-xs">{stats.fastAccess.title}</h5>
</div> </div>
</div> </div>
{/* STATISTIC BLOCK #2 */} {/* STATISTIC BLOCK #2 */}
<div id="sb-2-2" className="col-sm-6 col-lg-3"> <div id="sb-2-2" className="col-sm-6 col-lg-3">
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.6s"> <div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* Digit */} {/* Digit */}
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.box2.count}</span>%</h2> <h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.appPro.count}</span>%</h2>
{/* Text */} {/* Text */}
<h5 className="h5-xs">{stats.box2.title}</h5> <h5 className="h5-xs">{stats.appPro.title}</h5>
</div> </div>
</div> </div>
{/* STATISTIC BLOCK #3 */} {/* STATISTIC BLOCK #3 */}
<div id="sb-2-3" className="col-sm-6 col-lg-3"> <div id="sb-2-3" className="col-sm-6 col-lg-3">
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.8s"> <div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* Digit */} {/* Digit */}
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.box3.count}</span>%</h2> <h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.secureAccess.count}</span>%</h2>
{/* Text */} {/* Text */}
<h5 className="h5-xs">{stats.box3.title}</h5> <h5 className="h5-xs">{stats.secureAccess.title}</h5>
</div> </div>
</div> </div>
{/* STATISTIC BLOCK #4 */} {/* STATISTIC BLOCK #4 */}
<div id="sb-2-4" className="col-sm-6 col-lg-3"> <div id="sb-2-4" className="col-sm-6 col-lg-3">
<div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="1s"> <div className="statistic-block mb-40 wow fadeInUp" data-wow-delay="1s">
{/* Digit */} {/* Digit */}
<h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.box4.count}</span>%</h2> <h2 className="h2-title-sm statistic-number"><span className="count-element">{stats.batSaving.count}</span>%</h2>
{/* Text */} {/* Text */}
<h5 className="h5-xs">{stats.box4.title}</h5> <h5 className="h5-xs">{stats.batSaving.title}</h5>
</div> </div>
</div> </div>
</div> {/* End row */} </div> {/* End row */}
@@ -524,10 +524,10 @@ class FloatHome extends React.Component {
<div className="col-md-7 col-lg-6"> <div className="col-md-7 col-lg-6">
<div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s"> <div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">{artIntel.box1.leadTitle}</span> <span className="section-id grey-color">{artIntel.artificialEngine.leadTitle}</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">{artIntel.box1.title}</h2> <h2 className="h2-md">{artIntel.artificialEngine.title}</h2>
<p className="p-lg">{artIntel.box1.desc}</p> <p className="p-lg">{artIntel.artificialEngine.desc}</p>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
</div> {/* End row */} </div> {/* End row */}
@@ -542,25 +542,25 @@ class FloatHome extends React.Component {
<div className="col-md-6 col-xl-6"> <div className="col-md-6 col-xl-6">
<div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s"> <div className="txt-block left-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */} {/* Section ID */}
<span className="section-id">{artIntel.box2.leadTitle}</span> <span className="section-id">{artIntel.optimization.leadTitle}</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">{artIntel.box2.title}</h2> <h2 className="h2-md">{artIntel.optimization.title}</h2>
{/* List */} {/* List */}
<ul className="simple-list"> <ul className="simple-list">
<li className="list-item"> <li className="list-item">
<p className="p-lg">{artIntel.box2.desc} <p className="p-lg">{artIntel.optimization.desc}
</p> </p>
</li> </li>
<li className="list-item"> <li className="list-item">
<p className="p-lg">{artIntel.box2.desc2}</p> <p className="p-lg">{artIntel.optimization.desc2}</p>
</li> </li>
<li className="list-item"> <li className="list-item">
<p className="p-lg">{artIntel.box2.desc3} <p className="p-lg">{artIntel.optimization.desc3}
</p> </p>
</li> </li>
</ul> </ul>
{/* Button */} {/* Button */}
<a href="#faqs-1" className="btn btn-tra-grey rose-hover">{artIntel.box2.btn}</a> <a href="#faqs-1" className="btn btn-tra-grey rose-hover">{artIntel.optimization.btn}</a>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
{/* IMAGE BLOCK */} {/* IMAGE BLOCK */}
@@ -650,10 +650,10 @@ class FloatHome extends React.Component {
<div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s"> <div className="content-11-btn ico-20 ico-right mt-60 wow fadeInUp" data-wow-delay="0.6s">
{/* Button */} {/* Button */}
<a href="https://www.youtube.com/watch?v=7e90gBu4pas" className="video-popup2 btn btn-md btn-tra-grey rose-hover"> <a href="https://www.youtube.com/watch?v=7e90gBu4pas" className="video-popup2 btn btn-md btn-tra-grey rose-hover">
{downloadSec.link} <span className="flaticon-play-button" /> {accessibilitySec.youtubeLink} <span className="flaticon-play-button" />
</a> </a>
{/* OS Prerequisite */} {/* OS Prerequisite */}
<span className="os-version">{downloadSec.leadTitle}</span> <span className="os-version">{accessibilitySec.leadTitle}</span>
</div> </div>
</div> </div>
</div> {/* END DOWNLOAD BUTTON */} </div> {/* END DOWNLOAD BUTTON */}
@@ -667,9 +667,9 @@ class FloatHome extends React.Component {
{/* DOWNLOAD TXT */} {/* DOWNLOAD TXT */}
<div className="col-lg-6"> <div className="col-lg-6">
<div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s"> <div className="download-6-txt pl-20 wow fadeInUp" data-wow-delay="0.6s">
<span className="section-id">{downloadSec.leadTitle2}</span> <span className="section-id">{floatForSpeed.leadTitle}</span>
<h2 className="h2-md">{downloadSec.title}</h2> <h2 className="h2-md">{floatForSpeed.title}</h2>
<p className="p-xl">{downloadSec.desc} <p className="p-xl">{floatForSpeed.desc}
</p> </p>
<div className="stores-badge"> <div className="stores-badge">
<a href="#" className="store"> <a href="#" className="store">
@@ -899,7 +899,7 @@ class FloatHome extends React.Component {
</a> */} </a> */}
</div> {/* END STORE BADGES */} </div> {/* END STORE BADGES */}
{/* OS Prerequisite */} {/* OS Prerequisite */}
<span className="os-version">{downloadSecTwo.leadTitle}</span> <span className="os-version">{downloadPlatform.leadTitle}</span>
</div> </div>
</div> </div>
</div> {/* END DOWNLOAD BUTTON */} </div> {/* END DOWNLOAD BUTTON */}
@@ -1189,9 +1189,9 @@ class FloatHome extends React.Component {
<div className="col-lg-10 offset-lg-1"> <div className="col-lg-10 offset-lg-1">
<div className="download-5-txt text-center wow fadeInUp" data-wow-delay="0.6s"> <div className="download-5-txt text-center wow fadeInUp" data-wow-delay="0.6s">
{/* Title */} {/* Title */}
<h2 className="h2-md">{downloadSecThree.title}</h2> <h2 className="h2-md">{floatMight.title}</h2>
{/* Text */} {/* Text */}
<p className="p-xl">{downloadSecThree.desc} <p className="p-xl">{floatMight.desc}
</p> </p>
{/* STORE BADGES */} {/* STORE BADGES */}
<div className="stores-badge mb-50"> <div className="stores-badge mb-50">
@@ -1248,40 +1248,40 @@ export default FloatHome
}; };
//SECTION TWO //SECTION TWO
let sectionTwo = { let message = {
box1: { access: {
heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and heading: `Quick Access`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
ociis ligula blandit` ociis ligula blandit`
}, },
box2: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and notification: {heading: `Smart Notifications`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
ociis ligula blandit` ociis ligula blandit`
}, },
box3: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and spam: {heading: `Spam Protection`, description: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
ociis ligula blandit` ociis ligula blandit`
} }
}; };
//SECTION THREE (TRAVEL GUIDE SECTION) //SECTION THREE (TRAVEL GUIDE SECTION)
let travelGuide = { let travelGuide = {
box1: { location: {
leadHeading: `FROM A TO B`, leadTitle: `FROM A TO B`,
heading: `Travel your way, with your local travel app.`, title: `Travel your way, with your local travel app.`,
description: `The struggle is real and you know it, there have never been more options to move from A to B. Take back control!`, desc: `The struggle is real and you know it, there have never been more options to move from A to B. Take back control!`,
descriptionParaTwo: `Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.` descTwo: `Compare transport options and access ridesharing services directly in app, all whilst keeping track of your travel budget and traveling safely.`
}, },
box2:{ history:{
leadHeading: `SMART VISUALS`, leadTitle: `SMART VISUALS`,
heading: `Your travel data at a glance.`, title: `Your travel data at a glance.`,
description: `The struggle is real and you know it, Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview. desc: `The struggle is real and you know it, Keep track of the money, time and emissions you spend on your everyday travel. Float reviews your travel and analyzes your behavior to provide you with an easy overview.
there have never been more options to move from A to B. Take back control!` there have never been more options to move from A to B. Take back control!`
}, },
box3:{ travelTips:{
leadHeading: `SMART TIPS & ALERTS`, leadTitle: `SMART TIPS & ALERTS`,
heading: `Explore your city smarter with Float.`, title: `Explore your city smarter with Float.`,
description: `Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when`, desc: `Stay on top of how you travel. Start saving money and time, reduce your emissions, all whilst making the safest choice when`,
descriptionParaTwo: `traveling around your city. Get smart tips and alerts customized to your travel behaviour.` descTwo: `traveling around your city. Get smart tips and alerts customized to your travel behaviour.`
} }
} }
@@ -1291,14 +1291,14 @@ export default FloatHome
title: `Ready to Try Float?`, title: `Ready to Try Float?`,
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
tempus, blandit and cursus varius magna tempus a dolor`, tempus, blandit and cursus varius magna tempus a dolor`,
box1: { accounts: {
title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and title: `Multiple Accounts`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
ociis ligula blandit` ociis ligula blandit`
}, },
box2: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and emojis: {title: `Stickers & Emojis`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
ociis ligula blandit` ociis ligula blandit`
}, },
box3: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and files: {title: `Share Files & Media`, desc: `Porta semper lacus a cursus, feugiat primis ultrice ligula and risus auctor ultrice and
ociis ligula blandit` ociis ligula blandit`
} }
} }
@@ -1310,13 +1310,13 @@ export default FloatHome
title: `Get rewarded with Float points for traveling smarter.`, 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!)`, 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!)`,
box1: {title: `Text, Voice & Video 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` desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
}, },
box2: {title: `Stickers, Emojis, Themes`, stickers: {title: `Stickers, Emojis, Themes`,
desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
}, },
box3: {title: `Share Files & Media`, media: {title: `Share Files & Media`,
desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra` desc: `Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at suscipit quaerat ultrice tellus viverra`
} }
} }
@@ -1327,26 +1327,26 @@ export default FloatHome
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
tempus, blandit and cursus varius magna tempus a dolor`, tempus, blandit and cursus varius magna tempus a dolor`,
box1: { mode: {
title: `Dark & Light Modes`, title: `Dark & Light Modes`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
}, },
box2: { groupMes: {
title: `Group Messaging`, title: `Group Messaging`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
}, },
box3: { strongEncry: {
title: `Strong Encryption`, title: `Strong Encryption`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
}, },
box4: { voiceAsst: {
title: `Voice Assistant`, title: `float Assistant`,
desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a sapien magna
at vitae congue tempus` at vitae congue tempus`
} }
@@ -1355,22 +1355,22 @@ export default FloatHome
//STATISTICS //STATISTICS
let stats = { let stats = {
box1:{ fastAccess:{
count: `28`, count: `28`,
title: `Faster Access` title: `Faster Access`
}, },
box2:{ appPro:{
count: `47`, count: `47`,
title: `App Productivity` title: `App Productivity`
}, },
box3:{ secureAccess:{
count: `54`, count: `54`,
title: `Secure Access` title: `Secure Access`
}, },
box4:{ batSaving:{
count: `36`, count: `36`,
title: `Battery Saving` title: `Battery Saving`
}, },
@@ -1378,13 +1378,13 @@ export default FloatHome
//AI SECTION //AI SECTION
let artIntel = { let artIntel = {
box1: { artificialEngine: {
leadTitle: `RECOMMENDATION ENGINE`, leadTitle: `RECOMMENDATION ENGINE`,
title: `Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.`, title: `Float uses artificial intelligence (AI) to compare local transport options and prices for your journey.`,
desc: `Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.` desc: `Become a travel expert. Float aggregates transport options and gives you the control to select the safest, cheapest, quickest or greenest route to improve your daily commute.`
}, },
box2: { optimization: {
leadTitle: `Totally Optimized`, leadTitle: `Totally Optimized`,
title: `Intuitive features, powerful results`, title: `Intuitive features, powerful results`,
desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium desc: `Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium
@@ -1400,21 +1400,21 @@ export default FloatHome
let accessibilitySec = { let accessibilitySec = {
title: `Accessible for All Platforms`, title: `Accessible for All Platforms`,
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
tempus, blandit and cursus varius magna tempus a dolor` tempus, blandit and cursus varius magna tempus a dolor`,
youtubeLink: `See Float in Action`,
leadTitle: `Available on Android, iOS and macOS`,
} }
//DOWNLOAD SECTION //BULIT FOR SPEED
let downloadSec = { let floatForSpeed = {
link: `See Float in Action`, leadTitle: `Built For Speed`,
leadTitle: `Available on Android, iOS and macOS`, title: `Easy Navigation`,
leadTitle2: `Built For Speed`,
title: `Share text, voice, photos, videos, GIFs and files for free`,
desc: `Aliquam a augue suscipit, luctus neque at purus ipsum neque dolor primis libero tempus, blandit 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` posuere orci auctor purus euismod an aliquam quaerat purus`
} }
//DOWNLOAD SECTION TWO //DOWNLOAD SECTION TWO
let downloadSecTwo = { let downloadPlatform = {
leadTitle: `Available for iOS 8 and Android Devices From 5.5` leadTitle: `Available for iOS 8 and Android Devices From 5.5`
} }
@@ -1425,8 +1425,8 @@ export default FloatHome
btn: 'Subscribe Now' btn: 'Subscribe Now'
} }
//DOWNLOAD SECTION THREE // LIGHT & POWERFUL
let downloadSecThree = { let floatMight = {
title: `Lightning Fast. Super Powerful`, title: `Lightning Fast. Super Powerful`,
desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit desc: `Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis libero tempus, blandit
posuere and ligula varius magna porta`, posuere and ligula varius magna porta`,