Merge pull request 'fix: adjust inconsistencies in the frontend' (!282) from frontend-fixes into main

Reviewed-on: #282
Reviewed-by: Constantin Simonis <constantin@simonis.lol>
Reviewed-by: Jan K9f <jan@kjan.email>

frontend/src/app/feature/landing/landing.component.html

@@ -64,20 +64,20 @@
                     >
                   </div>
                 </div>
-              </div>
-
-              <div class="slider-grid">
-                <div class="card">
+                <div class="hidden lg:block card">
                   <div class="game-card-content">
-                    <h3 class="game-heading-sm">Poker</h3>
-                    <p class="game-text">Texas Hold'em & mehr</p>
+                    <h3 class="game-heading-sm">Coinflip</h3>
+                    <p class="game-text">Münzwurf</p>
                     <a
-                      routerLink="/game/poker"
+                      routerLink="game/blackjack"
                       class="button-primary w-full py-2 inline-block text-center"
                       >Jetzt Spielen</a
                     >
                   </div>
                 </div>
+              </div>
+
+              <div class="slider-grid">
                 <div class="card">
                   <div class="game-card-content">
                     <h3 class="game-heading-sm">Dice</h3>
@@ -165,7 +165,7 @@
 
         <div class="stat-container">
           <div class="stat-number">24/7</div>
-          <div class="stat-text">Support <span class="text-emerald text-xs">*</span></div>
+          <div class="stat-text">Support</div>
         </div>
       </div>
     </div>

frontend/src/app/shared/components/footer/footer.component.html

@@ -5,24 +5,19 @@
         <h3 class="footer-heading">Casino Spiele</h3>
         <ul class="space-y-3">
           <li>
-            <a routerLink="/games" class="footer-link">Slots</a>
+            <a routerLink="/game/slots" class="footer-link">Slots</a>
           </li>
           <li>
-            <a routerLink="/games" class="footer-link">Blackjack</a>
+            <a routerLink="/game/blackjack" class="footer-link">Blackjack</a>
           </li>
           <li>
-            <a routerLink="/games" class="footer-link">Poker</a>
+            <a routerLink="/game/dice" class="footer-link">Dice</a>
           </li>
           <li>
-            <a routerLink="/games" class="footer-link">Liars Dice</a>
+            <a routerLink="/game/coinflip" class="footer-link">Coinflip</a>
           </li>
-        </ul>
-      </div>
-      <div class="footer-section">
-        <h3 class="footer-heading">Andere Spiele</h3>
-        <ul class="space-y-3">
           <li>
-            <a routerLink="/games" class="footer-link">Lootboxen</a>
+            <a routerLink="/game/lootboxes" class="footer-link">Lootboxen</a>
           </li>
         </ul>
       </div>
@@ -54,10 +49,6 @@
             <fa-icon [icon]="faGooglePay" class="footer-payment-icon"></fa-icon>
             <span class="footer-payment-text">Google Pay</span>
           </div>
-          <div class="footer-payment-method">
-            <fa-icon [icon]="faApplePay" class="footer-payment-icon"></fa-icon>
-            <span class="footer-payment-text">Apple Pay</span>
-          </div>
         </div>
       </div>
     </div>
@@ -65,10 +56,6 @@
     <div class="mt-12 pt-8 border-t border-deep-blue-light">
       <div class="flex flex-col md:flex-row justify-between items-center">
         <div class="footer-copyright">
-          <span class="footer-disclaimer">
-            <span class="text-emerald">*</span> nicht vorhanden.
-          </span>
-          <br />
           © {{ currentYear }} Trustworthy Casino. Keine Rechte vorbehalten.
         </div>
       </div>

frontend/src/app/shared/components/footer/footer.component.ts

@@ -1,13 +1,14 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faCreditCard, faMoneyBillTransfer, faWallet } from '@fortawesome/free-solid-svg-icons';
-import { faApplePay, faGooglePay, faPaypal } from '@fortawesome/free-brands-svg-icons';
+import { faGooglePay, faPaypal } from '@fortawesome/free-brands-svg-icons';
+import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'app-footer',
   standalone: true,
   templateUrl: './footer.component.html',
-  imports: [FontAwesomeModule],
+  imports: [FontAwesomeModule, RouterLink],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FooterComponent {
@@ -18,5 +19,4 @@ export class FooterComponent {
   faMoneyBillTransfer = faMoneyBillTransfer;
   faWallet = faWallet;
   faGooglePay = faGooglePay;
-  faApplePay = faApplePay;
 }