import React from 'react';
import IconOne from '../../assets/images/icon/usericon.png';
import IconTwo from '../../assets/images/icon/Findtaskicon.png';
import IconThree from '../../assets/images/icon/taskicon.png';
import IconFour from '../../assets/images/icon/walleticon.png';
import ServiceImg from '../../assets/float-ev/images/our-service-img.jpg';
import TaskIcon from  '../../assets/float-ev/images/taskicon.png'
import Performance from  '../../assets/float-ev/images/performance.png'
// import FirstSlide from '../../assets/images/icon/Untitledxyz.png';


function ServicesHomeOne({ className }) {
    return (
        <section className={`appie-service-area pt-90 pb-100 ${className}`} id="service">
            <div className="container">
                <div className="row justify-content-center">
                    <div className="col-lg-8">
                        <div className="appie-section-title text-center">
                            <h1 className="appie-title">
                               FLOAT'S DASHBOARD
                            </h1>
                        </div>
                    </div>
                </div>
                <div className="row align-items-center">
                    <div className="col-lg-6">
                    <div
                            className="appie-hero-content "
                            className="appie-title"
                        > 
                            <h2 className="appie-title">FLOAT'S DASHBOARD</h2>
                            <p>Your EV fleet performance metrics are in one place, easy to locate any useful information analyze data and
                                    compare results.</p>
                        </div>
                    </div>
                    
                        <div className="col-lg-6">
                        <div
                            className="appie-hero-content "
                            className="appie-title"
                        > 
                            <div className="appie-service-area pt-90 pb-100 undefined">
                                <img src={ServiceImg} alt="" />
                            </div>
                            
                        </div>
                    </div>
                    
                </div>

                <div className="row align-items-center">
                    <div className="col-lg-6">
                    <div
                            className="appie-hero-content "
                            className="appie-title"
                        > 
                           <div className="appie-service-area pt-90 pb-100 undefined">
                           <img src={Performance} alt="" />
                            <p>We guide a company through the EV conversion process, starting with insights on current performance of their existing fleet.</p>
                        </div>
                        
                        </div>
                    </div>
                    
                        <div className="col-lg-6">
                        <div
                            className="appie-hero-content "
                            className="appie-title"
                        > 
                            <div className="appie-service-area pt-90 pb-100 undefined">
                          
                         
                          <p> 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>
                          {/* <img src={TaskIcon} alt="" />  */}
                            </div>
                            
                        </div>
                    </div>
                    
                </div>




            </div>
        </section>
    );
}

export default ServicesHomeOne;
