@page "/404"
@page "/not-found"

<PageTitle>404 - Not Found</PageTitle>

<div class="d-flex flex-column align-items-center justify-content-center py-5 text-center">
    <div class="mb-4">
        <i class="bi bi-exclamation-triangle text-warning" style="font-size: 4rem;"></i>
    </div>
    <h1 class="display-4 mb-3">404</h1>
    <h2 class="mb-4">Path Not Found</h2>
    <p class="lead mb-5 text-muted">The trail you are following seems to have vanished into the wilderness.</p>
    <NavLink href="" class="btn btn-primary px-4">
        Return to Safety
    </NavLink>
</div>