@*
    EN: Home page — branded landing with hero CTA and quick navigation.
    VI: Trang chủ — landing page với hero CTA và điều hướng nhanh.
*@
@page "/home"
@page "/"
@layout MainLayout
@inject NavigationManager NavigationManager
@inject Microsoft.Extensions.Localization.IStringLocalizer<Home> L

<PageTitle>@L["AppName"] — @L["HeroHeadline"]</PageTitle>

<div class="home-hero">
    <div class="home-hero__badge">@L["HeroBadge"]</div>
    <h1 class="home-hero__title">@L["HeroHeadline"]</h1>
    <p class="home-hero__subtitle">@L["HeroSubtext"]</p>
    <div class="home-hero__actions">
        <a href="/register" class="home-hero__btn home-hero__btn--primary">
            <i data-lucide="zap"></i>
            @L["HeroCTA_Primary"]
        </a>
        <a href="/auth/login" class="home-hero__btn home-hero__btn--secondary">
            <i data-lucide="log-in"></i>
            @L["Nav_Login"]
        </a>
    </div>

    @* Trust Badges *@
    <div class="home-trust">
        <span class="home-trust__label">@L["Trust_Label"]</span>
        <div class="home-trust__stats">
            <span class="home-trust__stat">@L["Trust_Stat1"]</span>
            <span class="home-trust__divider">•</span>
            <span class="home-trust__stat">@L["Trust_Stat2"]</span>
        </div>
    </div>
</div>

@* Verticals Showcase *@
<div class="home-verticals">
    <div class="home-verticals__grid">
        <a href="/register" class="home-vertical-card">
            <i data-lucide="coffee"></i>
            <span>Café</span>
        </a>
        <a href="/register" class="home-vertical-card">
            <i data-lucide="utensils-crossed"></i>
            <span>@L["Industry_Restaurant_Title"]</span>
        </a>
        <a href="/register" class="home-vertical-card">
            <i data-lucide="mic"></i>
            <span>@L["Industry_Karaoke_Title"]</span>
        </a>
        <a href="/register" class="home-vertical-card">
            <i data-lucide="sparkles"></i>
            <span>@L["Industry_Spa_Title"]</span>
        </a>
        <a href="/register" class="home-vertical-card">
            <i data-lucide="shopping-bag"></i>
            <span>@L["Vertical_Retail"]</span>
        </a>
    </div>
</div>

@code {
    protected override void OnInitialized()
    {
        // EN: Redirect authenticated users to Admin dashboard
        // VI: Chuyển hướng người dùng đã xác thực đến Admin dashboard
    }
}
