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

Meta desc + fleet img added

Browse Source
This commit is contained in:
Olu Amey
2023-03-19 12:27:47 -04:00
parent d36cca61dc
commit dfe9e209ef
13 changed files with 48 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
public/assets/images-demo/Activity.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

public/assets/images-demo/Trip_01.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

public/assets/images-demo/fleet-header-home.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 KiB

public/assets/images-demo/how-it-works-recomment-engine.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 609 KiB

public/assets/images/Activity.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

public/assets/images/analytics.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

public/assets/images/fleet-header-home.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 KiB

public/assets/images/how-it-works-recomment-engine.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 609 KiB

public/assets/images/plan.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 KiB

public/index.html
+17 -6
View File
@@ -2,13 +2,24 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.png" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<meta name="author" content="Float Mobility">
<meta name="description" content="Travel smarter with Float's ride sharing, hailing and budgeting app. Avaliable on IOS and Android." />
<meta name="title" content="Ride Sharing, Hailing & Budgeting App by Float" />
<meta name="keywords" content="Travel smarter , Ride Sharing, Hailing and Budgeting App" />
<meta property="og:type" content="business.business">
<meta property="og:title" content="Float Mobility">
<meta property="og:url" content="https://float.sg">
<meta property="og:image" content="https://www.float.sg/assets/img/logo-light.png">
<meta property="business:contact_data:street_address" content="1070 Cresta Way Unit 2">
<meta property="business:contact_data:locality" content="San Rafael">
<meta property="business:contact_data:region" content="CA">
<meta property="business:contact_data:postal_code" content="94903">
<meta property="business:contact_data:country_name" content="United States">
<meta name="google-signin-client_id" content="343605975098-i4p86p4la6lpff0rmsq3mg36vi9do9rb.apps.googleusercontent.com">
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
@@ -44,7 +55,7 @@
<link href="/assets/css/responsive.css" rel="stylesheet">
<title>Nordex</title>
<title>Float</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
src/pages/Fleet.js
+29 -36
View File
@@ -56,12 +56,11 @@ class Fleet extends React.Component {
<div className="col-md-7 col-lg-6">
<div className="txt-block right-column mb-40 wow fadeInLeft" data-wow-delay="0.6s">
{/* Section ID */}
<span className="section-id grey-color">Unlimited Access</span>
<span className="section-id grey-color">FLOAT EV</span>
{/* Title */}
<h2 className="h2-md">Everything you need in one spot</h2>
<h2 className="h2-md">Electric Fleet Platform</h2>
{/* Text */}
<p className="p-lg">Gravida porta velna vitae auctor congue at magna nihil impedit ligula risus mauris donec
a ligula risus
<p className="p-lg">Float's recommendation engine enables tracking of vehicle usage, ownership & service costs, fuel costs, emissions. Its Telematics IoT enabled OBD device & dashcam to connect directly to the vehicle to pull data.
</p>
{/* Text */}
<p className="p-lg">Aliqum mullam blandit and tempor sapien donec lipsum gravida porta. Velna vitae auctor
@@ -85,10 +84,10 @@ class Fleet extends React.Component {
{/* Section ID */}
<span className="section-id grey-color">Flexible Features</span>
{/* Title */}
<h2 className="h2-md">Simple to use, easy to love</h2>
<h2 className="h2-md">FLOAT'S DASHBOARD</h2>
{/* Text */}
<p className="p-lg">Semper lacus cursus porta, feugiat primis and donec ultrice ligula tempus an auctor ipsum nihil mauris
lectus enim ipsum sagittis congue
<p className="p-lg">Your EV fleet performance metrics are in one place, easy to locate any useful information
analyze data and compare results.
</p>
{/* Text */}
<p className="p-lg">Gravida porta velna vitae auctor congue magna nihil impedit ligula risus mauris donec ligula</p>
@@ -104,18 +103,18 @@ class Fleet extends React.Component {
{/* Icon */}
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-clock" /></div>
{/* Title */}
<h5 className="h5-sm">Complete Program</h5>
<h5 className="h5-sm">Metrics</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor ultrice ociis</p>
<p className="p-lg">We guide a company through the EV conversion process, starting with insights on current performance of their existing fleet.</p>
</div>
{/* FEATURE BOX #2 */}
<div id="fb-13-2" className="fbox-13 wow fadeInUp" data-wow-delay="0.6s">
{/* Icon */}
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-exercise" /></div>
{/* Title */}
<h5 className="h5-sm">Logging Simplified</h5>
<h5 className="h5-sm">Guide</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor ultrice ociis</p>
<p className="p-lg">We assess what works, provide information on which vehicles to convert first, and continue to improve on fleet performance throughout the step by step conversion to EVs..</p>
</div>
</div>
<div className="col-md-6">
@@ -124,9 +123,9 @@ class Fleet extends React.Component {
{/* Icon */}
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-salad" /></div>
{/* Title */}
<h5 className="h5-sm">Meal Plans</h5>
<h5 className="h5-sm">Access</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor ultrice ociis</p>
<p className="p-lg">We assess what works, provide information on which vehicles to convert first, and continue to improve on fleet performance throughout the step by step conversion to EVs..</p>
</div>
{/* FEATURE BOX #4 */}
<div id="fb-13-4" className="fbox-13 wow fadeInUp" data-wow-delay="1s">
@@ -135,7 +134,7 @@ class Fleet extends React.Component {
{/* Title */}
<h5 className="h5-sm">Stay Motivated</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor ultrice ociis</p>
<p className="p-lg">Take the complexity out of electrifying your fleet with industry-leading support.Porta semper lacus cursus feugiat primis ultrice ligula risus auctor ultrice ociis</p>
</div>
</div>
</div>
@@ -154,7 +153,7 @@ class Fleet extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6">
<div className="img-block left-column pc-25 mb-40 wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-18.png" alt="content-image" />
<img className="img-fluid" src="assets/images/analytics.png" alt="content-image" />
</div>
</div>
{/* TEXT BLOCK */}
@@ -163,16 +162,13 @@ class Fleet extends React.Component {
{/* Section ID */}
<span className="section-id grey-color">Perfect Integration</span>
{/* Title */}
<h2 className="h2-md">Work smarter with powerful features</h2>
<h2 className="h2-md">Float analytical, recommendation / rewards framework.</h2>
{/* Text */}
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
luctus magna dolor luctus at egestas sapien vitae. Nemo egestas volute and turpis dolores aliquam quaerat
sodales a sapien
<p className="p-lg">Our platform analyzes current fleet behavior and display areas for improvement on our custom customer dashboard.
</p>
{/* Text */}
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
luctus magna dolor luctus and egestas sapien egestas vitae nemo volute
</p>
<p className="p-lg">Float saves their customers money from day one by analyzing their current fleet data on cost, emissions,time and resources and then makes recommendations
on prioritization of vehicle replacements and infrastructure investments.</p>
</div>
</div> {/* END TEXT BLOCK */}
</div> {/* End row */}
@@ -309,10 +305,10 @@ class Fleet extends React.Component {
<div className="col-lg-10 offset-lg-1">
<div className="section-title text-center mb-70">
{/* Title */}
<h2 className="h2-md">Get Ready to Be Surprised</h2>
<h2 className="h2-md">No,we are not just another EV!</h2>
{/* Text */}
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero
tempus, blandit and cursus varius magna tempus a dolor
<p className="p-xl">Our software takes you through the daily process of transitioning your fleet to Float.
Self-Management Inclusive
</p>
</div>
</div>
@@ -328,10 +324,9 @@ class Fleet extends React.Component {
{/* Text */}
<div className="fbox-txt">
{/* Title */}
<h5 className="h5-sm">Friendly Interface</h5>
<h5 className="h5-sm">User-Friendly</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris
<p className="p-lg">Our software takes you through the daily process of transitioning your fleet to Float.
</p>
</div>
</div>
@@ -344,10 +339,9 @@ class Fleet extends React.Component {
{/* Text */}
<div className="fbox-txt">
{/* Title */}
<h5 className="h5-sm">Powerful Options</h5>
<h5 className="h5-sm">Fully functional</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris
<p className="p-lg">We integrate company data into Float recommendation engine to provide insights.
</p>
</div>
</div>
@@ -410,8 +404,7 @@ class Fleet extends React.Component {
{/* Title */}
<h5 className="h5-sm">Ongoing Support</h5>
{/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat
at impedit felis undo auctor augue mauris
<p className="p-lg">We guide you step by step to convert to Electronic vehicles.
</p>
</div>
</div>
@@ -470,7 +463,7 @@ class Fleet extends React.Component {
{/* Section ID */}
<span className="section-id grey-color">Work Online and Offline</span>
{/* Title */}
<h2 className="h2-md">Stay on track and plan your workout</h2>
<h2 className="h2-md">Stay on track and plan your fleet</h2>
{/* Text */}
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue
luctus magna dolor luctus at egestas sapien vitae nemo egestas volute and turpis dolores aliquam quaerat
@@ -483,7 +476,7 @@ class Fleet extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6 m-top">
<div className="img-block right-column pc-20 mb-40 wow fadeInLeft" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/img-19.png" alt="content-image" />
<img className="img-fluid" src="assets/images/plan.png" alt="content-image" />
</div>
</div>
</div> {/* End row */}
@@ -848,7 +841,7 @@ class Fleet extends React.Component {
{/* IMAGE BLOCK */}
<div className="col-md-6 col-xl-6">
<div className="content-13-img wow fadeInRight" data-wow-delay="0.6s">
<img className="img-fluid" src="assets/images/tablet.png" alt="content-image" />
<img className="img-fluid" src="assets/images/dashboard-performance.jpg" alt="content-image" />
</div>
</div>
</div> {/* End row */}
src/pages/FloatHome.js
+1 -1
View File
@@ -136,7 +136,7 @@ class FloatHome extends React.Component {
</div>
</div>
</div> {/* End row */}
</div> {/* END FEATURES-1 WRAPPER */}
</div> END FEATURES-1 WRAPPER
</div> {/* End container */}
</section> {/* END FEATURES-1 */}
{/* CONTENT-3