Compare commits

...

7 Commits

Author SHA1 Message Date
Chukwumdiebube e383366603 Merge branch 'master' of https://gitlab.chiefsoft.net/FloatSystems/float-www into home-customization 2023-04-05 12:17:35 +01:00
jenkins 7d9267e268 more text added 2023-04-04 23:04:54 -04:00
jenkins 129c0f1447 text added 2023-04-04 22:47:34 -04:00
jenkins 7e424c269b text modified 2023-04-04 22:37:42 -04:00
jenkins cfcfaaca05 text added 2023-04-04 20:25:23 -04:00
tokslaw 323ee50705 Merge branch 'image_reduction' of FloatSystems/float-www into master 2023-04-05 00:20:00 +00:00
Chukwumdiebube 360f60c1f2 Added Icons 2023-04-04 23:18:40 +01:00
4 changed files with 19 additions and 16 deletions
+14 -11
View File
@@ -1,4 +1,7 @@
import React, {Component} from 'react'; import React, {Component} from 'react';
import SaveMoney from '../pages/assests/images/save-money.png'
import GetReward from '../pages/assests/images/get-rewarded.png'
class FloatHome extends React.Component { class FloatHome extends React.Component {
render() { render() {
@@ -100,7 +103,7 @@ class FloatHome extends React.Component {
<div id="fb-1-1" className="col-md-4"> <div id="fb-1-1" className="col-md-4">
<div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.4s"> <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.4s">
{/* 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"><img src={SaveMoney} /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">{message.access.heading}</h5> <h5 className="h5-sm">{message.access.heading}</h5>
{/* Text */} {/* Text */}
@@ -111,7 +114,7 @@ class FloatHome extends React.Component {
<div id="fb-1-2" className="col-md-4"> <div id="fb-1-2" className="col-md-4">
<div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.6s"> <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.6s">
{/* 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"><img src={SaveMoney} /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">{message.notification.heading}</h5> <h5 className="h5-sm">{message.notification.heading}</h5>
{/* Text */} {/* Text */}
@@ -122,7 +125,7 @@ class FloatHome extends React.Component {
<div id="fb-1-3" className="col-md-4"> <div id="fb-1-3" className="col-md-4">
<div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.8s"> <div className="fbox-1 mb-40 wow fadeInUp" data-wow-delay="0.8s">
{/* 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"><img src={GetReward} /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">{message.spam.heading}</h5> <h5 className="h5-sm">{message.spam.heading}</h5>
{/* Text */} {/* Text */}
@@ -1240,7 +1243,7 @@ export default FloatHome
//HERO SECTION //HERO SECTION
let heroSection = { let heroSection = {
header: `ravel 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', heroLink: 'Watch the Overview',
button: `Intelligent Mobility Choices!`, button: `Intelligent Mobility Choices!`,
@@ -1250,13 +1253,13 @@ export default FloatHome
//SECTION TWO //SECTION TWO
let message = { let message = {
access: { access: {
heading: `Quick Access`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies. heading: `Smart Options`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
ociis ligula blandit` ociis ligula blandit`
}, },
notification: {heading: `Smart Notifications`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies. notification: {heading: `Save Money`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
ociis ligula blandit` ociis ligula blandit`
}, },
spam: {heading: `Spam Protection`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies. spam: {heading: `Get Rewarded`, description: `With Connectivity, both fleet managers and drivers will experience increased efficiencies.
ociis ligula blandit` ociis ligula blandit`
} }
}; };
@@ -1310,7 +1313,7 @@ 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!)`,
text: {title: `Float Messaging and Calls`, text: {title: `Analytics`,
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`
}, },
stickers: {title: `Service Options`, stickers: {title: `Service Options`,
@@ -1328,19 +1331,19 @@ export default FloatHome
tempus, blandit and cursus varius magna tempus a dolor`, tempus, blandit and cursus varius magna tempus a dolor`,
mode: { mode: {
title: `Dark & Light Modes`, title: `Monitoring`,
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`
}, },
groupMes: { groupMes: {
title: `Group Messaging`, title: `Analytics`,
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`
}, },
strongEncry: { strongEncry: {
title: `Strong Encryption`, title: `Unlock Functionality`,
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`
}, },
+5 -5
View File
@@ -874,19 +874,19 @@ let heroSection = {
title: `Multiple Accounts`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat title: `Multiple Accounts`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
float: {title: `Float Messaging & Calls`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat float: {title: `Analytics`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
files: {title: `Share Files & Media`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat files: {title: `Connectivity`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
notification: {title: `Alerts & Notifications`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat notification: {title: `Monitoring`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
verification: {title: `Online Verification`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat verification: {title: `Online Verification`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
}, },
spam: {title: `Spam Protection`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat spam: {title: `Big Perks`, desc: `Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris` at impedit felis undo auctor augue mauris`
} }
}; };
@@ -926,7 +926,7 @@ let fastMes = {
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`,
mode: { mode: {
title: `Dark & Light Modes`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a title: `Charging`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a
sapien magna at vitae congue tempus` sapien magna at vitae congue tempus`
}, },
autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a autoLink: {title: `Auto-Link Opening`, desc: `Porta semper lacus cursus risus and feugiat primis undo sodales a
Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB