@extends('frontend_layouts.main')
@section('main-container')

        <section class="enterprise-section">
            <div class="container">
                <div class="row  pt-5 justify-content-center">
                    <div class="col-md-11">
                        <div class="top-heahtext text-center mt-sm-5">
                            <h1>Become an EOLAC Partner</h1>
                            <h6>Get hassle free and efficient logistics for your online business</h6>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="pb-sm-5">
            <div class="container">
                <div class="enterprises-box">
                    <div class="row align-items-center">
                        <div class="col-md-5 mb-4 mb-sm-0">
                            <img src="{{asset('assets/frontend/images/become-Graphic.png')}}" class="enterprise-img" alt="">
                        </div>
                        <div class="col-md-7">

                            <div class="row">
                                <div class="col-md-11">
                                    <h2>Join Us for a Smarter Shipping Solution</h2>

                                    <label class="solution-label mt-sm-4 mt-3">Personal details</label>
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <input type="email" class="form-control length-input"
                                                    placeholder="Enter Full Name">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <input type="email" class="form-control length-input"
                                                    placeholder="Contact Number">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <input type="email" class="form-control length-input"
                                                    placeholder="Enter Email address">
                                            </div>
                                        </div>
                                    </div>

                                    <label class="solution-label mt-sm-3 mt-2">Company details</label>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <input type="email" class="form-control length-input"
                                                    placeholder="Company Name">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <input type="email" class="form-control length-input"
                                                    placeholder="Company Email">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select class="form-control length-input">
                                                    <option>Select City</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    <option>4</option>
                                                    <option>5</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <label class="solution-label mt-sm-3 mt-2">Services you offer</label>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <input type="email" class="form-control length-input"
                                                    placeholder="Enter your list of services">
                                            </div>
                                        </div>
                                    </div>

                                    <button type="button" class="btn features-btn mt-sm-4 mt-2">SUBMIT</button>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class="py-sm-5 py-4">
            <div class="container">
                <div class="row mt-sm-3">
                    <div class="col-md-12">
                        <div class="section-head text-center">
                            <h2>Ease of Shipping with EOLAC</h2>
                        </div>
                    </div>
                </div>

                <div class="row justify-content-center">
                    <div class="col-md-11">

                        <div class="row mt-sm-5 mt-3">
                            <div class="col-md-3 col-6">
                                <div class="shipping-box text-center">
                                    <div class="shipping-img">
                                        <img src="{{asset('assets/frontend/images/shipping1.png')}}" alt="">
                                    </div>
                                    <h2>Free <br class="d-sm-block d-none"> to Join</h2>
                                </div>
                            </div>

                            <div class="col-md-3 col-6">
                                <div class="shipping-box text-center">
                                    <div class="shipping-img">
                                        <img src="{{asset('assets/frontend/images/shipping2.png')}}" alt="">
                                    </div>
                                    <h2>Recurring Revenue</h2>
                                </div>
                            </div>

                            <div class="col-md-3 col-6 mt-2 mt-sm-0">
                                <div class="shipping-box text-center">
                                    <div class="shipping-img">
                                        <img src="{{asset('assets/frontend/images/shipping3.png')}}" alt="">
                                    </div>
                                    <h2>Zero <br class="d-sm-block d-none"> Target</h2>
                                </div>
                            </div>

                            <div class="col-md-3 col-6 mt-2 mt-sm-0">
                                <div class="shipping-box text-center">
                                    <div class="shipping-img">
                                        <img src="{{asset('assets/frontend/images/shipping4.png')}}" alt="">
                                    </div>
                                    <h2>Support <br class="d-sm-block d-none"> Team</h2>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>

        
        <section class="py-sm-5 py-4">
            <div class="container">
                <div class="shipping-needsbox shipping-needsboxnew py-sm-5 py-3">

                    <div class="row justify-content-center">
                        <div class="col-md-10">
                            <div class="row mt-sm-5 mt-3 noflexwrap">
                                <div class="col-md-4 col-12">
                                    <div class="customers-box">
                                        <div class="row align-items-center">
                                            <div class="col-md-3 col-3 pr-0">
                                                <img src="{{asset('assets/frontend/images/Stat1.png')}}" class="stat-img" alt="">
                                            </div>
                                            <div class="col-md-9 col-9">
                                                <h2>75K+</h2>
                                                <p>Happy Customers</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="customers-box">
                                        <div class="row align-items-center">
                                            <div class="col-md-3 col-3 pr-0">
                                                <img src="{{asset('assets/frontend/images/Stat2.png')}}" class="stat-img" alt="">
                                            </div>
                                            <div class="col-md-9 col-9">
                                                <h2>100K+</h2>
                                                <p>Daily Shipments</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-12">
                                    <div class="customers-box">
                                        <div class="row align-items-center">
                                            <div class="col-md-3 col-3 pr-0">
                                                <img src="{{asset('assets/frontend/images/Stat3.png')}}" class="stat-img" alt="">
                                            </div>
                                            <div class="col-md-9 col-9">
                                                <h2>20,000</h2>
                                                <p>Pincodes covered</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>
        </section>


        <section class="pb-sm-5 pb-4">
            <div class="container">
                <div class="row mt-sm-3">
                    <div class="col-md-12">
                        <div class="section-head text-center">
                            <h2>The EOLAC Benefit</h2>
                        </div>
                    </div>
                </div>

                <div class="row justify-content-center mt-sm-5 mt-3">
                    <div class="col-md-10">
                         <div class="row">
                            <div class="col-md-3 col-6 mb-sm-0 mb-3">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-1.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Zero Investment</h6>
                                </div>
                            </div>

                            <div class="col-md-3 col-6 mb-sm-0 mb-3">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-2.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Grow Income</h6>
                                </div>
                            </div>

                            <div class="col-md-3 col-6">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-3.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Rewards</h6>
                                </div>
                            </div>

                            <div class="col-md-3 col-6">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-4.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Partner Training</h6>
                                </div>
                            </div>


                         </div>
                    </div>
                </div>


            </div>
        </section>


        
        <section class="pb-sm-5 pb-4">
            <div class="container">
                <div class="row mt-sm-3">
                    <div class="col-md-12">
                        <div class="section-head text-center">
                            <h2>How your clients benefit</h2>
                        </div>
                    </div>
                </div>

                <div class="row justify-content-center mt-sm-5 mt-3">
                    <div class="col-md-10">
                         <div class="row">
                            <div class="col-md-3 col-6 mb-sm-0 mb-3">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-5.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Reduce Returns with 6 step plan</h6>
                                </div>
                            </div>

                            <div class="col-md-3 col-6 mb-sm-0 mb-3">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-6.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Daily COD</h6>
                                </div>
                            </div>

                            <div class="col-md-3 col-6 mb-sm-0 mb-3">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-7.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Full Insurance Coverage</h6>
                                </div>
                            </div>

                            <div class="col-md-3 col-6 mb-sm-0 mb-3">
                                <div class="support-box text-center">
                                    <div class="support-img">
                                        <img src="{{asset('assets/frontend/images/Benefit-8.png')}}" alt="">
                                    </div>
                                   
                                    <h6>Branded Tracking Page</h6>
                                </div>
                            </div>

                         </div>
                    </div>
                </div>

            </div>
        </section>

        <section class="py-sm-5 py-4">
            <div class="container">
                <div class="shipping-needsbox shipping-needsboxnew py-sm-5 py-3">
                    <div class="section-head section-headwhite text-center pt-sm-3">
                        <h2>Ready to become a partner?</h2>
                        <h6 class="mt-2">Choose Us. Grow with Us.</h6>

                        <div class="mt-sm-5 mt-3">
                            <button type="button" class="btn features-btn">CONNECT NOW</button>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <div class="chat-bot">
        <a href="https://web.whatsapp.com/send?phone=7042004334" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
            <!-- <img src="{{asset('assets/frontend/images/what-new.png')}}" alt=""> -->
        </div>
@endsection