@page "/not-found"
@using Microsoft.AspNetCore.Mvc
@layout MainLayout
@attribute [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]

<MudContainer MaxWidth="MaxWidth.Medium" Class="d-flex align-center justify-center" Style="height: calc(100vh - 64px);">

    <div class="text-center">

        <MudIcon Icon="@Icons.Material.Filled.ErrorOutline"
                 Size="Size.Large"
                 Color="Color.Error"
                 Class="mb-6" Style="font-size: 120px;" />

        <MudText Typo="Typo.h3" Class="mb-4">Page Not Found (404)</MudText>

        <MudText Typo="Typo.body1" Class="mb-6 text-muted">
            Sorry, the page you are looking for is unavailable or has been moved.
            <br />
            Please double-check the URL or return to the home page.
        </MudText>

        <MudButton Variant="Variant.Filled"
                   Color="Color.Primary"
                   Size="Size.Large"
                   Href="/"
                   StartIcon="@Icons.Material.Filled.Home">
            Back to Home
        </MudButton>

    </div>

</MudContainer>