@page "/"

<PageTitle>Welcome</PageTitle>

<div class="main-content">
    <DxGridLayout CssClass="index-gridlayout">
        <Rows>
            <DxGridLayoutRow Height="auto" Areas="header"></DxGridLayoutRow>
            <DxGridLayoutRow Height="auto" Areas="tiles"></DxGridLayoutRow>
        </Rows>
        <Items>
            <DxGridLayoutItem Area="header" CssClass="title">
                <Template>
                    <div class="title-header-text">Hello World!</div>
                    <div class="title-content-text">Welcome to your new DevExpress Blazor Application</div>
                </Template>
            </DxGridLayoutItem>
            <DxGridLayoutItem Area="tiles" CssClass="tiles">
                <Template>
                    <IndexTile NavigateUrl="/pvk" Title="Personalverkauf" OpenInNewTab="true" Description="PVK Programme" IconCssClass="icon-counter" />
                    <IndexTile NavigateUrl="/controlling" Title="Controlling" OpenInNewTab="true" Description="Controlling Programme" IconCssClass="icon-weather" />
                </Template>
            </DxGridLayoutItem>
        </Items>
    </DxGridLayout>
</div>
