import React, {component} from 'react';
import { Link } from "react-router-dom";

class Footer extends React.Component {
    render(){
        return(
            <div>
<footer id="footer-3" className="footer division">
				<div className="container">
					<div className="row">
						<div className="col-lg-10 offset-lg-1">
							<div className="row">
								<div className="col-sm-6 col-md-4 col-lg-3">
									<div className="footer-links mb-40">
										<ul className="foo-links clearfix">
											<li><p className="p-md"><Link to="#">Stop the Surge</Link></p></li>
											<li><p className="p-md"><Link to="/blogs">Travel Guide</Link></p></li>
											<li><p className="p-md"><Link to="/findev">Find Ev Charge</Link></p></li>
											<li><p className="p-md"><Link to="/findmobility">Find Options</Link></p></li>


										</ul>
									</div>
								</div>
								<div className="col-sm-6 col-md-4 col-lg-3">
									<div className="footer-links mb-40">
										<ul className="foo-links clearfix">
											<li><p className="p-md"><Link to="/#">Users</Link></p></li>
											<li><p className="p-md"><Link to="/#">Fleet Mangers</Link></p></li>
											<li><p className="p-md"><Link to="/contacts">Customer Stories</Link></p></li>
											<li><p className="p-md"><Link to="/#">Resources</Link></p></li>
										</ul>
									</div>
								</div>
								<div className="col-sm-6 col-md-4 col-lg-3">
									<div className="footer-links mb-40">
										<ul className="foo-links clearfix">
											<li><p className="p-md"><Link to="/about">About Us</Link></p></li>
											<li><p className="p-md"><Link to="/blogs">Our Blog</Link></p></li>
											<li><p className="p-md"><Link to="/#">Press Kit (Download)</Link></p></li>
											<li><p className="p-md"><Link to="/privacy">Privacy Policy</Link></p></li>
											<li><p className="p-md"><Link to="/terms">Terms & Privacy</Link></p></li>					
										</ul>
									</div>
								</div>
								<div className="col-sm-6 col-md-8 col-lg-3">
									<div className="footer-store-badges text-right mb-40">
										<Link to={process.env.REACT_APP_APPLE_LINK} className="store">
											<img className="appstore" src="assets/images/appstore.png" alt="appstore-badge" />
										</Link>
										<Link to={process.env.REACT_APP_GOOGLE_PLAY_LINK} className="store">
											<img className="googleplay" src="assets/images/googleplay.png" alt="googleplay-badge" />
										</Link> 
									</div>
								</div>	

							</div>
						</div>
					</div>	 					
					<div className="row">
						<div className="col-lg-10 offset-lg-1">
							<div className="bottom-footer footer-copyright text-center">
								<p>&copy; 2023 Float Mobility with Intelligence. All Rights Reserved</p>
							</div>
						</div>
					</div>
				</div>	   										
			</footer>	
            </div>
        )
    }
}
export default Footer    