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

        <section class="hero-section about-section">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-11">
                        <div class="top-heahtext text-center">
                            <h1 class="about-heading">About Our Services</h1>
                            <h6 class="about-heading subheading">Our e-logistics platform will aggregate & integrate complete logistics value chain to <br class="d-sm-block d-none"> enable our customers, both individual
                                and corporate, to have simplified and optimised  <br class="d-sm-block d-none"> logistics services at the most reasonable price</h6>
                        </div>
                        <div class="row mt-sm-5 mt-3 noflexwrap">
                            <div class="col-md-3 col-9">
                                <div class="customers-box customers-boxnew">
                                    <div class="row align-items-center">
                                        <div class="col-md-3 col-3 pr-0">
                                            <img src="{{asset('assets/frontend/images/AboutStat1.png')}}" class="stat-img" alt="">
                                        </div>
                                        <div class="col-md-9 col-9">
                                            <h2>10K+</h2>
                                            <p>Aim Daily Ship</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-9">
                                <div class="customers-box customers-boxnew">
                                    <div class="row align-items-center">
                                        <div class="col-md-3 col-3 pr-0">
                                            <img src="{{asset('assets/frontend/images/About-Stat2.png')}}" class="stat-img" alt="">
                                        </div>
                                        <div class="col-md-9 col-9">
                                            <h2>96%</h2>
                                            <p>Picking Accuracy</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-9">
                                <div class="customers-box customers-boxnew">
                                    <div class="row align-items-center">
                                        <div class="col-md-3 col-3 pr-0">
                                            <img src="{{asset('assets/frontend/images/About-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 class="col-md-3 col-9">
                                <div class="customers-box customers-boxnew">
                                    <div class="row align-items-center">
                                        <div class="col-md-3 col-3 pr-0">
                                            <img src="{{asset('assets/frontend/images/About-Stat4.png')}}" class="stat-img" alt="">
                                        </div>
                                        <div class="col-md-9 col-9">
                                           <h2>28</h2>
                                            <p>Active States</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="text-center">
                            <a type="button" href="{{url('/sign-in-spoc')}}" class="btn order-btn mt-sm-5 mt-4">SIGN UP FOR FREE</a>
                        </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>Our Responsibilities</h2>
                            <h6>Ensuring ease of commerce for our clients on a daily basis</h6>
                        </div>
                    </div>
                </div>

                <div class="row justify-content-center mt-sm-5 mt-3">
                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="support-box support-boxnew text-center">
                                    <div class="about-img mt-sm-4 mb-2">
                                        <img src="{{asset('assets/frontend/images/Responsibilities1.png')}}" alt="">
                                    </div>
                                    <h6>Online Integration</h6>
                                    <p>We have an easy integration available for our customer that allows to upload and order tracking facility at your ease</p>
                                </div>
                            </div>
                            <div class="col-md-6 mt-sm-0 mt-4">
                                <div class="support-box support-boxnew text-center">
                                    <div class="about-img mt-sm-4 mb-2">
                                        <img src="{{asset('assets/frontend/images/Responsibilities2.png')}}" alt="">
                                    </div>
                                    <h6>Secured User Data</h6>
                                    <p>We have a secured system to protect customer data & user access and provide an alert mechanism for any anticipated fraudulent transaction</p>
                                </div>
                            </div>

                            <div class="col-md-6 mt-4">
                                <div class="support-box support-boxnew text-center">
                                    <div class="about-img mt-sm-4 mb-2">
                                        <img src="{{asset('assets/frontend/images/Responsibilities3.png')}}" alt="">
                                    </div>
                                    <h6>Referral Strategy</h6>
                                    <p>We render a clear strategy for referral marketing programme at all levels possible and ensure integrated social commerce at all stages</p>
                                </div>
                            </div>

                            <div class="col-md-6 mt-4">
                                <div class="support-box support-boxnew text-center">
                                    <div class="about-img mt-sm-4 mb-2">
                                        <img src="{{asset('assets/frontend/images/Responsibilities4.png')}}" alt="">
                                    </div>
                                    <h6>Dynamic & Scalable</h6>
                                    <p>We are scalable to cater growing business requirements and flexible enough to deploy new services and dynamically modify existing services</p>
                                </div>
                            </div>


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

            </div>
        </section>


        <section class="pb-sm-5 pb-4">
            <div class="container">
                <div class="integrations-sectionbg py-sm-5 py-4">
                    <div class="row justify-content-center">
                        <div class="col-md-10">
                            <div class="top-heahtext text-center mb-sm-2">
                                <h1>One Click Integrations</h1>
                            </div>
                            <div class="section-head section-headwhite text-center">
                                <h6>With Customers, LSPs and Channel Partners</h6>
                            </div>
                            <div class="text-center">
                                <a type="button" href="{{url('/sign-in-spoc')}}" class="btn sign-upbtn mt-sm-5 mt-3">START SHIPPING TODAY</a>
                            </div>
                        </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>
        <style>
            .about-heading{
                color:black!important;
            }
            .subheading{
                font-weight:700!important;
            }
            
        </style>

@endsection