@extends('layouts.master')
@section('content')
    <section id="page-title" class="page-title page-title-layout4 text-center bg-overlay bg-parallax">
        <div class="bg-img"><img src="/assets/img/page-titles/1.jpg" alt="background"></div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-12 col-xl-8 offset-xl-2">
                    <span class="pagetitle__subheading">Affordable Price, Certified Forwarders</span>
                    <h1 class="pagetitle__heading">Advanced Supply Chain Technology & Customized Logistics Solutions!
                    </h1>
                </div>
            </div>
        </div>
    </section>

    <section id="about2" class="about about-2">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6">
                    <div class="heading heading-3 mb-20 pt-60">
                        <span class="heading__subtitle">Supply Chain Technology & Customized Solutions.</span>
                        <h2 class="heading__title">Competitive Advantages For Largest Companies!</h2>
                        <p>Providing the best transport and shipping services available allover the world. Our skilled
                            personnel,
                            utilising the latest communications, tracking and processing software, combined with decades
                            of
                            experience.</p>
                    </div>
                    <ul class="list-items list-items-layout2 list-unstyled mb-30">
                        <li>Transparent Pricing, Environmental Sensitivity</li>
                        <li>24/7 Hours Support, Professional and Qualified</li>
                        <li>Real Time Tracking, Fast & Efficient Delivery</li>
                        <li>Warehouse Storage, Personalised solutions</li>
                    </ul>
                    <a href="{{ route('cargo.tracking') }}" class="btn btn__primary mr-30 mb-20">Track Shipment</a>
                </div>
                <div class="col-sm-12 col-md-9 col-lg-6">
                    <div class="about__img">
                        <img src="/assets/img/about/1.jpg" alt="about img" class="img-fluid">
                        <div class="counter-item-wrapper counters-white">
                            <div class="counter-item">
                                <div class="counter__icon">
                                    <i class="icon-box"></i>
                                </div>
                                <h4><span class="counter">6,1541</span></h4>
                                <p class="counter__desc">Delivered Goods</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
