@extends('layouts.master')
@section('content')
    <section id="slider1" class="slider slider-1">
        <div class="owl-carousel thumbs-carousel carousel-arrows" data-slider-id="slider1" data-dots="false"
            data-autoplay="true" data-nav="true" data-transition="fade" data-animate-out="fadeOut" data-animate-in="fadeIn">
            <div class="slide-item align-v-h bg-overlay">
                <div class="bg-img">
                    <img src="/assets/img/sliders/5.jpg" alt="slide img" />
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-8">
                            <div class="slide__content">
                                <h2 class="slide__title">
                                    Fast, Certified & Flexible Solutions.
                                </h2>
                                <p class="slide__desc">
                                    By leveraging integrated supply chain solutions, we cultivate sustainable competitive
                                    advantages for some of the world's largest enterprises. Our strategic approach extends
                                    across the global landscape, contributing to the success and resilience of prominent
                                    companies worldwide.
                                </p>
                                <a href="{{ route('cargo.tracking') }}" class="btn btn__primary btn__hover2 mr-30">Track &
                                    Trace</a>
                                <a href="{{ route('about') }}" class="btn btn__white">Read More</a>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="slide-item align-v-h bg-overlay">
                <div class="bg-img">
                    <img src="/assets/img/sliders/4.jpg" alt="slide img" />
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-8">
                            <div class="slide__content">
                                <h2 class="slide__title">
                                    Affordable Price & Great Solutions.
                                </h2>
                                <p class="slide__desc">
                                    Empowered by seamlessly integrated supply chain solutions, we fortify enduring
                                    competitive advantages for leading corporations globally. Our strategic initiatives span
                                    the expanse of the world's largest enterprises, delivering sustainable value and
                                    operational excellence.
                                </p>
                                <a href="{{ route('cargo.tracking') }}" class="btn btn__primary btn__hover2 mr-30">Track
                                    Shipment</a>
                                <a href="{{ route('services') }}" class="btn btn__primary btn__hover2">Our
                                    Services</a>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="slide-item align-v-h bg-overlay">
                <div class="bg-img">
                    <img src="/assets/img/sliders/1.jpg" alt="slide img" />
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-8">
                            <div class="slide__content">
                                <h2 class="slide__title">Solutions Matches Your Needs.</h2>
                                <p class="slide__desc">
                                    Tailoring solutions to precisely meet your needs is at the heart of our commitment. We
                                    adeptly align integrated supply chain solutions with your unique requirements, ensuring
                                    a seamless fit that harmonizes with your distinct business challenges and objectives.
                                </p>
                                <a href="" class="btn btn__primary btn__hover2 mr-30">Track Shipment</a>
                                <a href="{{ route('services') }}" class="btn btn__primary btn__hover2">Our
                                    Services</a>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="slide-item align-v-h bg-overlay">
            <div class="bg-img">
                <img src="/assets/img/sliders/3.jpg" alt="slide img" />
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-8">
                        <div class="slide__content">
                            <h2 class="slide__title">
                                Affordable Price, Certified experts &
                            </h2>
                            <p class="slide__desc">
                                Through integrated supply chain solutions, our drives
                                sustainable competitive advantages to some of the largest
                                companies allover the world.
                            </p>
                            <a href="{{ route('cargo.tracking') }}" class="btn btn__primary btn__hover2 mr-30">Track
                                Shipment</a>
                        </div>

                    </div>

                </div>

            </div>

        </div>

        </div>
    </section>

    <section id="services" class="services pb-80">
        <div class="container">
            <div class="row heading heading-2 mb-40">
                <div class="col-sm-12 col-md-12 col-lg-12">
                    <span class="heading__subtitle">Professional Services</span>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6">
                    <h2 class="heading__title">Logistics and Delivery Services</h2>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6 ">
                    <p class="heading__desc">Our professional services are designed to help you save time and money while
                        ensuring your goods are delivered safely and efficiently. Take advantage of our expertise and let us
                        handle your logistics and delivery needs.</p>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-sm-6 col-md-6 col-lg-4">
                    <div class="service-item">
                        <div class="service__icon"><i class="icon-air-freight"></i></div>
                        <div class="service__content">
                            <h4 class="service__title">Air Freight</h4>
                            <p class="service__desc">We offer fast and reliable air freight services to get your goods
                                delivered quickly and efficiently.</p>
                            <a href="{{ route('services') }}" class="btn btn__white">
                                <span>Read More</span><i class="icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-6 col-lg-4">
                    <div class="service-item">
                        <div class="service__icon"><i class="icon-cargo-ship"></i></div>
                        <div class="service__content">
                            <h4 class="service__title">Ocean Freight</h4>
                            <p class="service__desc">Our ocean freight services are designed to help you save money while
                                still getting your goods delivered on time.</p>
                            <a href="{{ route('services') }}" class="btn btn__white">
                                <span>Read More</span><i class="icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-6 col-lg-4">
                    <div class="service-item">
                        <div class="service__icon"><i class="icon-truck"></i></div>
                        <div class="service__content">
                            <h4 class="service__title">Road Freight</h4>
                            <p class="service__desc">Our road freight services are designed to get your goods delivered
                                quickly and efficiently, while still saving you money.</p>
                            <a href="{{ route('services') }}" class="btn btn__white">
                                <span>Read More</span><i class="icon-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="fancyboxCarousel" class="fancybox-layout4 fancybox-carousel bg-overlay bg-overlay-gradient-secondary-2">
        <div class="bg-img">
            <img src="/assets/img/backgrounds/5.jpg" alt="background" />
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
                    <div class="heading text-center mb-40">
                        <span class="heading__subtitle">Our Features</span>
                        <h2 class="heading__title color-white">Why Choose Us!</h2>
                        <p class="heading__desc">
                            In today's intricate and unpredictable world, we persistently pursue the same visionary
                            commitment. Each day, we diligently strive to cultivate the trust of our customers through
                            unwavering dedication and a steadfast commitment to our shared vision.
                        </p>
                    </div>

                </div>

            </div>

            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12">
                    <div class="carousel owl-carousel carousel-arrows" data-slide="4" data-slide-md="2"
                        data-slide-sm="1" data-autoplay="true" data-nav="true" data-dots="false" data-space="20"
                        data-loop="true" data-speed="800">

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-wallet"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Transparent Pricing</h4>
                                <p class="fancybox__desc">
                                    International supply chains involves challenging
                                    regulations.
                                </p>
                            </div>

                        </div>

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-search"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Real-Time Tracking</h4>
                                <p class="fancybox__desc">
                                    Ensure customers’ supply chains are fully compliant by
                                    practices.
                                </p>
                            </div>

                        </div>

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-trolley"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Warehouse Storage</h4>
                                <p class="fancybox__desc">
                                    Depending on your product, we provide warehouse
                                    activities.
                                </p>
                            </div>

                        </div>

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-package-6"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Security For Cargo</h4>
                                <p class="fancybox__desc">
                                    High security requirements and are certified to local
                                    standards.
                                </p>
                            </div>

                        </div>

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-payment-method"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Easy Payment Methods</h4>
                                <p class="fancybox__desc">
                                    You can make use the easy payment options, listed below.
                                </p>
                            </div>

                        </div>

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-delivery-4"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Fast & Efficient Delivery</h4>
                                <p class="fancybox__desc">
                                    We enhance our operations by relieving you of the worries.
                                </p>
                            </div>

                        </div>

                        <div class="fancybox-item">
                            <div class="fancybox__icon">
                                <i class="icon-wishlist"></i>
                            </div>

                            <div class="fancybox__content">
                                <h4 class="fancybox__title">Personalized solutions</h4>
                                <p class="fancybox__desc">
                                    We continue to pursue that same vision in today's complex
                                    solutions.
                                </p>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12 text-center">
                    <p class="text__link mb-0">
                        Working every day to earn our customers’ trust.
                        <a href="#" class="color-theme">Get Started!</a>
                    </p>
                </div>

            </div>

        </div>

    </section>

    <section id="testimonial" class="testimonial testimonial-1 text-center pt-80 pb-70">
        <div class="bg-img">
            <img src="/assets/img/backgrounds/2.png" alt="background" />
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 offset-lg-3">
                    <div class="heading mb-50">
                        <span class="heading__subtitle">What Peoples Say!</span>
                        <h2 class="heading__title">Testimonials</h2>
                    </div>

                </div>

            </div>

            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-10 offset-lg-1">
                    <div class="carousel owl-carousel carousel-arrows carousel-dots" data-slide="1" data-slide-md="1"
                        data-slide-sm="1" data-autoplay="true" data-nav="true" data-dots="true" data-space="0"
                        data-loop="true" data-speed="800">

                        <div class="testimonial-item">
                            <div class="testimonial__thumb">
                                <img src="/assets/img/testimonials/thumbs/1.jpg" alt="author thumb" />
                            </div>

                            <div class="testimonial__content">
                                <p class="testimonial__desc">
                                    "Working with <span class="font-weight-bold">{{ config('app.name') }}</span> has been a
                                    game-changer for our business. Their professional logistics and delivery solutions have
                                    allowed us to focus on our core business, while they handle all our logistical needs. We
                                    have seen a significant reduction in costs and an increase in customer satisfaction."
                                </p>
                            </div>

                            <div class="testimonial__meta">
                                {{-- <img src="/assets/img/testimonials/signature.png" alt="signature" /> --}}
                                {{-- <p class="testimonial__meta-desc">John Smith, ABC Company</p> --}}
                            </div>

                        </div>

                        <div class="testimonial-item">
                            <div class="testimonial__thumb">
                                <img src="/assets/img/testimonials/thumbs/1.jpg" alt="author thumb" />
                            </div>

                            <div class="testimonial__content">
                                <p class="testimonial__desc">
                                    "The team at <span class="font-weight-bold">{{ config('app.name') }}</span> are true
                                    professionals. They have helped us streamline our logistics and delivery operations,
                                    allowing us to focus on growing our business. We have seen a significant reduction in
                                    costs and an increase in customer satisfaction."
                                </p>
                            </div>

                            <div class="testimonial__meta">
                                {{-- <img src="/assets/img/testimonials/signature.png" alt="signature" /> --}}
                                {{-- <p class="testimonial__meta-desc">Jane Doe, DEF Company</p> --}}
                            </div>

                        </div>

                    </div>
                </div>

            </div>

        </div>

    </section>

    <section id="clients1" class="clients clients-1 border-top">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12">
                    <div class="carousel owl-carousel" data-slide="6" data-slide-md="4" data-slide-sm="2"
                        data-autoplay="true" data-nav="false" data-dots="false" data-space="20" data-loop="true"
                        data-speed="700">
                        <div class="client">
                            <a href="#"><img src="/assets/img/clients/9.png" alt="client" /></a>
                        </div>

                        <div class="client">
                            <a href="#"><img src="/assets/img/clients/10.png" alt="client" /></a>
                        </div>

                        <div class="client">
                            <a href="#"><img src="/assets/img/clients/11.png" alt="client" /></a>
                        </div>

                        <div class="client">
                            <a href="#"><img src="/assets/img/clients/12.png" alt="client" /></a>
                        </div>

                        <div class="client">
                            <a href="#"><img src="/assets/img/clients/13.png" alt="client" /></a>
                        </div>

                        <div class="client">
                            <a href="#"><img src="/assets/img/clients/11.png" alt="client" /></a>
                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

    <section id="banner3" class="banner banner-3 p-0 bg-theme">
        <div class="container-fluid col-padding-0">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 background-banner bg-overlay">
                    <div class="bg-img">
                        <img src="/assets/img/banners/7.jpg" alt="background" />
                    </div>
                </div>

                <div class="col-sm-12 col-md-12 col-lg-6">
                    <div class="inner-padding">
                        <div class="heading heading-3 heading-white mb-50">
                            <h2 class="heading__title">
                                Flexible Pricing Policy <br />& Decades Of Experience!
                            </h2>
                            <p class="heading__desc">
                                We believe that the services, offered by our company, should
                                satisfy the high expectations of our customers. We are
                                dedicated in creating added value for our customers by
                                implementing modern technology in our work. That is why the
                                desire of constant improvement is the driving force behind
                                our transportation business.
                            </p>
                        </div>

                        <div class="counters-white d-flex flex-wrap justify-content-between">
                            <div class="counter-item">
                                <h4><span class="counter">3,214</span><span>m</span></h4>
                                <p class="counter__desc">Clients Worldwide</p>
                            </div>
                            <div class="counter-item">
                                <h4><span class="counter">5,154</span><span>m</span></h4>
                                <p class="counter__desc">Delivered Goods</p>
                            </div>
                            <div class="counter-item">
                                <h4><span class="counter">8,845</span><span>m</span></h4>
                                <p class="counter__desc">Miles Driven</p>
                            </div>
                        </div>

                        <p class="color-white mb-20">
                            Providing the best transport and shipping services currently
                            available allover the world. Our skilled personnel, utilizing
                            the latest communications, new tracking and processing
                            software, combined with decades of experience!
                        </p>
                        <img src="/assets/img/about/singnture2.png" alt="singnture" />
                    </div>
                </div>

            </div>

        </div>

    </section>

    <section id="banner1" class="banner banner-1 p-0 bg-gray">
        <div class="container-fluid col-padding-0">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6">
                    <div class="inner-padding">
                        <div class="heading heading-3 mb-30">
                            <i class="icon-tag"></i>
                            <span class="heading__subtitle">Affordable Price, Certified Forwarders</span>
                            <h2 class="heading__title">
                                Safe, Reliable & Express Logistic Solutions That Saves Your
                                Time!
                            </h2>
                            <p class="heading__desc">
                                We pride ourselves on providing the best transport and
                                shipping services available allover the world. Our skilled
                                personnel, utilizing the latest communications, tracking and
                                processing software, combined with decades of experience.
                            </p>
                        </div>

                    </div>
                </div>

                <div class="col-sm-12 col-md-12 col-lg-6 bg-overlay background-banner">
                    <div class="bg-img">
                        <img src="/assets/img/banners/1.jpg" alt="background" />
                    </div>
                    <div class="skills skills-panel">
                        <div class="heading mb-30">
                            <h2 class="heading__title">What We Achieved!</h2>
                            <p class="heading__desc">
                                Fulfill our dedicated promise to deliver innovative &
                                dynamic solutions to our customers to fit their needs.
                            </p>
                        </div>

                        <div class="progress-item">
                            <h6 class="progress__title">Warehousing</h6>
                            <span class="progress__percentage"></span>
                            <div class="progress">
                                <div class="progress-bar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"
                                    role="progressbar"></div>
                            </div>

                        </div>

                        <div class="progress-item">
                            <h6 class="progress__title">Air Freight</h6>
                            <span class="progress__percentage"></span>
                            <div class="progress">
                                <div class="progress-bar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"
                                    role="progressbar"></div>
                            </div>

                        </div>

                        <div class="progress-item">
                            <h6 class="progress__title">Ocean Freight</h6>
                            <span class="progress__percentage"></span>
                            <div class="progress">
                                <div class="progress-bar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100"
                                    role="progressbar"></div>
                            </div>

                        </div>

                        <div class="progress-item">
                            <h6 class="progress__title">Road Freight</h6>
                            <span class="progress__percentage"></span>
                            <div class="progress">
                                <div class="progress-bar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"
                                    role="progressbar"></div>
                            </div>

                        </div>

                        <div class="progress-item">
                            <h6 class="progress__title">Supply Chain</h6>
                            <span class="progress__percentage"></span>
                            <div class="progress">
                                <div class="progress-bar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
                                    role="progressbar"></div>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>
@endsection
