@page "/not-found"
@layout MainLayout

<div class="container section-padding text-center">
    <h1 class="display-1 text-muted">404</h1>
    <h3>Page Not Found</h3>
    <p class="lead">Sorry, the page you are looking for does not exist or has been moved.</p>
    <div class="mt-4">
        <a href="/" class="btn btn-pastel me-3">Return Home</a>
        <a href="#services" class="btn btn-outline-secondary">View Our Services</a>
    </div>
</div>