{{-- 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="Ilustrasi Edukasi">
          </div>
        </div>
      </div>
    </section>

    @include('public.profil.index')
    
    @include('public.fasilitas.index')
    
    @include('public.galeri.index')
    
    @include('public.tendik.index')
    
    @include('public.kontak.index')

@endsection