chk
/
KoogleApp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mod home

This commit is contained in:
beo3000 2026-01-09 21:37:03 +01:00
parent afd360e154
commit 59478b95d9
1 changed files with 29 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/Koogle.Web/Components/Pages/Home.razor
View File

@ -6,7 +6,7 @@
@inject NavigationManager NavigationManager @inject NavigationManager NavigationManager
<MudContainer MaxWidth="MaxWidth.Large" Class="py-8"> <MudContainer MaxWidth="MaxWidth.Large" Class="py-0">
<MudImage src="logo6_bg.png" alt="KOOGLE Logo" Height="80" /> <MudImage src="logo6_bg.png" alt="KOOGLE Logo" Height="80" />
@* Hero Section *@ @* Hero Section *@
@ -45,7 +45,7 @@
</MudStack> </MudStack>
<AuthorizeView> <AuthorizeView>
<NotAuthorized> <NotAuthorized>
<MudText Typo="Typo.caption" Style="color: white; opacity: 0.8;" Class="mt-2"> <MudText Style="color: white; opacity: 0.8; font-weight: 600;" Class="mt-2">
Registriere deinen eigenen Club kostenlos oder nutze den <MudLink Href="/account/login" Class="demo-link">Demo-Zugang</MudLink> zum Testen. Registriere deinen eigenen Club kostenlos oder nutze den <MudLink Href="/account/login" Class="demo-link">Demo-Zugang</MudLink> zum Testen.
</MudText> </MudText>
</NotAuthorized> </NotAuthorized>
@ -63,7 +63,9 @@
Deine Vorteile mit KOOGLE Deine Vorteile mit KOOGLE
</MudText> </MudText>
<MudGrid Spacing="4" Class="mb-8"> <MudGrid Spacing="4" Class="mb-8">
@* Zeile 1 *@
<MudItem xs="12" sm="6" md="3"> <MudItem xs="12" sm="6" md="3">
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;"> <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack AlignItems="AlignItems.Center" Spacing="2"> <MudStack AlignItems="AlignItems.Center" Spacing="2">
@ -100,9 +102,8 @@
</MudStack> </MudStack>
</MudCard> </MudCard>
</MudItem> </MudItem>
</MudGrid>
<MudGrid Spacing="4" Class="mb-8"> @* Zeile 2 *@
<MudItem xs="12" sm="6" md="3"> <MudItem xs="12" sm="6" md="3">
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;"> <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack AlignItems="AlignItems.Center" Spacing="2"> <MudStack AlignItems="AlignItems.Center" Spacing="2">
@ -139,6 +140,8 @@
</MudStack> </MudStack>
</MudCard> </MudCard>
</MudItem> </MudItem>
@* Zeile 3 *@
<MudItem xs="12" sm="6" md="3"> <MudItem xs="12" sm="6" md="3">
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;"> <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
<MudStack AlignItems="AlignItems.Center" Spacing="2"> <MudStack AlignItems="AlignItems.Center" Spacing="2">
@ -225,6 +228,14 @@
Unser <strong>Kegelverein KFB</strong> existiert seit 2000 - Wir wissen also, was Kegelvereine brauchen ;-) Unser <strong>Kegelverein KFB</strong> existiert seit 2000 - Wir wissen also, was Kegelvereine brauchen ;-)
</MudText> </MudText>
</MudStack> </MudStack>
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
<MudIcon Icon="@Icons.Material.Filled.Circle" Color="Color.Success" Size="Size.Small" />
<MudText>
Schon über <strong>1</strong> Kegelclubs vertrauen auf KOOGLE. ;-)
</MudText>
</MudStack>
</MudPaper> </MudPaper>
@* Footer Slogan *@ @* Footer Slogan *@
@ -236,7 +247,7 @@
@* Copyright Footer *@ @* Copyright Footer *@
<MudStack Row Justify="Justify.Center" AlignItems="AlignItems.Center" Spacing="4" Class="mt-6"> <MudStack Row Justify="Justify.Center" AlignItems="AlignItems.Center" Spacing="4" Class="mt-6">
<MudText Typo="Typo.caption" Color="Color.Secondary">© 2025 KOOGLE. Alle Rechte vorbehalten.</MudText> <MudText Typo="Typo.caption" Color="Color.Secondary">© 2026 KOOGLE. Alle Rechte vorbehalten.</MudText>
<MudLink Href="/impressum" Typo="Typo.caption" Color="Color.Secondary">Impressum</MudLink> <MudLink Href="/impressum" Typo="Typo.caption" Color="Color.Secondary">Impressum</MudLink>
<MudLink Href="/datenschutz" Typo="Typo.caption" Color="Color.Secondary">Datenschutz</MudLink> <MudLink Href="/datenschutz" Typo="Typo.caption" Color="Color.Secondary">Datenschutz</MudLink>
</MudStack> </MudStack>