@extends('dashlayouts.guestapp')

@section('content')
  <main>
    <div class="container">
      <section class="section error-404 min-vh-100 d-flex flex-column align-items-center justify-content-center" style="color: #fff; text-align: center; padding: 20px;">
        <h1 style="font-size: 100px; margin-bottom: 20px; font-weight: bold;">404</h1>
        <h2 style="font-size: 24px; margin-bottom: 20px;">The page you are looking for doesn't exist.</h2>
        <a class="btn btn-light" href="{{ route('home') }}" style="background-color: #fff; color: #438EDB; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-weight: bold;">Back to home</a>
        <img src="{{ asset('img/404notfound.png') }}" class="img-fluid" alt="Page Not Found" style="max-width: 100%; height: auto; border-radius: 10px;">
      </section>
    </div>
  </main>
@endsection