@page "/"
@using MissNationSharedUI.Shared.Components.Layout

<PageTitle>Home</PageTitle>
<HeadContent>
    <meta name="description" content="Welcome to Miss Nation">
</HeadContent>



<!--body content start-->
<section class="body-content gray-bg">
    <SuperHeroComponent />
    <MyTitleComponent PageTitle="Welcome"></MyTitleComponent>
    <HeroComponent />
    
    <QuoteRightComponent AddiontionalCssClass="filtered"/>
    <SlidersComponent/>


   
    <!--subscribe-->
   @* <SubscriptionComponent/> *@
    <!--subscribe-->
    

</section>
<!--body content end-->
<!--footer start 1-->

<!--footer 1 end-->
@code {
    [Inject]
    public IJSRuntime JSRuntime { get; set; }

    private IJSObjectReference _jsModule;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        base.OnAfterRender(firstRender);

        if (firstRender)
        {
            _jsModule = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./_content/MissNationSharedUI/assets/exampleJsInterop.js");
            await _jsModule.InvokeVoidAsync("getMessage");
        }
    }
}