@extends('index')

@section('content')
    <main class="main d-flex flex-column align-items-center justify-content-center text-center p-5">
        <div class="container" data-aos="fade-up">
            <h1 class="display-1 fw-bold">404</h1>
            <h2 class="mb-4">Oops! Page Not Found</h2>
            <p class="mb-4">The page you're looking for might have been removed, had its name changed, or is temporarily
                unavailable.</p>
            <a href="{{ route('/') }}" class="main-button">Go to Homepage</a>
        </div>
    </main>
@endsection
