@extends('layout')
@section('content')

<!-- error section -->
<section class="py-5">
    <div class="container py-lg-4 py-md-3">
        <div class="d-flex align-items-center justify-content-center px-2">
            <div class="text-center">
                <h1 class="display-1 fw-bold text-danger">404</h1>
                <p class="fs-2 fw-medium mt-4 text-center">Oops! Page not found</p>
                <p class="mt-4 mb-5 text-center">The page you're looking for doesn't exist or has been moved.</p>
                <a href="{{ route('home') }}" class="btn btn-primary fw-semibold rounded-pill px-4 py-2 custom-btn">
                    Go Home
                </a>
            </div>
        </div>
    </div>
</section>
@endsection