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

@@ -6,9 +6,8 @@
 
 @inject NavigationManager NavigationManager
 
-<MudContainer MaxWidth="MaxWidth.Large" Class="py-0">
+<MudContainer MaxWidth="MaxWidth.Large" Class="py-8">
 
-<MudImage src="logo6_bg.png" alt="KOOGLE Logo" Height="80" />
     @* Hero Section *@
     <div class="hero-section mb-8 rounded-lg">
         <div class="hero-overlay">
@@ -17,7 +16,8 @@
                     <MudItem xs="12" md="8">
                         <MudStack Spacing="4">
                             <MudStack Spacing="3" Class="hero-stack">
-                                <MudText Typo="Typo.h3" Class="hero-title" Style="color: white;">KOOGLE - Die smarte Lösung für Kegelclubs</MudText>
+                                <MudImage src="logo4.png" alt="KOOGLE Logo" Height="80" />
+                                <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 Style="color: white; opacity: 0.8; font-weight: 600;" Class="mt-2">
+                                    <MudText Typo="Typo.caption" Style="color: white; opacity: 0.8;" 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,9 +63,7 @@
             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">
@@ -102,8 +100,9 @@
                     </MudStack>
                 </MudCard>
             </MudItem>
+        </MudGrid>
 
-            @* Zeile 2 *@
+        <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">
@@ -140,8 +139,6 @@
                     </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">
@@ -228,14 +225,6 @@
                 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 *@
@@ -247,7 +236,7 @@
 
     @* Copyright Footer *@
     <MudStack Row Justify="Justify.Center" AlignItems="AlignItems.Center" Spacing="4" Class="mt-6">
-        <MudText Typo="Typo.caption" Color="Color.Secondary">© 2026 KOOGLE. Alle Rechte vorbehalten.</MudText>
+        <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>