mod home

src/Koogle.Web/Components/Pages/Home.razor

@@ -6,8 +6,9 @@
 
 @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" />
     @* Hero Section *@
     <div class="hero-section mb-8 rounded-lg">
         <div class="hero-overlay">
@@ -16,8 +17,7 @@
                     <MudItem xs="12" md="8">
                         <MudStack Spacing="4">
                             <MudStack Spacing="3" Class="hero-stack">
-                                <MudImage src="logo4.png" alt="KOOGLE Logo" Height="80" />
+                                <MudText Typo="Typo.h3" Class="hero-title" Style="color: white;">KOOGLE - Die smarte Lösung für Kegelclubs</MudText>
-                                <MudText Typo="Typo.h3" Class="hero-title" Style="color: white;">Die smarte Lösung für Kegelclubs</MudText>
                             </MudStack>
                             <MudText Typo="Typo.h6" Style="color: white; opacity: 0.9;">
                                 Mehr Zeit fürs Kegeln, weniger für den Papierkram.
@@ -45,7 +45,7 @@
                             </MudStack>
                             <AuthorizeView>
                                 <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.
                                     </MudText>
                                 </NotAuthorized>
@@ -63,7 +63,9 @@
             Deine Vorteile mit KOOGLE
         </MudText>
         
+        
         <MudGrid Spacing="4" Class="mb-8">
+            @* Zeile 1 *@
             <MudItem xs="12" sm="6" md="3">
                 <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
                     <MudStack AlignItems="AlignItems.Center" Spacing="2">
@@ -100,9 +102,8 @@
                     </MudStack>
                 </MudCard>
             </MudItem>
-        </MudGrid>
 
-        <MudGrid Spacing="4" Class="mb-8">
+            @* Zeile 2 *@
             <MudItem xs="12" sm="6" md="3">
                 <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
                     <MudStack AlignItems="AlignItems.Center" Spacing="2">
@@ -139,6 +140,8 @@
                     </MudStack>
                 </MudCard>
             </MudItem>
+            
+            @* Zeile 3 *@
             <MudItem xs="12" sm="6" md="3">
                 <MudCard Elevation="2" Class="pa-4 rounded-lg" Style="height: 100%;">
                     <MudStack AlignItems="AlignItems.Center" Spacing="2">
@@ -225,6 +228,14 @@
                 Unser <strong>Kegelverein KFB</strong> existiert seit 2000 - Wir wissen also, was Kegelvereine brauchen ;-)
             </MudText>
         </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>
 
     @* Footer Slogan *@
@@ -236,7 +247,7 @@
 
     @* 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>
+        <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="/datenschutz" Typo="Typo.caption" Color="Color.Secondary">Datenschutz</MudLink>
     </MudStack>