@extends('layouts.app')


@section('content')
    <div class="hero-section">
        <div class="hero-single">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7 col-xl-7">
                        <div class="hero-content">
                            <h6 class="hero-sub-title">Customs Clearance Services - Customs Declaration Services</h6>
                            <h1 class="hero-title">
                                Get your <span>customs documents</span> in just 3 steps.
                            </h1>
                            <p>
                                You no longer have to worry about customs documents. The AICO application offers you an
                                professional service for the approval and release of customs documents, so that your imports
                                and exports have the best possible flow.</p>

                            <div class="col-lg-3">
                                <a href="/Register" class="btn btn-primary btn-lg">JOIN NOW</a>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-5 col-xl-5">
                        <div class="hero-right">
                            <div class="hero-img">
                                <img src="/assets/img/mainbg.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>




    <div class="about-area pb-120 mb-30 bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="about-img">
                        <img src="/assets/img/about.png" alt="">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-right">
                        <div class="site-heading mb-3">
                            <span class="site-title-tagline">About Us</span>
                            <h2 class="site-title">Get the Best Job That <span>Fits You And We Create</span> Unique
                                Experiences</h2>
                        </div>
                        <p class="about-text">There are many variations of passages of Lorem Ipsum available,
                            but the majority have suffered alteration in some form by injected humour or
                            randomised content of a page when looking at its layout words which don't look even.</p>
                        <div class="about-list-wrapper">
                            <ul class="about-list list-unstyled">
                                <li>
                                    <div class="about-icon"><span class="fas fa-check-circle"></span></div>
                                    <div class="about-list-text">
                                        <p>Take a look at our round up of the best shows</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-icon"><span class="fas fa-check-circle"></span></div>
                                    <div class="about-list-text">
                                        <p>Lorem Ipsum has been the ndustry standard dummy text</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-icon"><span class="fas fa-check-circle"></span></div>
                                    <div class="about-list-text">
                                        <p>It has survived not only five centuries</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <a href="about.html" class="theme-btn">Read More <i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="process-area py-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline">Process</span>
                        <h2 class="site-title">How It Works</h2>
                        <p>Find The Type Of Work You Need And Ready To Start</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-lg-4 col-xl-4">
                    <div class="process-item">
                        <span class="process-count">01</span>
                        <div class="process-icon">
                            <i class="fal fa-sign-in"></i>
                        </div>
                        <div class="process-content">
                            <h5>Sign Up Account</h5>
                            <p>It is a long established fact that the reader will be distracted readable. </p>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4 col-xl-4">
                    <div class="process-item">
                        <span class="process-count">02</span>
                        <div class="process-icon">
                            <i class="fal fa-briefcase"></i>
                        </div>
                        <div class="process-content">
                            <h5>Apply For Customs</h5>
                            <p>It is a long established fact that the reader will be distracted readable. </p>
                        </div>
                    </div>
                </div>


                <div class="col-md-6 col-lg-4 col-xl-4">
                    <div class="process-item">
                        <span class="process-count">03</span>
                        <div class="process-icon">
                            <i class="fal fa-file-user"></i>
                        </div>
                        <div class="process-content">
                            <h5>Documents released</h5>
                            <p>It is a long established fact that the reader will be distracted readable. </p>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>




    <div class="cta-area pb-120">
        <div class="container">
            <div class="cta-wrapper">
                <div class="row">
                    <div class="col-lg-7 mx-auto">
                        <div class="cta-content">
                            <h1>Get Your Clearance With Us</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet leo tris commodo
                                leo sed, scelerisque turpis. Ut in finibus tellus. </p>
                            <a href="#" class="theme-btn">Register Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="blog-area pb-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline">Our Blog</span>
                        <h2 class="site-title">Latest News & Blog</h2>
                        <p>Fresh Job Related News And Tips Content Posted Each Day</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item">
                        <div class="blog-item-img">
                            <img src="/assets/img/blog/01.jpg" alt="Thumb">
                        </div>
                        <div class="blog-item-info">
                            <h5 class="blog-title">
                                <a href="#">There are many variations of the passages available suffered</a>
                            </h5>
                            <div class="blog-item-meta">
                                <ul>
                                    <li><a href="#"><i class="far fa-user-circle"></i> By Alicia Davis</a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> August 30, 2022</a></li>
                                </ul>
                            </div>
                            <p>
                                There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form.
                            </p>
                            <a href="#" class="theme-btn">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item">
                        <div class="blog-item-img">
                            <img src="/assets/img/blog/02.jpg" alt="Thumb">
                        </div>
                        <div class="blog-item-info">
                            <h5 class="blog-title">
                                <a href="#">There are many variations of the passages available suffered</a>
                            </h5>
                            <div class="blog-item-meta">
                                <ul>
                                    <li><a href="#"><i class="far fa-user-circle"></i> By Alicia Davis</a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> August 30, 2022</a></li>
                                </ul>
                            </div>
                            <p>
                                There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form.
                            </p>
                            <a href="#" class="theme-btn">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-4">
                    <div class="blog-item">
                        <div class="blog-item-img">
                            <img src="/assets/img/blog/03.jpg" alt="Thumb">
                        </div>
                        <div class="blog-item-info">
                            <h5 class="blog-title">
                                <a href="#">There are many variations of the passages available suffered</a>
                            </h5>
                            <div class="blog-item-meta">
                                <ul>
                                    <li><a href="#"><i class="far fa-user-circle"></i> By Alicia Davis</a></li>
                                    <li><a href="#"><i class="far fa-calendar-alt"></i> August 30, 2022</a></li>
                                </ul>
                            </div>
                            <p>
                                There are many variations of passages of Lorem Ipsum available, but the majority have
                                suffered alteration in some form.
                            </p>
                            <a href="#" class="theme-btn">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection