import React, { useState } from 'react';
import { Link } from 'react-router-dom';
import thumb from '../../assets/images/onlineregistration.png';
import thumb22 from '../../assets/images/marketplace.png';
import thumb3 from '../../assets/images/product-listing-on-online-marketplace.png';
import thumb4 from '../../assets/images/flying.png';
import Fleet from '../../assets/float-ev/images/fleet-tree.jpg';


import getConfig from './../../Config/config'

function FeaturesHomeOne({ className }) {
    var site = getConfig()[0];
    const [tab, setTab] = useState('setting');
    const handleClick = (e, value) => {
        e.preventDefault();
        setTab(value);
    };
    return (
        <section className={`appie-features-area pt-100 pb-90 ${className}`} id="features">
            <div className="container">
                <div className="row align-items-center">

                     
  <div className="row">
                            <div className="col-12 col-lg-3">
                            <div
                            className="appie-features-content wow animated fadeInLeft " 
                            className="appie-title"
                            className="appie-features-tabs-btn"
                            className="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical"
                        >   
                        <div className="appie-hero-content"><h4>Float analytical, recommendation/rewards framework</h4> </div>
                        <br></br>

						<ul>
						<li><p>Our platform analyzes current fleet behavior and display areas for improvement on our custom customer dashboard.</p></li>
                        <br></br>
						<li><p>We provide immediate and longer term changes to improve fleet performance.</p></li>
                        <br></br>
						<li><p>Our software takes you through the daily process of transitioning your fleet to Float.</p></li>
                        <br></br>
						<li><p>We guide you step by step to convert to Electronic vehicles.</p></li>
						
						</ul>
                                              
                             </div>
                            </div>

                            <div className="col-12 col-lg-6">
                            <div
                            className="appie-hero-content wow animated fadeInRight "
                            className="appie-title"
                            
                        >   
                             
							<img src={Fleet} alt="" /> 							
                             </div>
                            </div>
                        </div>      
                </div>
            </div>
           
        </section>
    );
}

export default FeaturesHomeOne;
