import React from "react";
import OtherServices from "../OtherServices/OtherServices";
import FooterCopyright from "../FooterCopyright/FooterCopyright";
import Link from "next/link";
import Image from 'next/image'
export default function Footer() {
  return (
    <>
     <OtherServices />
      <footer className="site-footer">
        <div className="footer-section ">
            <div className="container ">
                <div className="row ">
                    <div className="col-md-3">
                        <Link href="/">
                            <Image src='/images/formula-logo.png' className="img-responsive" alt="FormulaIndia" width="121" height="42"/>
                        </Link>
                    </div>
                    <div className="col-md-2">
                        <h5 className="footer-title ">Company</h5>
                        <ul className="list-inline footer-links-list ">
                            <li><Link href="/about-us">This Is Us</Link></li>
                            <li><Link href="/careers">Careers</Link></li>
                           <li><Link href="https://www.formulaindia.com/blog/"><a>Blog</a></Link></li>
                            <li><Link href="/clients-speak">Clients Speak</Link></li>
                        </ul>
                    </div>
                    <div className="col-md-2">
                        <h5 className="footer-title">Terms & Policies</h5>
                        <ul className="list-inline footer-links-list ">
                            <li><Link href="/privacy-policy">Privacy Policy</Link></li>
                            <li><Link href="/disclaimer">Disclaimer</Link></li>
                        </ul>
                    </div>
                    <div className="col-md-2">
                        <h5 className="footer-title ">Need Help?</h5>
                        <ul className="list-inline footer-links-list ">
                             {/* <li><Link href="https://staging.formulaindia.com/user/"><a>Login</a></Link></li> */}
                             <li><Link href="/contact-us">Connect</Link></li>
                         </ul>
                    </div>
                    <div className="col-md-3">
                        <h5 className="footer-title ">Follow Us</h5>
                        <ul className="nav footer-social-links mb-3">
                            <li><a href="https://www.facebook.com/formulaindia" target="_blank" rel="noreferrer" className="social-links "><i
                                        className="fab fa-facebook-f "></i></a></li>
                            <li><a href="https://twitter.com/formulaindia/" target="_blank" rel="noreferrer" className="social-links "><i
                                        className="fab fa-twitter "></i></a></li>
                            <li><a href="https://www.instagram.com/formulaindia/" target="_blank"
                                    className="social-links " rel="noreferrer"><i className="fab fa-instagram "></i></a></li>
                            <li><a href="https://www.linkedin.com/company/formula-group/" target="_blank"
                                    className="social-links " rel="noreferrer"><i className="fab fa-linkedin-in "></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div className="container ">
        <div className="row ">
            <div className="col-md-12 text-center">
                <ul className="nav footer-member mb-3">
                    <li><img className="member-logo" src="/images/eura-full-member.png" alt=""/></li>
                    <li><img className="member-logo" src="/images/eura.png" alt=""/></li>
                    <li><img className="member-logo" src="/images/iso.png" alt=""/></li>
                    <li><img className="member-logo" src="/images/woldwide-erc.png" alt=""/></li>
                </ul>
            </div>
        </div>
    </div>

    <hr/>
    <FooterCopyright />
        </footer>
     
    </>
  );
}
