added Home-Advertising page
This commit is contained in:
beo3000
parent
504daec8d7
commit
8fd8c37952
|
|
@ -0,0 +1,25 @@
|
|||
● KOOGLE - Vereinsverwaltung leicht gemacht
|
||||
|
||||
Die smarte Lösung für Kegelclubs und Freizeitgruppen
|
||||
|
||||
Kernfunktionen
|
||||
|
||||
- Mitgliederverwaltung - Mitglieder & Gäste einfach verwalten
|
||||
- Spieltage organisieren - Termine, Spiele und Teilnehmer im Blick
|
||||
- Automatische Kostenabrechnung - Regelbasierte Umlage ohne Kopfzerbrechen
|
||||
- Auswertungen - Statistiken pro Person, Tag oder Spiel
|
||||
- Mehrmandantenfähig - Mehrere Vereine in einer App
|
||||
|
||||
Vorteile
|
||||
|
||||
- ✓ Rollenbasierte Berechtigungen (Viewer/Editor/Admin)
|
||||
- ✓ Sichere Authentifizierung
|
||||
- ✓ Modernes Web-Interface
|
||||
- ✓ Zukunftssicher: Mobile App geplant
|
||||
|
||||
Zielgruppe
|
||||
|
||||
Primär Kegelvereine - erweiterbar auf Darts, Tippgemeinschaften, Freizeitgruppen, Sportvereine.
|
||||
|
||||
---
|
||||
Weniger Verwaltung, mehr Kegeln!
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<MudNavMenu>
|
||||
@* Dashboard - visible to all authenticated users *@
|
||||
<MudNavLink Href="/"
|
||||
<MudNavLink Href="/dashboard"
|
||||
Match="NavLinkMatch.All"
|
||||
Icon="@Icons.Material.Filled.Dashboard">
|
||||
Dashboard
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
@inherits LayoutComponentBase
|
||||
|
||||
<MudThemeProvider />
|
||||
<MudPopoverProvider />
|
||||
<MudDialogProvider />
|
||||
<MudSnackbarProvider />
|
||||
|
||||
<MudLayout>
|
||||
<MudMainContent>
|
||||
<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="py-4">
|
||||
@Body
|
||||
</MudContainer>
|
||||
</MudMainContent>
|
||||
</MudLayout>
|
||||
|
|
@ -1,13 +1,207 @@
|
|||
@page "/"
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using Koogle.Web.Components.Layout
|
||||
|
||||
@attribute [Authorize]
|
||||
@layout PublicLayout
|
||||
|
||||
@inject NavigationManager NavigationManager
|
||||
|
||||
<MudContainer MaxWidth="MaxWidth.Large" Class="py-8">
|
||||
|
||||
@* Hero Section *@
|
||||
<MudPaper Class="pa-8 mb-8 rounded-lg" Style="background: linear-gradient(135deg, #1a365d 0%, #2d5a4d 100%); color: white;">
|
||||
<MudGrid>
|
||||
<MudItem xs="12" md="8">
|
||||
<MudStack Spacing="4">
|
||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Sports" Size="Size.Large" />
|
||||
<MudText Typo="Typo.caption" Style="opacity: 0.8;">Vereinsverwaltung leicht gemacht</MudText>
|
||||
</MudStack>
|
||||
<MudText Typo="Typo.h3" Class="font-weight-bold">
|
||||
KOOGLE - Vereinsverwaltung leicht gemacht
|
||||
</MudText>
|
||||
<MudText Typo="Typo.h6" Style="opacity: 0.9;">
|
||||
Die smarte Lösung für Kegelclubs
|
||||
</MudText>
|
||||
<MudStack Row Spacing="2" Class="mt-4">
|
||||
<MudButton Variant="Variant.Outlined" Color="Color.Inherit" StartIcon="@Icons.Material.Filled.Info" Href="#features">
|
||||
Mehr erfahren
|
||||
</MudButton>
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Success" StartIcon="@Icons.Material.Filled.Login" Href="/account/login">
|
||||
Jetzt einloggen
|
||||
</MudButton>
|
||||
</MudStack>
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</MudPaper>
|
||||
|
||||
@* Features Section *@
|
||||
<div id="features">
|
||||
<MudText Typo="Typo.h5" Class="mb-4 font-weight-bold" Color="Color.Primary">
|
||||
Deine Vorteile mit KOOGLE
|
||||
</MudText>
|
||||
|
||||
<MudGrid Spacing="4" Class="mb-8">
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Groups" Color="Color.Primary" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Mitgliederverwaltung</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Mitglieder einfach verwaltet</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.CalendarMonth" Color="Color.Success" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Spieltage organisieren</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Termine, Spiele und Teilnehmer im Blick</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.AttachMoney" Color="Color.Warning" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Automatische Kostenabrechnung</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Kosten und Umlagen im Blick</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.CheckCircle" Color="Color.Info" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Auswertungen</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Pro Person, Tag oder Spiel</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
<MudGrid Spacing="4" Class="mb-8">
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.EventNote" Color="Color.Info" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Spieltage einfach verwaltet</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Übersichtlich und schnell</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Calculate" Color="Color.Success" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Regelbasierte Umlage</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Ohne Kopfzerbrechen</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.TrendingUp" Color="Color.Error" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Statistiken pro Tag oder Spiel</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Detaillierte Auswertungen</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.SportsBaseball" Color="Color.Primary" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Statistiken pro Person</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Oder Spiel</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Gif" Color="Color.Primary" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Individuelle Gifs sorgen für Lacher am Kegelabend</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">weise Gifs Eregnissen zu</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
<MudItem xs="12" sm="6" md="3">
|
||||
<MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
|
||||
<MudStack AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Games" Color="Color.Primary" Size="Size.Large" />
|
||||
<MudText Typo="Typo.subtitle1" Class="font-weight-bold" Align="Align.Center">Auswahl an Kegelspielen</MudText>
|
||||
<MudText Typo="Typo.body2" Align="Align.Center" Color="Color.Secondary">Tafel ohne Wasser und Kreide, synchron auf beliebigen Geräten</MudText>
|
||||
</MudStack>
|
||||
</MudCard>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
</div>
|
||||
|
||||
@* Benefits & Target Section *@
|
||||
<MudGrid Spacing="4" Class="mb-8">
|
||||
<MudItem xs="12" md="6">
|
||||
<MudPaper Class="pa-6 rounded-lg" Elevation="1">
|
||||
<MudText Typo="Typo.h6" Class="mb-4 font-weight-bold" Color="Color.Primary">Eure Vorteile</MudText>
|
||||
<MudStack Spacing="2">
|
||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Success" />
|
||||
<MudText>Rollenbasierte Berechtigungen (Viewer/Editor/Admin)</MudText>
|
||||
</MudStack>
|
||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Success" />
|
||||
<MudText>Sichere Authentifizierung</MudText>
|
||||
</MudStack>
|
||||
</MudStack>
|
||||
<MudButton Variant="Variant.Filled" Color="Color.Primary" Class="mt-4" StartIcon="@Icons.Material.Filled.Info" Href="#features">
|
||||
Mehr erfahren
|
||||
</MudButton>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
<MudItem xs="12" md="6">
|
||||
<MudPaper Class="pa-6 rounded-lg" Elevation="1">
|
||||
<MudText Typo="Typo.h6" Class="mb-4 font-weight-bold" Color="Color.Primary">Klingt interessant?</MudText>
|
||||
<MudText Typo="Typo.subtitle2" Class="mb-2"><strong>Demozugang</strong></MudText>
|
||||
<MudStack Spacing="2">
|
||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Success" />
|
||||
<MudText>Nutzen den Demo-Zugang um die Anwendung zu testen</MudText>
|
||||
</MudStack>
|
||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Check" Color="Color.Success" />
|
||||
<MudText>Registierte einen neuen Verein, und lade Mitglieder ein</MudText>
|
||||
</MudStack>
|
||||
</MudStack>
|
||||
</MudPaper>
|
||||
</MudItem>
|
||||
</MudGrid>
|
||||
|
||||
@* Target Audience Section *@
|
||||
<MudPaper Class="pa-6 mb-8 rounded-lg" Elevation="1">
|
||||
<MudText Typo="Typo.h6" Class="mb-4 font-weight-bold" Color="Color.Primary">Qualität</MudText>
|
||||
<MudStack Row AlignItems="AlignItems.Center" Spacing="2">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Circle" Color="Color.Success" Size="Size.Small" />
|
||||
<MudText>
|
||||
Unser <strong>Kegelverein KFB</strong> existiert seit 2000 - Wir wissen also, was Kegelvereine brauchen ;-)
|
||||
</MudText>
|
||||
</MudStack>
|
||||
</MudPaper>
|
||||
|
||||
@* Footer Slogan *@
|
||||
<MudPaper Class="pa-6 rounded-lg" Style="background: linear-gradient(135deg, #1a365d 0%, #2d5a4d 100%); color: white;">
|
||||
<MudText Typo="Typo.h5" Align="Align.Center" Class="font-weight-bold">
|
||||
"Weniger Verwaltung, mehr Kegeln!"
|
||||
</MudText>
|
||||
</MudPaper>
|
||||
|
||||
@* Copyright Footer *@
|
||||
<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>
|
||||
<MudLink Href="/impressum" Typo="Typo.caption" Color="Color.Secondary">Impressum</MudLink>
|
||||
<MudLink Href="/datenschutz" Typo="Typo.caption" Color="Color.Secondary">Datenschutz</MudLink>
|
||||
</MudStack>
|
||||
|
||||
</MudContainer>
|
||||
|
||||
@code {
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
NavigationManager.NavigateTo("/dashboard", replace: true);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue