@extends('layouts.base')

@section('title', $settings->site_title)

@inject('content', 'App\Http\Controllers\FrontController')

@section('content')




   <section id="slider" class="home-slider clearfix">
            <div class="slider-wrapper">
                <div class="flexslider clearfix">
                    <ul class="slides">
                        <li class="slide-item clearfix">
                            <div class="flex-content">
                                <video autoplay muted loop id="myVideo">
                                    <source src="temp/custom/images/slider/airplane_takeoff.mp4" type="video/mp4">
                                </video>
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="1s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="2s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="2.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/t1.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="3s">
                                                <h1>Fastest & Reliable Courier Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="4s">
                                                <p>
                                                    We offers a full range of global, ocean-freight services
                                                    including FCL, LCL and consolidation.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="4.5s">
                                                <a href="services" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/t2.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="7s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="8s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="8.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/t3.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="7s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="8s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="8.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/t4.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="7s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="8s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="8.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/t5.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="7s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="8s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="8.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/t6.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="7s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="8s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="8.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/pexels-photo-935756.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="5s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="6s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="6.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/trucks.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="7s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="8s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="8.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/slidev2_1.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="9s">
                                                <h1>Leading Global Logistics Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="10s">
                                                <p>
                                                    We offers a full range of global freight services.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="10.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/home-main.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="11s">
                                                <h1>Fastest & Reliable Courier Service</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="12s">
                                                <p>
                                                    We offers a full range of global freight services including FCL, LCL and consolidation.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="12.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="slide-item clearfix" style="background-image: url(temp/custom/images/slider/slide3.jpg);">
                            <div class="flex-content">
                                <div class="container">
                                    <div class="row">
                                        <div class="caption-wrap">
                                            <div class="caption wow fadeInUp" data-wow-delay="13s">
                                                <h1>Industry Standard Warehousing</h1>
                                            </div>
                                            <div class="caption wow fadeIn" data-wow-delay="14s">
                                                <p>
                                                    Comprehensive and scalable warehousing.
                                                </p>
                                            </div>
                                            <div class="caption wow fadeInUp" data-wow-delay="14.5s">
                                                <a href="about" class="button-normal">Learn More</a> &nbsp;&nbsp;
                                                <a href="contact" class="button-normal with-icon">
                                                    Contact Us <i class="icon icon-arrow-right"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
<section id="content" class="clearfix">
    <div class="services with-bg">
        <div class="container">
            <div class="row">
                @if (Session::has('error'))
                    <div class="col-md-12">
                        <span class='text-danger text-center'><strong>Error!!</strong> You have entered an incorrect Tracking Number.</span>
                    </div>
                @endif
                <div class="email-quote clearfix">
                    <h4>Track & Trace</h4>
                    <form method="POST" action="{{ route('trackingresult') }}" name="form" id="form">
                        @csrf
                        <div class="col-md-7">
                            <input required class="form-control" type="text" name="trackingnumber" placeholder="Tracking Number">
                        </div>
                        <div class="category_filter col-md-5 text-center">
                            <br class="hidden-xs hidden-md hidden-lg hidden-xlg">
                            <button type="submit" name="Submit" class="button-normal"><span>Track Shipment!</span></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="section-title text-center wow fadeIn">
            <h2>Our Services</h2>
        </div>

        <div class="services-wrap-carousel">
            <div class="item">
                <div class="services-content">
                    <div class="services-image" style="background-image: url(temp/custom/images/services/service1.jpg);"></div>
                    <div class="services-text">
                        <h3 class="title">Air Freight</h3>
                        <p>
                            {{$settings->site_name}}, as an IATA-endorsed air forwarder,
                            offers its customers professional and reliable global, air-freight solutions.
                        </p>
                        <a href="services" class="button-normal with-icon">
                            Read More <i class="icon icon-arrow-right"></i>
                        </a>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>

            <div class="item">
                <div class="services-content">
                    <div class="services-image" style="background-image: url(temp/custom/images/services/service2.jpg);"></div>
                    <div class="services-text">
                        <h3 class="title">Sea/Ocean Freight</h3>
                        <p>
                            We offer international ocean freight shipping import and export services.
                            Full container loads or less than container LCL shipments, port to port or door to door.
                        </p>
                        <a href="services" class="button-normal with-icon">
                            Read More <i class="icon icon-arrow-right"></i>
                        </a>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>

            <div class="item">
                <div class="services-content">
                    <div class="services-image" style="background-image: url(temp/custom/images/services/service3.jpg);"></div>
                    <div class="services-text">
                        <h3 class="title">Road Transportation</h3>
                        <p>
                            Highly experienced and dependable, {{$settings->site_name}} is a trusted
                            partner in domestic road transportation, offering expert...
                        </p>
                        <a href="services" class="button-normal with-icon">
                            Read More <i class="icon icon-arrow-right"></i>
                        </a>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>

            <div class="item">
                <div class="services-content">
                    <div class="services-image" style="background-image: url(temp/custom/images/services/service4.jpg);"></div>
                    <div class="services-text">
                        <h3 class="title">Diplomatic Bag and Secure Logistics</h3>
                        <p>
                            Our service is global, send and receive mail and equipment around the
                            world securely with complete confidence.
                        </p>
                        <a href="diplomatic-bag-and-secure-logistics" class="button-normal with-icon">
                            Read More <i class="icon icon-arrow-right"></i>
                        </a>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>

            <div class="item">
                <div class="services-content">
                    <div class="services-image" style="background-image: url(temp/custom/images/services/service5.jpg);"></div>
                    <div class="services-text">
                        <h3 class="title">Warehousing</h3>
                        <p>
                            We offer shared and dedicated warehousing solutions supported by state of
                            the art technology to as part of our suite of warehouse services.
                        </p>
                        <a href="services" class="button-normal with-icon">
                            Read More <i class="icon icon-arrow-right"></i>
                        </a>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>

            <div class="item">
                <div class="services-content">
                    <div class="services-image" style="background-image: url(temp/custom/images/services/service6.jpg);"></div>
                    <div class="services-text">
                        <h3 class="title">Packaging & Storage</h3>
                        <p>
                            Whether its client's shipments comprise raw materials, electronics or
                            finished goods, we offers the right level of storage and cargo insurance...
                        </p>
                        <a href="services" class="button-normal with-icon">
                            Read More <i class="icon icon-arrow-right"></i>
                        </a>
                    </div>
                    <div class="overlay"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="features wrapper">
        <div class="container">
            <div class="row">
                <div class="section-title text-center wow fadeIn">
                    <h2>Why Choose Us</h2>
                </div>
                <div class="features-wrap row">
                    <div class="col-md-4">
                        <div class="features-item wow fadeInUp" data-wow-delay="0.5s">
                            <div class="icon-wrap">
                                <i class="fa fa-mouse-pointer"></i>
                            </div>
                            <div class="text">
                                <h4>Track & Trace</h4>
                                <p>Fast way to check the status of your shipment.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="features-item wow fadeInUp" data-wow-delay="0.8s">
                            <div class="icon-wrap">
                                <i class="fa fa-home"></i>
                            </div>
                            <div class="text">
                                <h4>Secure Warehousing</h4>
                                <p>We leverages a network of operational warehousing facilities.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="features-item wow fadeInUp" data-wow-delay="1.2s">
                            <div class="icon-wrap">
                                <i class="fa fa-plane"></i>
                            </div>
                            <div class="text">
                                <h4>Express Delivery</h4>
                                <p>We service your shipments via a diverse operating infrastructure.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="features-wrap row">
                    <div class="col-md-4">
                        <div class="features-item wow fadeInUp" data-wow-delay="1.3s">
                            <div class="icon-wrap">
                                <i class="fa fa-truck"></i>
                            </div>
                            <div class="text">
                                <h4>Domestic Services</h4>
                                <p>We deliver on the next Business day, time sensitive parcels.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="features-item wow fadeInUp" data-wow-delay="1.6s">
                            <div class="icon-wrap">
                                <i class="fa fa-globe"></i>
                            </div>
                            <div class="text">
                                <h4>Global Coverage</h4>
                                <p>US, Europe & Worldwide By Sea & Air We offer a broad range of worldwide freight service.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="features-item wow fadeInUp" data-wow-delay="1.9s">
                            <div class="icon-wrap">
                                <i class="fa fa-headphones"></i>
                            </div>
                            <div class="text">
                                <h4>Dedicated Support</h4>
                                <p>Any questions? Get great 24/7 online support and advice from our <a href="contact">contact page</a>.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="testimonial wrapper with-bg">
        <div class="container">
            <div class="row">
                <div class="section-title text-center wow fadeIn">
                    <h2>Testimonials</h2>
                </div>
                <div class="owl-carousel wow fadeIn" data-wow-delay="0.5s">
                    <div class="testimonial-item">
                        <p>
                            Given my past experiences with other drayage/logistic companies,
                            I can say without exception that the services provided by {{$settings->site_name}} greatly exceed the industry standards.
                        </p>
                        <div class="client-info">
                            <div class="client-details">
                                <h3>Monique Pete</h3>
                                <p>Logistics Manager, Martrax Inc.</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-item">
                        <p>
                            More than once, {{$settings->site_name}} has 'saved the day', delivering our cargo
                            on time with short notice. They have won my gratitude and my loyalty with their 'can do'
                            approach to helping clients.
                        </p>
                        <div class="client-info">
                            <div class="client-details">
                                <h3>Steve Anderson</h3>
                                <p>President/Owner, Duplication Factory</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-item">
                        <p>
                            "I am very pleased with the service provided by {{$settings->site_name}}.
                            They find good carriers and use them regularly so we get a high level of service.
                            Their communication and problem solving are outstanding."
                        </p>
                        <div class="client-info">
                            <div class="client-details">
                                <h3>Cathy Beckman</h3>
                                <p>Logistics Team, Oxea Chemicals</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="our-partner">
                    <div class="partner-logo col-md-15 wow fadeIn" data-wow-delay="0.3s">
                        <img src="temp/custom/images/content/partner-01.png" alt="Partner Logo">
                    </div>
                    <div class="partner-logo col-md-15 wow fadeIn" data-wow-delay="0.6s">
                        <img src="temp/custom/images/content/partner-02.png" alt="Partner Logo">
                    </div>
                    <div class="partner-logo col-md-15 wow fadeIn" data-wow-delay="0.9s">
                        <img src="temp/custom/images/content/partner-03.png" alt="Partner Logo">
                    </div>
                    <div class="partner-logo col-md-15 wow fadeIn" data-wow-delay="1.2s">
                        <img src="temp/custom/images/content/partner-04.png" alt="Partner Logo">
                    </div>
                    <div class="partner-logo col-md-15 wow fadeIn" data-wow-delay="1.5s">
                        <img src="temp/custom/images/content/partner-05.png" alt="Partner Logo">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="counter-section wrapper">
        <div class="container">
            <div class="row">
                <div class="counter-wrap row">
                    <div class="counter-item col-md-15 wow fadeInUp" data-wow-delay="0.2s">
                        <h2 class="counter">101,273</h2>
                        <div class="counter-details">
                            <p class="heading">Delivered Packages</p>
                        </div>
                    </div>
                    <div class="counter-item col-md-15 wow fadeInUp" data-wow-delay="0.4s">
                        <h2 class="counter">673,754</h2>
                        <div class="counter-details">
                            <p class="heading">KM Per Year</p>
                        </div>
                    </div>
                    <div class="counter-item col-md-15 wow fadeInUp" data-wow-delay="0.6s">
                        <h2 class="counter">11</h2>
                        <div class="counter-details">
                            <p class="heading">Years of Experience</p>
                        </div>
                    </div>
                    <div class="counter-item col-md-15 wow fadeInUp" data-wow-delay="0.8s">
                        <h2 class="counter">16,714</h2>
                        <div class="counter-details">
                            <p class="heading">Happy Clients</p>
                        </div>
                    </div>
                    <div class="counter-item col-md-15 wow fadeInUp" data-wow-delay="1s">
                        <h2 class="counter">8</h2>
                        <div class="counter-details">
                            <p class="heading">Awards</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection