
<x-layouts.page title="Home">
        <!-- banner-area -->
        <section class="banner__area banner__bg" data-background="/home-assets/img/banner/banner_bg.jpg">
            <div class="container">
                <div class="row align-items-end">
                    <div class="col-lg-6">
                        <div class="banner__content">
                            <span class="sub-title" data-aos="fade-up" data-aos-delay="200">{{ $settings->site_name }} Service Delivery</span>
                            <h2 class="title" data-aos="fade-up" data-aos-delay="400">Swift. Secure. Seamless Logistics Worldwide.</h2>
                            <p data-aos="fade-up" data-aos-delay="600">Connecting you to the world, one delivery at a time.</p>
                            <a href="/services" class="btn" data-aos="fade-up" data-aos-delay="800">Explore Our Services <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                        </div>
                    </div>
                   <div class="col-lg-6">
    <div class="banner__img">
        <img src="https://cdn.pixabay.com/photo/2017/08/07/11/23/container-2602812_1280.jpg" alt="img" data-aos="fade-left" data-aos-delay="800" style="border-radius: 12px;">
    </div>
</div>

                </div>
            </div>
          <!--  <div class="banner__shape-wrap">
                <img src="/home-assets/img/banner/banner_shape.png" alt="shape" class="rotateme">
                <img src="/home-assets/img/banner/banner_img02.png" alt="img" class="wow bounceInDown" data-wow-delay=".3s">
            </div>-->
        </section>
        <!-- banner-area-end -->

        <!-- about-area -->
        <section class="about__area pt-120 pb-120">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-lg-6 col-md-8">
                        <div class="about__img">
                            <img src="/home-assets/img/images/about_img01.png" alt="img">
                            <img src="/home-assets/img/images/about_img02.png" alt="img" data-aos="fade-right" data-aos-delay="200">
                            <img src="/home-assets/img/images/about_img03.png" alt="img" data-aos="fade-down" data-aos-delay="400">
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about__content">
                            <div class="section__title mb-15">
                                <span class="sub-title">Comprehensive Logistics and Delivery Solutions Tailored to Your Needs</span>
                                <h2 class="title">Delivering the Full Range <br> Of logistics solutions</h2>
                            </div>
                            <p>At {{ $settings->site_name }} Service Delivery, we specialize in providing end-to-end logistics services designed to meet the unique demands of our clients. Whether it’s local package deliveries, international shipping, or secure diplomatic services, our commitment to speed, precision, and reliability ensures your cargo is in safe hands. Experience seamless logistics solutions built for efficiency and excellence.</p>
                            <div class="about__content-bottom">
                                <div class="about__list-box-wrap">
                                    <div class="about__list-box">
                                        <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>
                                    <a href="/contact" class="btn">Get in Touch <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                                </div>
                                <div class="about__review-wrap">
                                    <div class="about__review-box">
                                        <div class="about__review-author">
                                            <img src="/home-assets/img/images/author01.png" alt="img">
                                            <img src="/home-assets/img/images/author02.png" alt="img">
                                            <img src="/home-assets/img/images/author03.png" alt="img">
                                            <img src="/home-assets/img/images/author04.png" alt="img">
                                        </div>
                                        <div class="review">
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                            <i class="fas fa-star"></i>
                                        </div>
                                        <span>Clients 4.7 (1,567 Reviews)</span>
                                    </div>
                                    <div class="experience__box">
                                        <h4 class="title">25</h4>
                                        <span>Years Of <br> Experience</span>
                                    </div>
                                </div>
                            </div>
                            <div class="shape">
                                <img src="/home-assets/img/images/about_shape.png" alt="shape" data-aos="fade-left" data-aos-delay="1000">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about-area-end -->

        <!-- 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 -->

        <!-- services-area -->
        <section class="services__area fix">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-8">
                        <div class="section__title mb-40">
                            <span class="sub-title">OUR BEST SERVICES</span>
                            <h2 class="title">Covering All Logistics <br> Solutions Fro you</h2>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="view-all-btn text-end mb-40">
                            <a href="services.html" class="btn btn-two">All Services <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                        </div>
                    </div>
                </div>
                <div class="row gutter-24 justify-content-center">
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                        <div class="services__item">
                            <div class="services__thumb-wrap">
                                <div class="services__thumb">
                                    <img src="/home-assets/img/services/services_img01.jpg" alt="img">
                                    <a href="/services" class="btn btn-two border-btn">Read More <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                                </div>
                                <div class="services__icon">
                                    <i class="flaticon-ship"></i>
                                </div>
                            </div>
                            <div class="services__content">
                                <h3 class="title"><a href="#">Ocean Freight</a></h3>
                                <p>Ship bulk goods globally with ease. Reliable, cost-effective, and timely delivery tailored to your needs.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                        <div class="services__item">
                            <div class="services__thumb-wrap">
                                <div class="services__thumb">
                                    <img src="/home-assets/img/services/services_img02.jpg" alt="img">
                                    <a href="/services" class="btn btn-two border-btn">Read More <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                                </div>
                                <div class="services__icon">
                                    <i class="flaticon-truck"></i>
                                </div>
                            </div>
                            <div class="services__content">
                                <h3 class="title"><a href="#">Road Freight</a></h3>
                                <p>Swift and reliable road transport for your goods. Local or cross-border, we deliver on time, every time.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                        <div class="services__item">
                            <div class="services__thumb-wrap">
                                <div class="services__thumb">
                                    <img src="/home-assets/img/services/services_img03.jpg" alt="img">
                                    <a href="/services" class="btn btn-two border-btn">Read More <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                                </div>
                                <div class="services__icon">
                                    <i class="flaticon-air-freight"></i>
                                </div>
                            </div>
                            <div class="services__content">
                                <h3 class="title"><a href="#">Air Freight</a></h3>
                                <p>Global air shipping solutions for fast, reliable delivery. Reach your destination swiftly with our trusted service.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-6">
                        <div class="services__item">
                            <div class="services__thumb-wrap">
                                <div class="services__thumb">
                                    <img src="/home-assets/img/services/services_img04.jpg" alt="img">
                                    <a href="/services" class="btn btn-two border-btn">Read More <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                                </div>
                                <div class="services__icon">
                                    <i class="flaticon-train"></i>
                                </div>
                            </div>
                            <div class="services__content">
                                <h3 class="title"><a href="#">Train Freight</a></h3>
                                <p>Efficient and eco-friendly rail transport for your goods. Safe, timely delivery across long distances.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="services__shape-wrap">
                <img src="/home-assets/img/services/services_shape01.png" alt="shape" class="rotateme">
                <img src="/home-assets/img/services/services_shape02.png" alt="shape" data-aos="fade-right" data-aos-delay="400">
            </div>
        </section>
        <!-- services-area-end -->

        <!-- choose-area -->
        <section class="choose__area choose__bg" data-background="/home-assets/img/bg/vector_bg.svg">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-lg-5 col-md-10">
                        <div class="choose__img wow img-custom-anim-left animated" data-wow-duration="1.5s" data-wow-delay="0.2s">
                            <img src="/home-assets/img/images/choose_img01.jpg" alt="img">
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="choose__content">
                            <div class="section__title white-title mb-25">
                                <span class="sub-title">Why Choose Us</span>
                                <h2 class="title">Discover Why {{ $settings->site_name }} Service Delivery is Your Trusted Logistics Partner</h2>
                            </div>
                            <div class="choose__content-bottom">
                                <div class="left-side">
                                    <p>With a proven track record of excellence, we offer customized logistics solutions, unmatched reliability, and global reach to ensure your deliveries are always on time, secure, and cost-effective, no matter the destination.</p>
                                    <a href="/about" class="btn white-btn">To know more About Us <img src="/home-assets/img/icon/right_arrow.svg" alt="" class="injectable"></a>
                                </div>
                                <div class="counter__wrap">
                                    <div class="counter__item">
                                        <div class="counter__icon">
                                            <i class="flaticon-package"></i>
                                        </div>
                                        <div class="counter__content">
                                            <h2 class="count"><span class="counter-number">9.5</span>M</h2>
                                            <p>Delivered Goods</p>
                                        </div>
                                    </div>
                                    <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>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- choose-area-end -->

        <!-- marquee-area -->
        <section class="marquee__area fix">
            <div class="container-fluid p-0">
                <div class="slider__marquee clearfix marquee-wrap">
                    <div class="marquee_mode marquee__group">
                        <h6 class="marquee__item">
                            <a href="services.html"><img src="/home-assets/img/icon/star.svg" alt="" class="injectable"> Air Freight</a>
                        </h6>
                        <h6 class="marquee__item">
                            <a href="services.html"><img src="/home-assets/img/icon/star.svg" alt="" class="injectable"> Logistics</a>
                        </h6>
                        <h6 class="marquee__item">
                            <a href="services.html"><img src="/home-assets/img/icon/star.svg" alt="" class="injectable"> Delivery Service</a>
                        </h6>
                        <h6 class="marquee__item">
                            <a href="services.html"><img src="/home-assets/img/icon/star.svg" alt="" class="injectable"> Tracking</a>
                        </h6>
                        <h6 class="marquee__item">
                            <a href="services.html"><img src="/home-assets/img/icon/star.svg" alt="" class="injectable"> Warehouse</a>
                        </h6>
                    </div>
                </div>
            </div>
        </section>
        <!-- marquee-area-end -->
        <!-- video-area -->
        <section class="video__area">
            <div class="video__bg" data-background="/home-assets/img/bg/video_bg.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>
                    <div class="col-xl-5 col-lg-6">
                        <div class="video__content">
                            <div class="section__title white-title">
                                <span class="sub-title">Customer Teams & An Agile Services</span>
                                <h2 class="title">We provide the best and fastest courier services nowadays</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- video-area-end -->

        @include('partials.tracking-section')

        <!-- contact-map -->
        <div class="contact-map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d48409.69813174607!2d-74.05163325136718!3d40.68264649999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25bae694479a3%3A0xb9949385da52e69e!2sBarclays%20Center!5e0!3m2!1sen!2sbd!4v1684309529719!5m2!1sen!2sbd" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
        <!-- contact-map-end -->
</x-layouts.page>