Desgin überarbeitet

Client/Modules/SZUAbsolventenverein.Module.PremiumArea/Index.razor

@@ -9,10 +9,40 @@
 @inject NavigationManager NavigationManager
 @inject IStringLocalizer<Index> Localizer
 
-<div class="mb-3">
-    <ActionLink Action="Apply" Text="Ingenieur Antrag hochladen"/>
-    <ActionLink Action="UserSearch" Text="Mitglieder finden"/>
-    <ActionLink Action="ApplicationList" Text="Alle Ingenieur-Anträge"/>
+<div class="premium-area-wrapper">
+    <div class="premium-area-header">
+        <h2>Premium Bereich</h2>
+        <p>Verwalten Sie Ihre Ingenieur-Anträge und vernetzen Sie sich mit anderen Mitgliedern.</p>
+    </div>
+
+    <div class="pa-nav-grid">
+        <a class="pa-nav-card pa-nav-card--apply" href="@EditUrl("Apply")">
+            <div class="pa-nav-icon">
+                <span class="oi oi-cloud-upload"></span>
+            </div>
+            <div class="pa-nav-title">Ingenieur Antrag</div>
+            <div class="pa-nav-desc">Laden Sie Ihren Ingenieur-Antrag hoch und verwalten Sie Ihre Einreichungen.</div>
+            <div class="pa-nav-arrow">Jetzt starten →</div>
+        </a>
+
+        <a class="pa-nav-card pa-nav-card--search" href="@EditUrl("UserSearch")">
+            <div class="pa-nav-icon">
+                <span class="oi oi-people"></span>
+            </div>
+            <div class="pa-nav-title">Mitglieder finden</div>
+            <div class="pa-nav-desc">Suchen Sie nach anderen Mitgliedern und treten Sie in Kontakt.</div>
+            <div class="pa-nav-arrow">Suche starten →</div>
+        </a>
+
+        <a class="pa-nav-card pa-nav-card--list" href="@EditUrl("ApplicationList")">
+            <div class="pa-nav-icon">
+                <span class="oi oi-list-rich"></span>
+            </div>
+            <div class="pa-nav-title">Alle Anträge</div>
+            <div class="pa-nav-desc">Durchsuchen Sie alle veröffentlichten Ingenieur-Anträge der Community.</div>
+            <div class="pa-nav-arrow">Anträge ansehen →</div>
+        </a>
+    </div>
 </div>
 
 @code {