import React from "react";
import Image from 'next/image'
export default function OtherServices() {
  return (
    <section className="home-section">
    <div className="container">
        <div className="heading-section">
            <h2 className="home-section-title mb-3">Our Group Ventures</h2>
            <div className="row">
                <div className="d-flex flex-wrap">   
                    <div className="w-lg-20 box-pad">
                        <a href="https://www.suraksha4u.com/" target="_blank" rel="noreferrer">
                            <div className="service-overlay text-center">
                            <img src='/images/Suraksha.jpg' className="image img-fluid img-rounded" alt="FormulaIndia" width="204" height="136"/>
                                <h3 className="text">Suraksha</h3>
                            </div>
                        </a>
                    </div>

                    <div className="w-lg-20 box-pad">
                        <a href="https://www.formulacarrental.com/" target="_blank" rel="noreferrer">
                            <div className="service-overlay text-center">
                            <img src='/images/Formula-Car-Rental.jpg' className="image img-fluid img-rounded" alt="FormulaIndia" width="204" height="136"/>
                                <h3 className="text">Formula <br/> Car Rental</h3>
                            </div>
                        </a>
                    </div>

                    <div className="w-lg-20 box-pad">
                        <a href="https://www.thetravelformula.com/" target="_blank" rel="noreferrer">
                            <div className="service-overlay text-center">
                            <img src='/images/The-Travel-Formula.jpg' className="image img-fluid img-rounded" alt="FormulaIndia" width="204" height="136"/>
                                <h3 className="text">The <br/> Travel Formula</h3>
                            </div>
                        </a>
                    </div>

                    <div className="w-lg-20 box-pad">
                        <a href="https://www.formulaservicedapartment.com/" target="_blank" rel="noreferrer">
                            <div className="service-overlay text-center">
                            <img src='/images/Formula-Serviced-Apartment.jpg' className="image img-fluid img-rounded" alt="FormulaIndia" width="204" height="136"/>
                                <h3 className="text">Formula <br/> Serviced Apartments</h3>
                            </div>
                        </a>
                    </div>

                    <div className="w-lg-20 box-pad">
                        <a href="https://www.holidayrepresentations.com/" target="_blank" rel="noreferrer">
                            <div className="service-overlay text-center">
                            <img src='/images/Holiday-Representations.jpg' className="image img-fluid img-rounded" alt="FormulaIndia" width="204" height="136"/>
                                <h3 className="text">Holiday <br/> Representations</h3>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <div className="vl-1"></div>
    </div>
</section>

  );
}
