@section('title') 
About Us - Januardi Logistik
@endsection 
@extends('layout')
@section('style')

@endsection 
@section('content')

<main id="main">

<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs">
  <div class="page-header d-flex align-items-center" style="background-image: url({{ asset('assets/img/cover-2.jpg')}});">
    <div class="container position-relative">
      <div class="row d-flex justify-content-center">
        <div class="col-lg-6 text-center">
          <h2>About Us</h2>
          <p>We Believe In Our Commitments To Perfectly Shipping In All Areas Of Transportation</p>
        </div>
      </div>
    </div>
  </div>
  <nav>
    <div class="container">
      <ol>
        <li><a href="{{ url('/') }}">Home</a></li>
        <li>About Us</li>
      </ol>
    </div>
  </nav>
</div><!-- End Breadcrumbs -->

    <!-- ======= About Us Section ======= -->
    <img src="{{ asset('assets/img/1216474_972-removebg-preview-kanan.png') }}" alt="pattern" style="z-index:-100 !important; position: absolute; opacity: 0.08;">
    <section id="about" class="about">
      <div class="container" data-aos="fade-up">

        <div class="section-header">
          <span>About Us</span>
          <h2>About Us</h2>

        </div>

        <div class="row gy-4">
          <div class="col-lg-6 position-relative align-self-start order-lg-last order-first" data-aos="fade-up" data-aos-delay="300">
            <img src="{{ asset('assets/img/jlog_banner.png') }}" class="img-fluid rounded w-100" alt="Profile">
          </div>
          <div class="col-md-6 content order-last  order-lg-first">
            <p style="text-indent: 10%;" data-aos="fade-up" data-aos-delay="100">
              Januardi Logistik was established in 1999 with a mission to 
              provide reliable and efficient forwarding services for our customers 
              in the global markets. During the operation, we serve the needs of 
              Indonesian importers and exporters in a reliable and professional manner.
            </p>
            <p style="text-indent: 10%;" data-aos="fade-up" data-aos-delay="200">
              Over the years we have been handling a very large varieties of goods. 
              Your goods may not be too long, too big, or too small, they will always be taken care of. 
              Our Services focused on <b>Air Freight, Sea Freight, Customs Clearance & PPJK, Export & Import</b>.
            </p>
            <h4 class="mb-3 pt-3 fw-bold" style="color : #001f8d" data-aos="fade-up" data-aos-delay="300">Why Choose Us?</h4>
            <ul>
              <li data-aos="fade-up" class="align-items-center mt-2" data-aos-delay="300">
                <i class="bi bi-check2-circle me-3" style="font-size: 26px !important"></i>
                <div>
                  <p>Experienced Since 1999</p>
                </div>
              </li>
              <li data-aos="fade-up" class="align-items-center mt-2" data-aos-delay="400">
                <i class="bi bi-check2-circle me-3" style="font-size: 26px !important"></i>
                <div>
                  <p>Professional Team</p>
                </div>
              </li>
              <li data-aos="fade-up" class="align-items-center mt-2" data-aos-delay="500">
                <i class="bi bi-check2-circle me-3" style="font-size: 26px !important"></i>
                <div>
                  <p>Reliable Price</p>
                </div>
              </li>
              <li data-aos="fade-up" class="align-items-center mt-2" data-aos-delay="600">
                <i class="bi bi-check2-circle me-3" style="font-size: 26px !important"></i>
                <div>
                  <p>Member of Associate Global Network</p>
                </div>
              </li>
            </ul>
          </div>
        </div>

      </div>
    </section><!-- End About Us Section -->

    <!-- ======= Vision and Mission Section ======= -->
    <img src="{{ asset('assets/img/1216474_972-removebg-preview.png') }}" alt="pattern" style="z-index:-100 !important; position: absolute; opacity: 0.08; right: 0;">
    <section id="features" class="features pb-5 pt-0">
      <div class="container">

        <div class="section-header">
          <span>Our Vision and Mission</span>
          <h2>Our Vision and Mission</h2>
        </div>

        <div class="row gy-4 justify-content-center text-center" data-aos="fade-up" data-aos-delay="100">
          <h5 class="lead px-2 px-md-5">Become the provide a vast range of reliable and efficient freight forwarding services for customers in the millennial and global market.</h5>
        </div>

        <div class="row gy-4 justify-content-center text-center mt-4 mx-0">
          <div class="col-md-4 px-5" data-aos="fade-right" data-aos-delay="100">
            <img src="{{ asset('assets/img/number-1.png') }}" alt="number" class="img-fluid">
            <p class="lead mt-3">
              Be the best solution in delivery service
            </p>
          </div>
          <div class="col-md-4 px-5" data-aos="fade-up" data-aos-delay="200">
            <img src="{{ asset('assets/img/rating.png') }}" alt="rating" class="img-fluid">
            <p class="lead mt-3">
              Provide freight forwarding service by prioritizing customer satisfaction
            </p>
          </div>
          <div class="col-md-4 px-5" data-aos="fade-left" data-aos-delay="300">
            <img src="{{ asset('assets/img/global-network.png') }}" alt="global network" class="img-fluid">
            <p class="lead mt-3">
              Maintain and have good relations with the global network in several countries
            </p>
          </div>
        </div>

      </div>
    </section><!-- End Vision and Mission Section -->

</main><!-- End #main -->

@endsection