@layout HomeLayout
@page "/"
@page "/index"
@page "/home"
@inject IOptions<WebsiteOptions> WebsiteOption

<section class="bd-masthead">
    <div class="container-xxl bd-gutter">
        <div class="text-center d-flex align-items-center flex-column">
            <a class="d-inline-flex text-dark text-decoration-none" href="@WebsiteOption.Value.GithubRepositoryUrl" target="_blank">
                <span class="py-2 px-3 rounded-5 masthead-notice">
                    @Localizer["Support"] @WebsiteOption.Value.GetTargets()
                </span>
            </a>
            <div class="bb-logo d-sm-block mx-auto my-5">
                <div class="holder"></div>
                <img src="@WebsiteOption.Value.GetAssetUrl("favicon.png")" alt="bootstrap-blazor">
            </div>
            <h1 class="mb-3 fw-semibold">@Localizer["Title"]</h1>
            <p class="lead mb-4">
                @Localizer["SubTitle"]
            </p>
            <a href="introduction" class="btn btn-lg bd-btn-lg btn-bd-primary mb-4 d-inline-flex align-items-center justify-content-center fw-semibold">
                <i class="fa-solid fa-book-open"></i>
                <span class="ms-2">@Localizer["Docs"]</span>
            </a>
            <p class="text-body-secondary mb-0">
                Currently <strong>@_versionString</strong>
                <span class="px-1">·</span>
                <a href="@WebsiteOption.Value.GithubRepositoryUrl" class="link-secondary">Download</a>
                <span class="px-1">·</span>
                <a href="@WebsiteOption.Value.WikiUrl" class="link-secondary text-nowrap">All releases</a>
            </p>
        </div>
    </div>
    <div class="donate">
        <h3>@Localizer["DonateH1"]</h3>
        <h5 class="d-none d-sm-block mb-3">@Localizer["DonateH2"]</h5>
        <img src="@WebsiteOption.Value.GetAssetUrl("images/BarCode@2x.png")" alt="barcode" class="barcode" loading="lazy" />
    </div>
</section>
