diff --git a/public/assets/css/style.css b/public/assets/css/style.css index e68e19d..4577489 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1689,11 +1689,6 @@ span.os-version { .txt-block h3, .txt-block h2 { margin-bottom: 26px; - cursor: default; -} - -.txt-block p { - cursor: default; } h5.sm-title { @@ -1704,7 +1699,6 @@ h5.sm-title { .txt-block .btn, .txt-block .stores-badge { margin-top: 20px; - cursor: pointer; } /*------------------------------------------*/ diff --git a/src/pages/About.js b/src/pages/About.js index 7c8e0c6..7278c6f 100644 --- a/src/pages/About.js +++ b/src/pages/About.js @@ -3,8 +3,66 @@ import { Testimonial } from './assests/data/about'; class About extends React.Component { render() { + let heroInfo = { + title: { + normal: 'No, we are ', //leave a space after writing for proper indentation + bold: 'not just another travel app.' + }, + desc: "Float is a global Start Up working on improving everyone’s city life." + } + let aboutDesc = { + upperSection: { + title: "With AI and other unique technology we want to help and encourage people to improve their travel behavior for the better. Whether you want to save time, save money, reduce your carbon footprint, look for great deals or just explore your hood - we’ve got you covered.", + vision: { + title: 'OUR VISION', + text: "Improve quality of life for the world's population by building the future global transportation platform. Increasing accessibility and personal choices, while reducing travel time, traffic congestion, pollution, and loss to local GDP." + }, + mission: { + title: "OUR MISSION", + text: "We empower travelers to move easier and faster by analyzing their past trips, with traffic and external factors - allowing them to customize travel and receive rewards for sharing their data for the greater good." + } + }, + lowerSection: { + caption: { + first: "MADE FOR YOU", + second: "Created for urbanists" + }, + left: { + first: "A classic day in your urban life:", + second: "You drive to work, drive to the store, maybe drive your kids to school, drive back home, meet some friends if there is little time left. Distances are so vast, it takes forever to get anywhere and there’s little chance for spontaneity and diversity in daily routines - Vibrating urban Citylife is just passing you by." + }, + right: "You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go." + }, + cta: "Read the Reviews" + } + let testimonials = { + tag: 'MADE FOR US', + title:'Created from urbanists' + } + let valueInfo = { + id: 'Values', + title1: 'Put the User first', + text1: 'We are fully independent. We will only show you recommendations, tips, and deals customized for you.', + title2: 'Together is Better', + text2: 'AI and personal behavior are better together. Together we can make better decisions.', + title3: 'There is no planet B', + text3: 'There are more and more green alternatives especially in transportation we want to encourage everyone to use these.' + } + let brands = 'You might know Float from:' + let team = { + tag: 'One Team Many Talents', + title: 'Our Team is as vibrating and diversified as your urban life.', + } + let newsletter = { + tag: 'Subscribe to Our Newsletter', + title: 'Stay up to date with our news, ideas and updates', + cta: 'Subscribe Now' + } + return(
+ + {/* PRELOADER SPINNER ============================================= */}
@@ -375,75 +433,4 @@ You drive to work, drive to the store, maybe drive your kids to school, drive ba ) } } -export default About - -// PAGE TEXT/CONTENT VARIABLES - -//Hero Section -let heroInfo = { - title: { - normal: 'No, we are ', //leave a space after writing for proper indentation - bold: 'not just another travel app.' - }, - desc: "Float is a global Start Up working on improving everyone’s city life." -} - -// About Section -let aboutDesc = { - upperSection: { - title: "With AI and other unique technology we want to help and encourage people to improve their travel behavior for the better. Whether you want to save time, save money, reduce your carbon footprint, look for great deals or just explore your hood - we’ve got you covered.", - vision: { - title: 'OUR VISION', - text: "Improve quality of life for the world's population by building the future global transportation platform. Increasing accessibility and personal choices, while reducing travel time, traffic congestion, pollution, and loss to local GDP." - }, - mission: { - title: "OUR MISSION", - text: "We empower travelers to move easier and faster by analyzing their past trips, with traffic and external factors - allowing them to customize travel and receive rewards for sharing their data for the greater good." - } - }, - lowerSection: { - caption: { - first: "MADE FOR YOU", - second: "Created for urbanists" - }, - left: { - first: "A classic day in your urban life:", - second: "You drive to work, drive to the store, maybe drive your kids to school, drive back home, meet some friends if there is little time left. Distances are so vast, it takes forever to get anywhere and there’s little chance for spontaneity and diversity in daily routines - Vibrating urban Citylife is just passing you by." - }, - right: "You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go." - }, - cta: "Read the Reviews" -} - -// Testimonials Section -let testimonials = { - tag: 'MADE FOR US', - title:'Created from urbanists' -} - -// Values Section -let valueInfo = { - id: 'Values', - title1: 'Put the User first', - text1: 'We are fully independent. We will only show you recommendations, tips, and deals customized for you.', - title2: 'Together is Better', - text2: 'AI and personal behavior are better together. Together we can make better decisions.', - title3: 'There is no planet B', - text3: 'There are more and more green alternatives especially in transportation we want to encourage everyone to use these.' -} - -// Brand Section -let brands = 'You might know Float from:' - -// Team Section -let team = { - tag: 'One Team Many Talents', - title: 'Our Team is as vibrating and diversified as your urban life.', -} - -// Newsletter Section -let newsletter = { - tag: 'Subscribe to Our Newsletter', - title: 'Stay up to date with our news, ideas and updates', - cta: 'Subscribe Now' -} \ No newline at end of file +export default About \ No newline at end of file diff --git a/src/pages/Fleet.js b/src/pages/Fleet.js index eb51b34..f0709ae 100644 --- a/src/pages/Fleet.js +++ b/src/pages/Fleet.js @@ -1,26 +1,36 @@ import React, {Component} from 'react'; + class Fleet extends React.Component { render() { return(
+ + +
- {/* PAGE CONTENT */} + {/* PAGE CONTENT + ============================================= */}
- {/* HEADER */} - {/* HERO */} + {/* HEADER + ============================================= */} + + + {/* HERO + ============================================= */}
{/* HERO TEXT */}
- {heroSection.tag} -

{heroSection.header}

-

{heroSection.desc}

+ HTML +

Float Business Fleet Management Systems

+

We are your A.I. enables assistance to manage your fleet and advancement to new platforms with insights on current performance and operational projections. +

{/* HERO IMAGE */}
hero-image
@@ -28,7 +38,11 @@ class Fleet extends React.Component {
{/* End row */}
{/* End container */}
{/* END HERO */} - {/* CONTENT-2 */} + + + + {/* CONTENT-2 + ============================================= */}
@@ -42,15 +56,18 @@ class Fleet extends React.Component {
{/* Section ID */} - {aboutSection.tag}V + FLOAT EV {/* Title */} -

{aboutSection.header}

+

Electric Fleet Platform

{/* Text */} -

{aboutSection.desc1}

+

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. +

{/* Text */} -

{aboutSection.desc2}

+

Aliqum mullam blandit and tempor sapien donec lipsum gravida porta. Velna vitae auctor + congue magna impedit ligula risus. Mauris donec ligula an impedit magnis +

{/* Button */} - {aboutSection.cta} + Find Out More
{/* END TEXT BLOCK */}
{/* End row */} @@ -65,13 +82,15 @@ class Fleet extends React.Component {
{/* Section ID */} - {statsSection.tag} + Flexible Features {/* Title */} -

{statsSection.header}

+

FLOAT'S DASHBOARD

{/* Text */} -

{statsSection.desc1}

+

Your EV fleet performance metrics are in one place, easy to locate any useful information + analyze data and compare results. +

{/* Text */} -

{statsSection.desc2}

+

Gravida porta velna vitae auctor congue magna nihil impedit ligula risus mauris donec ligula

{/* END TEXT BLOCK */} {/* FEATURES-13 WRAPPER */} @@ -84,18 +103,18 @@ class Fleet extends React.Component { {/* Icon */}
{/* Title */} -
{statsSection.metrics.title}
+
Metrics
{/* Text */} -

{statsSection.metrics.content}

+

We guide a company through the EV conversion process, starting with insights on current performance of their existing fleet existing fleet.performance of their existing fleet existing fleet.

{/* FEATURE BOX #2 */}
{/* Icon */}
{/* Title */} -
{statsSection.guide.title}
+
Guide
{/* Text */} -

{statsSection.guide.content}

+

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..

@@ -104,18 +123,18 @@ class Fleet extends React.Component { {/* Icon */}
{/* Title */} -
{statsSection.access.title}
+
Access
{/* Text */} -

{statsSection.access.content}

+

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..

{/* FEATURE BOX #4 */}
{/* Icon */}
{/* Title */} -
{statsSection.motivated.title}
+
Stay Motivated
{/* Text */} -

{statsSection.motivated.content}

+

Take the complexity out of electrifying your fleet with industry-leading support.Porta semper lacus cursus feugiat primis ultrice ligula risus ultrice ligula risus auctor ultrice ociis

@@ -141,13 +160,15 @@ class Fleet extends React.Component {
{/* Section ID */} - {floatIntegrationSection.tag} + Perfect Integration {/* Title */} -

{floatIntegrationSection.header}

+

Float analytical, recommendation / rewards framework.

{/* Text */} -

{floatIntegrationSection.desc1}

+

Our platform analyzes current fleet behavior and display areas for improvement on our custom customer dashboard. +

{/* Text */} -

{floatIntegrationSection.desc2}

+

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.

{/* END TEXT BLOCK */}
{/* End row */} @@ -164,8 +185,10 @@ class Fleet extends React.Component {
{/* Text */}
-
{specialFeaturesSection.firstFeature.title}
-

{specialFeaturesSection.firstFeature.content}

+
HD Instructional Videos
+

Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at + suscipit quaerat ultrice tellus viverra +

{/* CONTENT BOX #2 */} @@ -174,8 +197,10 @@ class Fleet extends React.Component {
{/* Text */}
-
{specialFeaturesSection.secondFeature.title}
-

{specialFeaturesSection.secondFeature.content}

+
Smart Watch Optimized
+

Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at + suscipit quaerat ultrice tellus viverra +

{/* CONTENT BOX #3 */} @@ -184,8 +209,10 @@ class Fleet extends React.Component {
{/* Text */}
-
{specialFeaturesSection.thirdFeature.title}
-

{specialFeaturesSection.thirdFeature.content}

+
Heart Rate Tracking
+

Ligula risus auctor tempus dolor feugiat undo lacinia purus lipsum primis potenti at + suscipit quaerat ultrice tellus viverra +

@@ -207,7 +234,7 @@ class Fleet extends React.Component {
{/* Text */} -

{brandSectionTitle}

+

You might know Float from:

{/* Brands Carousel */}
{/* BRAND LOGO IMAGE */} @@ -278,9 +305,11 @@ class Fleet extends React.Component {
{/* Title */} -

{featuresSection.header}

+

No,we are not just another EV!

{/* Text */} -

{featuresSection.subHeader}

+

Our software takes you through the daily process of transitioning your fleet to Float. + Self-Management Inclusive +

@@ -295,9 +324,10 @@ class Fleet extends React.Component { {/* Text */}
{/* Title */} -
{featuresSection.userFriendlyItem.title}
+
User-Friendly
{/* Text */} -

{featuresSection.userFriendlyItem.content}

+

Our software takes you through the daily process of transitioning your fleet to Float.process of transitioning your fleet to Float +

@@ -309,9 +339,10 @@ class Fleet extends React.Component { {/* Text */}
{/* Title */} -
{featuresSection.fullyFunctionalItem.title}
+
Fully functional
{/* Text */} -

{featuresSection.fullyFunctionalItem.content}

+

We integrate company data into Float recommendation engine to provide insights. +

@@ -323,9 +354,11 @@ class Fleet extends React.Component { {/* Text */}
{/* Title */} -
{featuresSection.quickAccessItem.title}
+
Quick Access
{/* Text */} -

{featuresSection.quickAccessItem.content}

+

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat + at impedit felis undo auctor augue mauris +

@@ -337,9 +370,11 @@ class Fleet extends React.Component { {/* Text */}
{/* Title */} -
{featuresSection.trackAndAnalyzeItem.title}
+
Track & Analyze
{/* Text */} -

{featuresSection.trackAndAnalyzeItem.content}

+

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat + at impedit felis undo auctor augue mauris +

@@ -351,9 +386,11 @@ class Fleet extends React.Component { {/* Text */}
{/* Title */} -
{featuresSection.easy2Follow.title}
+
Easy To Follow
{/* Text */} -

{featuresSection.easy2Follow.content}

+

Porta semper lacus cursus feugiat primis ultrice ligula risus auctor tempus feugiat + at impedit felis undo auctor augue mauris +

@@ -365,9 +402,10 @@ class Fleet extends React.Component { {/* Text */}
{/* Title */} -
{featuresSection.ongoingSupport.title}
+
Ongoing Support
{/* Text */} -

{featuresSection.ongoingSupport.content}

+

We guide you step by step to convert to Electronic vehicles.We guide you step by step to convert +

@@ -383,7 +421,7 @@ class Fleet extends React.Component {
-

{stepsSection.header}

+

Custom fleet on your own time and in your own space

@@ -392,22 +430,22 @@ class Fleet extends React.Component { {/* PROCESS BOX #1 */}
  • -
    {stepsSection.step1.title}
    -

    {stepsSection.step1.content}

    +
    Get Set Up
    +

    Nemo ipsam egestas volute dolores quaerat sodales

  • {/* PROCESS BOX #2 */}
  • -
    {stepsSection.step2.title}
    -

    {stepsSection.step2.content}

    +
    Get Your Plan
    +

    Nemo ipsam egestas volute dolores quaerat sodales

  • {/* PROCESS BOX #3 */}
  • -
    {stepsSection.step3.title}
    -

    {stepsSection.step3.content}

    +
    Get Moving
    +

    Nemo ipsam egestas volute dolores quaerat sodales

  • @@ -423,13 +461,16 @@ class Fleet extends React.Component {
    {/* Section ID */} - {trackingFleet.tag} + Work Online and Offline {/* Title */} -

    {trackingFleet.header}

    +

    Stay on track and plan your fleet

    {/* Text */} -

    {trackingFleet.desc}

    +

    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 +

    {/* Button */} - {trackingFleet.cta} + Read The FAQs
    {/* END TEXT BLOCK */} {/* IMAGE BLOCK */} @@ -440,7 +481,8 @@ class Fleet extends React.Component { {/* End row */} {/* End container */} - {/* END CONTENT-1 */} + {/* END CONTENT-1 */} + {/* TESTIMONIALS-2 ============================================= */}
    @@ -450,11 +492,13 @@ class Fleet extends React.Component {
    {/* Section ID */} - {testimonalSection.tag} + Reviews {/* Title */} -

    {testimonalSection.header}

    +

    Our Happy Customers

    {/* Text */} -

    {testimonalSection.text}

    +

    Aliquam augue suscipit luctus neque purus ipsum neque dolor primis undo tempus, blandit and + cursus varius +

    {/* TESTIMONIALS CAROUSEL */} @@ -734,19 +778,23 @@ class Fleet extends React.Component {
    {/* Section ID */} - {optimizedSection.tag} + Totally Optimized {/* Title */} -

    {optimizedSection.header}

    +

    Intuitive features, powerful results

    {/* List */}
    • -

      {optimizedSection.list1}

      +

      Fringilla risus, luctus mauris orci auctor purus euismod pretium purus pretium + ligula rutrum tempor sapien +

    • -

      {optimizedSection.list2}

      +

      Quaerat sodales sapien euismod purus blandit

    • -

      {optimizedSection.list3}

      +

      Nemo ipsam egestas volute turpis dolores ut aliquam quaerat sodales sapien undo + pretium a purus mauris +

    @@ -769,9 +817,11 @@ class Fleet extends React.Component {
    {/* Title */} -

    {accessibiltySection.header}

    +

    Accessible for All Platforms

    {/* Text */} -

    {accessibiltySection.text}

    +

    Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero + tempus, blandit and cursus varius magna tempus a dolor +

    @@ -794,9 +844,11 @@ class Fleet extends React.Component {
    {/* Title */} -

    {faqSection.header}

    +

    Got Questions? Look Here

    {/* Text */} -

    {faqSection.text}

    +

    Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero + tempus, blandit and cursus varius magna tempus a dolor +

    @@ -894,7 +946,7 @@ class Fleet extends React.Component {
    - {faqSection.question} {faqSection.link} + Have more questions? Ask your question here
    @@ -911,9 +963,9 @@ class Fleet extends React.Component {
    {/* Section ID */} - {subscribeSection.tag} + Subscribe to Our Newsletter {/* Title */} -

    {subscribeSection.header}

    +

    Stay up to date with our news, ideas and updates

    {/* NEWSLETTER FORM */} @@ -922,7 +974,7 @@ class Fleet extends React.Component {
    - +
    {/* Newsletter Form Notification */} @@ -942,9 +994,11 @@ class Fleet extends React.Component {
    {/* Title */} -

    {blogSection.header}

    +

    Our Recipes & Inspiration

    {/* Text */} -

    {blogSection.text}

    +

    Aliquam a augue suscipit, luctus neque purus ipsum neque at dolor primis libero + tempus, blandit and cursus varius magna tempus a dolor +

    @@ -1049,9 +1103,9 @@ class Fleet extends React.Component {
    {/* Title */} -

    {downloadSection.header}

    +

    Take your fleet to the next level

    {/* Text */} -

    {downloadSection.text}

    +

    Augue egestas volutpat egestas augue purus cubilia laoreet and magna suscipit luctus dolor tempus

    {/* STORE BADGES */}
    {/* AppStore */} @@ -1066,94 +1120,27 @@ class Fleet extends React.Component { {/* Rating */}
    - {downloadSection.ratingText} + All Versions Rating -

    {downloadSection.reviewText}

    +

    Based on 7.296 user reviews (App Store & Google Play)

    {/* END TEXT BLOCK */}
    {/* End row */} {/* End container */} -
    {/* END DOWNLOAD-1 */} - {/* END PAGE CONTENT */} + {/* END DOWNLOAD-1 */} + + {/* END PAGE CONTENT */} + + + ) } } -export default Fleet - -// PAGE TEXT/CONTENT VARIABLES - -//Hero Section -let heroInfo = { - title: { - normal: 'No, we are ', //leave a space after writing for proper indentation - bold: 'not just another travel app.' - }, - desc: "Float is a global Start Up working on improving everyone’s city life." -} - -// About Section -let aboutDesc = { - upperSection: { - title: "With AI and other unique technology we want to help and encourage people to improve their travel behavior for the better. Whether you want to save time, save money, reduce your carbon footprint, look for great deals or just explore your hood - we’ve got you covered.", - vision: { - title: 'OUR VISION', - text: "Improve quality of life for the world's population by building the future global transportation platform. Increasing accessibility and personal choices, while reducing travel time, traffic congestion, pollution, and loss to local GDP." - }, - mission: { - title: "OUR MISSION", - text: "We empower travelers to move easier and faster by analyzing their past trips, with traffic and external factors - allowing them to customize travel and receive rewards for sharing their data for the greater good." - } - }, - lowerSection: { - caption: { - first: "MADE FOR YOU", - second: "Created for urbanists" - }, - left: { - first: "A classic day in your urban life:", - second: "You drive to work, drive to the store, maybe drive your kids to school, drive back home, meet some friends if there is little time left. Distances are so vast, it takes forever to get anywhere and there’s little chance for spontaneity and diversity in daily routines - Vibrating urban Citylife is just passing you by." - }, - right: "You are interested in public infrastructure and promote eco-friendly alternatives - however keeping track of what is the fastest, cheapest and greenest way to get somewhere isn’t easily done while being in a rush. We feel you - we are here to support you with by finding a better way to go." - }, - cta: "Read the Reviews" -} - -// Testimonials Section -let testimonials = { - tag: 'MADE FOR US', - title:'Created from urbanists' -} - -// Values Section -let valueInfo = { - id: 'Values', - title1: 'Put the User first', - text1: 'We are fully independent. We will only show you recommendations, tips, and deals customized for you.', - title2: 'Together is Better', - text2: 'AI and personal behavior are better together. Together we can make better decisions.', - title3: 'There is no planet B', - text3: 'There are more and more green alternatives especially in transportation we want to encourage everyone to use these.' -} - -// Brand Section -let brands = 'You might know Float from:' - -// Team Section -let team = { - tag: 'One Team Many Talents', - title: 'Our Team is as vibrating and diversified as your urban life.', -} - -// Newsletter Section -let newsletter = { - tag: 'Subscribe to Our Newsletter', - title: 'Stay up to date with our news, ideas and updates', - cta: 'Subscribe Now' -} \ No newline at end of file +export default Fleet \ No newline at end of file