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

        <section class="hero-section  carrier-sectionbg">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-11">
                        <div class="top-heahtext text-center">
                            <h1>Choose your most suitable <br class="d-sm-block d-none"> carrier partner</h1>
                        </div>

                        <div class="text-center">
                            <a type="button" href="{{url('/sign-in-spoc')}}" class="btn sign-upbtn mt-sm-5 mt-4">GET STARTED</a>
                        </div>

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

      <section class="py-sm-5 py-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12 pt-sm-3">
                    <div class="section-head text-center">
                        <h2>Top Courier Partners Integrated With EOLAC</h2>
                        <h6>Ensuring ease of commerce for our clients on a daily basis</h6>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-md-10">
                    <div class="row mt-sm-5 mt-3">
                        <div class="col-md-4">
                            <div class="support-box support-boxnew">
                               
                                <div class="carrier-box my-sm-3">
                                    <img src="{{asset('assets/frontend/images/mpcl_logo.jpg')}}" alt="">
                                </div>
                              
                                <h6>MPCL</h6>
                                <div id="text-container">
                                    <p>Established in 2005 and having never looked back since, MPCL has a freight operation in India to service all your logistical needs. No matter where you are in India, or </p>
                                    <div class="more-text1 more-text-hide"> <P>what you need to transport, we deliver.
                                    It is our daily endeavor to deliver any package, no matter how big, or how small, to every doorstep in every corner of India.</P>
                                    </div>
                                    <h4 class="read-more" id="show-more1">Read More</h4>
                                </div>
                            </div>
                        </div>

                        <!-- <div class="col-md-2 mt-3 mt-sm-0">
                        </div> -->

                        <div class="col-md-4 mt-3 mt-sm-0">
                            <div class="support-box support-boxnew">
                               
                                <div class="carrier-box my-sm-3">
                                    <img src="{{asset('assets/frontend/images/Dehlivery.png')}}" alt="">
                                </div>
                              
                                <h6>Delhivery</h6>
                                <div id="text-container">
                                    <p>India’s largest fully integrated logistics provider. Delhivery aims to build the operating system for commerce, through a combination of world-class infrastructure, logistics</p>
                                    <div class="more-text2 more-text-hide"> <P> operations of the highest quality, and cutting-edge engineering and technology capabilities.
Since its inception in 2011, our team has successfully fulfilled over 2 billion orders across India. We have built a nationwide network with a presence in every state, servicing over 18,500 pin codes. 24 automated sort centers, 94 gateways, 2880 direct delivery centers, and a team of over 57,000 people make it possible for us to deliver 24 hours a day, 7 days a week, 365 days a year</P>
                                    </div>
                                    <h4 class="read-more" id="show-more2">Read More</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 mt-3 mt-sm-0">
                            <div class="support-box support-boxnew">
                               
                                <div class="carrier-box my-sm-3">
                                    <img src="{{asset('assets/frontend/images/JHT_Logo.png')}}" alt="">
                                </div>
                              
                                <h6>JHT</h6>
                                <div id="text-container">
                                    <p>Jai Hanuman Transport Pvt Ltd is a transportation company that provides dedicated fleet and hub model services to the eastern region of India.With over 12 years of experience, </p>
                                    <div class="more-text3 more-text-hide"> <P>we have a proven track record of success in providing our customers with the best possible service. Our hub-and-spoke operating model enables us to offer our customers a wider range of services, more competitive pricing, and faster delivery times.

    Safe, Secure, and Speed is the way we go about our business.
    Safe, Secure, and Speed: Jai Hanuman Transport’s Passion</P>
                                    </div>
                                    <h4 class="read-more" id="show-more3">Read More</h4>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
      </section>

      <section class="py-sm-5 pb-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-head text-center">
                        <h2>Sellers speaking about us</h2>
                    </div>
                </div>
            </div>

            <div class="row justify-content-center mt-sm-5 mt-3">
                <div class="col-md-10">

                    <div class="threeCollection owl-carousel">
                        <div class="item">
                            <div class="clients-aboutbox">
                                <div class="row">
                                    <div class="col-md-2 mb-2 mb-sm-0 partner">
                                      <div class="clients-userpic">
                                                <img src="{{asset('assets/frontend/images/website_user_avtar.png')}}" alt="">
                                            </div>
                                    </div>
                                    <div class="col-md-9 pl-sm-0">
                                        <p>"EOLAC's LSP portal revolutionizes logistics pricing with competitive rates, a breath of fresh air in the industry. Their cost-effectiveness and efficient solutions make them my preferred choice for shipping, ensuring a win-win for my business with a delightful pricing structure." </p>
                                            <h6>Chetna Creations</h6>
                                            <h5>Faridabad</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="clients-aboutbox">
                                <div class="row">
                                    <div class="col-md-2 mb-2 mb-sm-0 partner">
                                       <div class="clients-userpic">
                                                <img src="{{asset('assets/frontend/images/website_user_avtar.png')}}" alt="">
                                            </div>
                                    </div>
                                    <div class="col-md-9 pl-sm-0">
                                        <p>"EOLAC's LSP portal surprised with transparent, competitive rates—ideal for informed logistics decisions. Their cost-effective approach offers quality service without straining budgets, making them a top choice for budget-friendly logistics solutions." </p>
                                            <h6>Global Exports LLP</h6>
                                            <h5>Moradabad, UP.</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="clients-aboutbox">
                                <div class="row">
                                    <div class="col-md-2 mb-2 mb-sm-0 partner">
                                        <div class="clients-userpic">
                                                <img src="{{asset('assets/frontend/images/website_user_avtar.png')}}" alt="">
                                            </div>
                                    </div>
                                    <div class="col-md-9 pl-sm-0">
                                        <p>"EOLAC's LSP portal blends competitive pricing with service excellence. Their unwavering commitment to efficiency, timely deliveries, and outstanding results sets them apart, making EOLAC my trusted choice for logistics solutions."</p>
                                            <h6>Megma Logistics Services</h6>
                                            <h5>Lucknow, UP</h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="clients-aboutbox">
                                <div class="row">
                                    <div class="col-md-2 mb-2 mb-sm-0 partner">
                                       <div class="clients-userpic">
                                                <img src="{{asset('assets/frontend/images/website_user_avtar.png')}}" alt="">
                                            </div>
                                    </div>
                                    <div class="col-md-9 pl-sm-0">
                                        <p>"EOLAC, via their LSP portal, deserves praise for exceptional handling and punctual delivery. Entrusting them with my shipments, I've consistently witnessed a remarkable blend of care and efficiency, reinforcing their status as a reliable choice."</p>
                                            <h6>Logistics Head, Sriram Toys Industries</h6>
                                            <h5>Indore, MP</h5>
                                    </div>
                                </div>
                            </div>
                        </div>                    
                    </div>

                </div>
            </div>

            <div class="text-center mt-sm-4 mt-3">
                <a type="button" href="{{url('/sign-in-spoc')}}" class="btn features-btn mr-2">GET IN TOUCH</a>
                <a type="button" href="{{url('/sign-in-spoc')}}" class="btn signin-btn">SIGN UP TODAY</a>
            </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>
        /* Initially, hide the extra text */
        .more-text1{
            display: none;
        }.more-text2{
            display: none;
        }.more-text3{
            display: none;
        }
        .read-more{
            cursor: pointer;
        }

        .partner{
            padding:1px;
        }



        .top-heahtext {  
            background: #0000004d;
            width: 70%;
            margin: 0 auto;
            border-radius: 10px;
            padding: 20px; }
    </style>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const moreText1 = document.querySelector(".more-text1");
            const showMoreButton1 = document.getElementById("show-more1");

            let isShowingMore1 = false;

            showMoreButton1.addEventListener("click", function () {
                if (isShowingMore1) {
                    moreText1.style.display = "none";
                    showMoreButton1.textContent = "Show More";
                } else {
                    moreText1.style.display = "block";
                    showMoreButton1.textContent = "Show Less";
                }

                isShowingMore1 = !isShowingMore1;
            });

            const moreText2 = document.querySelector(".more-text2");
            const showMoreButton2 = document.getElementById("show-more2");

            let isShowingMore2 = false;

            showMoreButton2.addEventListener("click", function () {
                if (isShowingMore2) {
                    moreText2.style.display = "none";
                    showMoreButton2.textContent = "Show More";
                } else {
                    moreText2.style.display = "block";
                    showMoreButton2.textContent = "Show Less";
                }
                isShowingMore2 = !isShowingMore2;
            });
            const moreText3 = document.querySelector(".more-text3");
            const showMoreButton3 = document.getElementById("show-more3");

            let isShowingMore3 = false;

            showMoreButton3.addEventListener("click", function () {
                if (isShowingMore3) {
                    moreText3.style.display = "none";
                    showMoreButton3.textContent = "Show More";
                } else {
                    moreText3.style.display = "block";
                    showMoreButton3.textContent = "Show Less";
                }
                isShowingMore3 = !isShowingMore3;
            });
        });
    </script>
@endsection