angular ui

src/app/components/menu/menu.component.html

@@ -0,0 +1,4 @@
+<h1>Menu Page</h1>
+<p>Select an option:</p>
+<button (click)="navigateToGame()">Play Game</button>
+<button (click)="navigateToOptions()">Options</button>

src/app/components/menu/menu.component.ts

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+    selector: 'app-menu',
+    templateUrl: './menu.component.html',
+    styleUrls: ['./menu.component.css'],
+})
+export class MenuComponent {
+    constructor(private router: Router) {}
+
+    navigateToGame(): void {
+        this.router.navigate(['/game']);
+    }
+
+    navigateToOptions(): void {
+        this.router.navigate(['/options'], { state: { mode: 'full' } });
+    }
+}