@page "/"
@inject ScrollService ScrollService

<PageTitle>Douwco</PageTitle>

<header>
    <NavMenu />
</header>

<main class="scroll_container">
    <section id="home" class="scroll_section observed" data-section-name="home">
        <HomeSection />
    </section>

    <section id="about_me" class="scroll_section observed" data-section-name="about_me">
        <AboutMeSection />
    </section>

    <section id="apps" class="scroll_section observed" data-section-name="apps">
        <AppsSection />
    </section>

    <section id="games" class="scroll_section observed" data-section-name="games">
        <GamesSection />
    </section>
</main>

<footer>
    <Footer />
</footer>

@code {
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            await ScrollService.InitializeAsync();
        }
    }
}