diff --git a/backend/src/main.rs b/backend/src/main.rs
index 173236b..476046b 100644
--- a/backend/src/main.rs
+++ b/backend/src/main.rs
@@ -9,6 +9,7 @@ use tower_http::services::ServeDir;
 async fn main() {
     let app = Router::new()
         .route("/", get(handler))
+        .route("/game", get(game))
         .nest_service("/web/assets", ServeDir::new("../web/assets"));
 
     let addr = SocketAddr::from(([0, 0, 0, 0], 3500));
@@ -26,6 +27,13 @@ async fn handler() -> Html<String> {
     Html(html_content)
 }
 
+async fn game() -> Html<String> {
+    let html_content = read_html_from_file("../web/templates/view/game.html")
+        .await
+        .unwrap_or_else(|_| "<h1>Error loading HTML file</h1>".to_string());
+    Html(html_content)
+}
+
 async fn read_html_from_file<P: AsRef<Path>>(path: P) -> io::Result<String> {
     let mut file = File::open(path).await?;
     let mut contents = String::new();
diff --git a/web/templates/view/index.html b/web/templates/view/index.html
index 182bf05..757299e 100644
--- a/web/templates/view/index.html
+++ b/web/templates/view/index.html
@@ -14,11 +14,13 @@
             <div class="hero-content">
                 <h1>MirrorGame</h1>
                 <img src="https://upload.wikimedia.org/wikipedia/commons/f/f3/Meow_cat_-_Mdebona.jpg" alt="MirrorGame">
-                <button class="hero-play-button">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play" viewBox="0 0 16 16">
-                        <path d="M10.804 8 5 4.633v6.734zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696z"/>
-                    </svg>
-                </button>
+                <a href="/game">    
+                    <button class="hero-play-button">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play" viewBox="0 0 16 16">
+                            <path d="M10.804 8 5 4.633v6.734zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696z"/>
+                        </svg>
+                    </button>
+                </a>
             </div>
         </div>
         <aside class="leftadsbanner">