@extends('errors.layout')

@section('content')
<div class="d-flex justify-content-center align-items-center vh-100">
    <div class="text-center">
        <div class="error mx-auto" data-text="404">404</div>
        <p class="lead text-gray-800 mb-5">Page Not Found</p>
        <p class="text-gray-500 mb-4">It looks like you found a glitch in the matrix...</p>
        <a href="{{ route('dashboard') }}">← Back to Dashboard</a>
    </div>
</div>
@endsection