import React from 'react';
import ServiceImg from '../../assets/float-ev/images/our-service-img.jpg';

import Performance from  '../../assets/float-ev/images/performance.png'


function ServicesAbout() {
    return (
        <>
            <section className="appie-services-2-area pt-90 pb-55" id="service">
                <div className="container">
                    <div className="row align-items-end">
                        <div className="col-lg-6 col-md-8">
                            <div className="appie-section-title">
                                <h3 className="appie-title">We’re driven by our values</h3>
                                <p>The app provides design and digital marketing. </p>
                            </div>
                        </div>
                    </div>







                    <div className="row align-items-center">
                    <div className="col-lg-6">
                    <div
                            className="appie-hero-content "
                            className="appie-title"
                        > 
                            <h1 className="appie-title">FLOAT' S<br></br>DASHBOARD</h1>
                            <span></span>
                            <p>Your EV fleet performance metrics<span></span> are in one place, easy to locate any<span></span> 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 ServicesAbout;
