@extends('template.app')

@section('content')
  <div class="main-banner wow fadeIn" id="top" data-wow-duration="1s" data-wow-delay="0.5s">
    <div class="container">
      
          <div class="row">
            <div class="col-lg-6 align-self-center">
              <div class="left-content show-up header-text wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s">
                <div class="row">
                  <div class="col-lg-12">
                    <h6>Selamat datang di</h6>
                    <h2>Aplikasi Peduli Diri</h2>
                    <p>Kini hadir untuk memudahkan perjalanan anda! Aplikasi peduli Diri hadir untuk memudahkan perjalanan anda pada masa pandemi ini. Daftarkan dan pantau perjalanan anda untuk kenyamanan berpergian selama pandemi.</p>
                  </div>
                  <div class="col-lg-12">
                    <div class="border-first-button scroll-to-section">
                      <a href="{{route('register')}}">Bergabung Sekarang!</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="right-image wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
                <img src="assets/images/hero-header.png" alt="">
              </div>
            </div>

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

  <div id="about" class="about section">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="row">
            <div class="col-lg-6">
              <div class="about-left-image  wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
                <img src="assets/images/about-dec.png" alt="">
              </div>
            </div>
            <div class="col-lg-6 align-self-center  wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
              <div class="about-right-content">
                <div class="section-heading">
                  <h6>Tentang Kami</h6>
                  <h4>Layanan <em>Peduli Diri</em></h4>
                  <div class="line-dec"></div>
                </div>
                <p>Peduli Diri bertujuan untuk memudahkan  <a rel="nofollow" href="/perjalanan">catatan perjalanan</a>dengan pengelolaan <a rel="nofollow" href="/user">profil </a>yang mudah dimasa pandemi COVID-19 ini. Selain itu, fitur catatan pribadi juga mendukung kegiatan anda sehari-hari</p>
                <div class="row">
                  <div class="col-lg-3 col-sm-1">
                    <div class="about-post">
                      <div class="about-icon">
                        <img src="assets/images/location-icon.png">
                        <a href="/perjalanan"><h6>Pejalanan</h6></a>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-3 col-sm-1">
                    <div class="about-post">
                      <div class="about-icon">
                        <img src="assets/images/service-icon-03.png">
                        <a href="/user"><h6>Profil</h6></a>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-3 col-sm-1">
                    <div class="about-post">
                      <div class="about-icon">
                        <img src="assets/images/email-icon.png">
                        <a href="/perjalanan"><h6>Catatan</h6></a>
                      </div>
                    </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  
    
@endsection