<x-layouts.page title="About us">
<!-- breadcrumb-area -->
        <section class="breadcrumb__area breadcrumb__bg" data-background="/home-assets/img/bg/breadcrumb_bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb__content">
                            <h1 class="title">About Us</h1>
                            <nav class="breadcrumb">
                                <span property="itemListElement" typeof="ListItem">
                                    <a href="index.html">Home</a>
                                </span>
                                <span class="breadcrumb-separator"><i class="flaticon-right-arrow"></i></span>
                                <span property="itemListElement" typeof="ListItem">About Us</span>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- breadcrumb-area-end -->

        <!-- about-area -->
        <section class="about__area-two section-py-120">
            <div class="container">
                <div class="row align-items-center justify-content-center gutter-24">
                    <div class="col-lg-6 col-md-9">
                        <div class="about__img-two">
                            <img src="/home-assets/img/images/inner_about_img01.jpg" alt="img" data-aos="fade-right" data-aos-delay="400">
                            <img src="/home-assets/img/images/inner_about_img02.jpg" alt="img" data-aos="fade-up" data-aos-delay="600">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about__content-two">
                            <div class="section__title section__title-two mb-20">
                                <span class="sub-title">About {{ $settings->site_name }}</span>
                                <h2 class="title">Reliable Logistic & Transport Solutions</h2>
                            </div>
                            <p class="info-one">{{ $settings->site_name }} Service Delivery is a leading logistics provider specializing in fast, secure, and efficient shipping solutions worldwide. With years of experience in the industry, we are committed to offering tailored services that meet the unique needs of our clients. From local deliveries to international shipping and diplomatic logistics, we ensure every shipment is handled with care, precision, and on-time delivery. Our dedicated team works tirelessly to provide seamless, reliable solutions for businesses and individuals alike.</p>
                            <div class="about__content-inner">
                                <div class="about__list-box about__list-box-two">
                                    <ul class="list-wrap">
                                        <li><i class="flaticon-check"></i>Quality Control System</li>
                                        <li><i class="flaticon-check"></i>100% Satisfaction Guarantee</li>
                                        <li><i class="flaticon-check"></i>Professional and Qualified</li>
                                        <li><i class="flaticon-check"></i>Safe, Reliable And Express</li>
                                    </ul>
                                </div>
                                <div class="about__clients-box">
                                    <span>Flexible, Improved & Accelerated Solutions!</span>
                                    <div class="counter__item">
                                        <div class="counter__icon">
                                            <i class="flaticon-planet-earth"></i>
                                        </div>
                                        <div class="counter__content">
                                            <h2 class="count"><span class="counter-number">15.9</span>M</h2>
                                            <p>Clients Worldwide</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>At {{ $settings->site_name }} Service Delivery, we prioritize customer satisfaction by offering flexible and reliable delivery options to suit any need. Our diverse range of services includes air, road, ocean, and train freight, each backed by our expertise and commitment to excellence. We leverage advanced technology, a robust network, and a customer-centric approach to ensure that every delivery, whether big or small, is completed smoothly and efficiently. Trust us to handle your logistics with professionalism and care, ensuring a seamless experience from start to finish.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about-area-end -->

        <!-- features-area -->
        <section class="features__area section-pb-90">
            <div class="container">
                <div class="row justify-content-center gutter-24">
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
                        <div class="features__item">
                            <div class="features__icon">
                                <i class="flaticon-warehouse-1"></i>
                            </div>
                            <div class="features__content">
                                <h2 class="title">Warehouse</h2>
                                <p>{{ $settings->site_name }} Service Delivery offers secure and flexible warehousing services, ensuring safe storage and easy access to your goods. Our facilities are equipped to handle a wide range of products, providing reliable inventory management and fast distribution.</p>
                                <h2 class="number">01</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
                        <div class="features__item">
                            <div class="features__icon">
                                <i class="flaticon-air-freight"></i>
                            </div>
                            <div class="features__content">
                                <h2 class="title">Air Freight</h2>
                                <p>{{ $settings->site_name }} Service Delivery offers quick, secure air freight solutions for time-sensitive shipments. With global reach and streamlined processes, we ensure your goods are delivered safely and on time, no matter the distance.</p>
                                <h2 class="number">02</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="800">
                        <div class="features__item">
                            <div class="features__icon">
                                <i class="flaticon-ship"></i>
                            </div>
                            <div class="features__content">
                                <h2 class="title">Ship Cargo</h2>
                                <p>{{ $settings->site_name }} Service Delivery provides reliable cargo shipping services for both small and large shipments. With a global network and optimized routes, we ensure your cargo is transported safely and efficiently, meeting all deadlines.</p>
                                <h2 class="number">03</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="features__shape">
                <img src="/home-assets/img/images/features_shape.png" alt="shape" data-aos="fade-left" data-aos-delay="400">
            </div>
        </section>
        <!-- features-area-end -->

        <!-- video-area -->
        <section class="video__area-two section-py-140">
            <div class="video__bg video__bg-two" data-background="/home-assets/img/bg/video_bg02.jpg"></div>
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-7 col-lg-6 order-0 order-lg-2">
                        <div class="video__play-btn video__play-btn-two">
                            <a href="http://www.youtube.com/watch?v=1iIZeIy7TqM" class="play-btn popup-video"><i class="fas fa-play"></i></a>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <div class="video__content">
                            <div class="section__title white-title mb-30">
                                <span class="sub-title">Customer Teams & An Agile Services</span>
                                <h2 class="title">From Blueprint To Reality, We Deliver</h2>
                            </div>
                            <div class="progress__wrap progress__wrap-two">
                                <div class="progress__item progress__item-two">
                                    <div class="progress__item-top">
                                        <h3 class="progress__title">Successful Delivery</h3>
                                        <div class="progress-value"><span class="counter-number">82</span>%</div>
                                    </div>
                                    <div class="progress">
                                        <div class="progress-bar" style="width: 82%;"></div>
                                    </div>
                                </div>
                                <div class="progress__item progress__item-two">
                                    <div class="progress__item-top">
                                        <h3 class="progress__title">Happy Customers</h3>
                                        <div class="progress-value"><span class="counter-number">90</span>%</div>
                                    </div>
                                    <div class="progress">
                                        <div class="progress-bar" style="width: 90%;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- video-area-end -->

        <!-- counter-area -->
        <section class="counter__area counter__bg section-pt-120 section-pb-90" data-background="/home-assets/img/bg/vector_bg05.svg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter__item-two">
                            <div class="counter__icon-two">
                                <i class="flaticon-air-plane"></i>
                            </div>
                            <div class="counter__content-two">
                                <h2 class="count"><span class="counter-number">165</span>+</h2>
                                <p>Product delivery</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter__item-two">
                            <div class="counter__icon-two">
                                <i class="flaticon-parcels"></i>
                            </div>
                            <div class="counter__content-two">
                                <h2 class="count"><span class="counter-number">42</span>+</h2>
                                <p>Winning Awards</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter__item-two">
                            <div class="counter__icon-two">
                                <i class="flaticon-parcel"></i>
                            </div>
                            <div class="counter__content-two">
                                <h2 class="count"><span class="counter-number">30</span>+</h2>
                                <p>Years Experience</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter__item-two">
                            <div class="counter__icon-two">
                                <i class="flaticon-protected"></i>
                            </div>
                            <div class="counter__content-two">
                                <h2 class="count"><span class="counter-number">65</span>+</h2>
                                <p>Secure Parcel</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- brand-area -->
        <div class="brand__area">
            <div class="container">
                <div class="swiper brand-active fix">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img01.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img02.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img03.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img04.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img05.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img06.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item">
                                <img src="/home-assets/img/brand/brand_img04.png" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- brand-area-end -->
</x-layouts.page>
