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"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <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="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta
name="description" <meta name="author" content="Float Mobility">
content="Web site created using create-react-app" <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="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
@@ -44,7 +55,7 @@
<link href="/assets/css/responsive.css" rel="stylesheet"> <link href="/assets/css/responsive.css" rel="stylesheet">
<title>Nordex</title> <title>Float</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <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="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">Unlimited Access</span> <span className="section-id grey-color">FLOAT EV</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">Everything you need in one spot</h2> <h2 className="h2-md">Electric Fleet Platform</h2>
{/* Text */} {/* Text */}
<p className="p-lg">Gravida porta velna vitae auctor congue at magna nihil impedit ligula risus mauris donec <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.
a ligula risus
</p> </p>
{/* Text */} {/* Text */}
<p className="p-lg">Aliqum mullam blandit and tempor sapien donec lipsum gravida porta. Velna vitae auctor <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 */} {/* Section ID */}
<span className="section-id grey-color">Flexible Features</span> <span className="section-id grey-color">Flexible Features</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">Simple to use, easy to love</h2> <h2 className="h2-md">FLOAT'S DASHBOARD</h2>
{/* Text */} {/* Text */}
<p className="p-lg">Semper lacus cursus porta, feugiat primis and donec ultrice ligula tempus an auctor ipsum nihil mauris <p className="p-lg">Your EV fleet performance metrics are in one place, easy to locate any useful information
lectus enim ipsum sagittis congue analyze data and compare results.
</p> </p>
{/* Text */} {/* Text */}
<p className="p-lg">Gravida porta velna vitae auctor congue magna nihil impedit ligula risus mauris donec ligula</p> <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 */} {/* Icon */}
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-clock" /></div> <div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-clock" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">Complete Program</h5> <h5 className="h5-sm">Metrics</h5>
{/* Text */} {/* 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> </div>
{/* FEATURE BOX #2 */} {/* FEATURE BOX #2 */}
<div id="fb-13-2" className="fbox-13 wow fadeInUp" data-wow-delay="0.6s"> <div id="fb-13-2" className="fbox-13 wow fadeInUp" data-wow-delay="0.6s">
{/* Icon */} {/* Icon */}
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-exercise" /></div> <div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-exercise" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">Logging Simplified</h5> <h5 className="h5-sm">Guide</h5>
{/* Text */} {/* 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> </div>
<div className="col-md-6"> <div className="col-md-6">
@@ -124,9 +123,9 @@ class Fleet extends React.Component {
{/* Icon */} {/* Icon */}
<div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-salad" /></div> <div className="fbox-13-ico ico-75 skyblue-color"><span className="flaticon-salad" /></div>
{/* Title */} {/* Title */}
<h5 className="h5-sm">Meal Plans</h5> <h5 className="h5-sm">Access</h5>
{/* Text */} {/* 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>
{/* FEATURE BOX #4 */} {/* FEATURE BOX #4 */}
<div id="fb-13-4" className="fbox-13 wow fadeInUp" data-wow-delay="1s"> <div id="fb-13-4" className="fbox-13 wow fadeInUp" data-wow-delay="1s">
@@ -135,7 +134,7 @@ class Fleet extends React.Component {
{/* Title */} {/* Title */}
<h5 className="h5-sm">Stay Motivated</h5> <h5 className="h5-sm">Stay Motivated</h5>
{/* Text */} {/* 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> </div>
</div> </div>
@@ -154,7 +153,7 @@ class Fleet extends React.Component {
{/* IMAGE BLOCK */} {/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6"> <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"> <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>
</div> </div>
{/* TEXT BLOCK */} {/* TEXT BLOCK */}
@@ -163,16 +162,13 @@ class Fleet extends React.Component {
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">Perfect Integration</span> <span className="section-id grey-color">Perfect Integration</span>
{/* Title */} {/* Title */}
<h2 className="h2-md">Work smarter with powerful features</h2> <h2 className="h2-md">Float analytical, recommendation / rewards framework.</h2>
{/* Text */} {/* Text */}
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue <p className="p-lg">Our platform analyzes current fleet behavior and display areas for improvement on our custom customer dashboard.
luctus magna dolor luctus at egestas sapien vitae. Nemo egestas volute and turpis dolores aliquam quaerat
sodales a sapien
</p> </p>
{/* Text */} {/* Text */}
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue <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
luctus magna dolor luctus and egestas sapien egestas vitae nemo volute on prioritization of vehicle replacements and infrastructure investments.</p>
</p>
</div> </div>
</div> {/* END TEXT BLOCK */} </div> {/* END TEXT BLOCK */}
</div> {/* End row */} </div> {/* End row */}
@@ -309,10 +305,10 @@ class Fleet extends React.Component {
<div className="col-lg-10 offset-lg-1"> <div className="col-lg-10 offset-lg-1">
<div className="section-title text-center mb-70"> <div className="section-title text-center mb-70">
{/* Title */} {/* Title */}
<h2 className="h2-md">Get Ready to Be Surprised</h2> <h2 className="h2-md">No,we are not just another EV!</h2>
{/* Text */} {/* Text */}
<p className="p-xl">Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero <p className="p-xl">Our software takes you through the daily process of transitioning your fleet to Float.
tempus, blandit and cursus varius magna tempus a dolor Self-Management Inclusive
</p> </p>
</div> </div>
</div> </div>
@@ -328,10 +324,9 @@ class Fleet extends React.Component {
{/* Text */} {/* Text */}
<div className="fbox-txt"> <div className="fbox-txt">
{/* Title */} {/* Title */}
<h5 className="h5-sm">Friendly Interface</h5> <h5 className="h5-sm">User-Friendly</h5>
{/* Text */} {/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat <p className="p-lg">Our software takes you through the daily process of transitioning your fleet to Float.
at impedit felis undo auctor augue mauris
</p> </p>
</div> </div>
</div> </div>
@@ -344,10 +339,9 @@ class Fleet extends React.Component {
{/* Text */} {/* Text */}
<div className="fbox-txt"> <div className="fbox-txt">
{/* Title */} {/* Title */}
<h5 className="h5-sm">Powerful Options</h5> <h5 className="h5-sm">Fully functional</h5>
{/* Text */} {/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat <p className="p-lg">We integrate company data into Float recommendation engine to provide insights.
at impedit felis undo auctor augue mauris
</p> </p>
</div> </div>
</div> </div>
@@ -410,8 +404,7 @@ class Fleet extends React.Component {
{/* Title */} {/* Title */}
<h5 className="h5-sm">Ongoing Support</h5> <h5 className="h5-sm">Ongoing Support</h5>
{/* Text */} {/* Text */}
<p className="p-lg">Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat <p className="p-lg">We guide you step by step to convert to Electronic vehicles.
at impedit felis undo auctor augue mauris
</p> </p>
</div> </div>
</div> </div>
@@ -470,7 +463,7 @@ class Fleet extends React.Component {
{/* Section ID */} {/* Section ID */}
<span className="section-id grey-color">Work Online and Offline</span> <span className="section-id grey-color">Work Online and Offline</span>
{/* Title */} {/* 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 */} {/* Text */}
<p className="p-lg">Quaerat sodales sapien euismod purus blandit a purus ipsum primis in cubilia laoreet augue <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 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 */} {/* IMAGE BLOCK */}
<div className="col-md-5 col-lg-6 m-top"> <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"> <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> </div>
</div> {/* End row */} </div> {/* End row */}
@@ -848,7 +841,7 @@ class Fleet extends React.Component {
{/* IMAGE BLOCK */} {/* IMAGE BLOCK */}
<div className="col-md-6 col-xl-6"> <div className="col-md-6 col-xl-6">
<div className="content-13-img wow fadeInRight" data-wow-delay="0.6s"> <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> </div>
</div> {/* End row */} </div> {/* End row */}
src/pages/FloatHome.js
+1 -1
View File
@@ -136,7 +136,7 @@ class FloatHome extends React.Component {
</div> </div>
</div> </div>
</div> {/* End row */} </div> {/* End row */}
</div> {/* END FEATURES-1 WRAPPER */} </div> END FEATURES-1 WRAPPER
</div> {/* End container */} </div> {/* End container */}
</section> {/* END FEATURES-1 */} </section> {/* END FEATURES-1 */}
{/* CONTENT-3 {/* CONTENT-3