@page "/about"
@layout AuthLayout
@inject IConfiguration Configuration

<PageTitle>Budgeteer Beta — About</PageTitle>

<h3 class="text-center mb-4">💰 Budgeteer <span class="badge bg-warning text-dark" style="font-size: 0.55em; vertical-align: middle;">beta</span></h3>

<p class="text-center text-muted mb-4">
    A personal finance dashboard built with Blazor Server.
</p>

@if (_links.Count > 0)
{
    <div class="d-flex justify-content-center gap-3 mb-4">
        @foreach (var link in _links)
        {
            <a href="@link.Url" target="_blank" rel="noopener noreferrer" class="btn btn-outline-secondary btn-sm d-flex align-items-center gap-1" title="@link.Label">
                @((MarkupString)link.Icon) @link.Label
            </a>
        }
    </div>
}

<p class="text-center">
    <a href="/login">Sign in</a> or <a href="/register">Register</a>
</p>