{{---- resources/views/home.blade.php ----}}
@extends('layouts.app')
@section('title', 'Beranda - SMP Al Idrus')

@section('content')

    <section id="hero" class="hero section dark-background">
      <div class="container">
        <div class="row gy-4">
          <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center" data-aos="fade-in">
            <h1>Selamat Datang di SMP Al Idrus</h1>
            <p>Mencetak Generasi Unggul Berakhlak Mulia</p>
            <div class="d-flex">
              <a href="{{ route('ppdb.create') }}" class="btn-get-started">Daftar Segera</a>
            </div>
          </div>
          <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="100">
            <img src="{{ asset('bocor/assets/img/hero-img.png') }}" class="img-fluid animated" alt="">

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

    <section id="about" class="about section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h2>Maintenance</h2>
                    <p>Mohon maaf layanan terganggu website dalam proses maintenance</p>
                    
                </div>
            </div>
        </div>
    </section>

@endsection