From 784c99aa2d5ec4d2b861b0c44e4943f89f0144ce Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Thu, 16 Apr 2026 03:13:31 -0700
Subject: wip: typing tube mode

---
 src/app/page.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/app/page.tsx')

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fbe91be..66ef915 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 import { useState, useEffect } from "react";
-import { FaPlay, FaMusic, FaSearch, FaUserCircle } from "react-icons/fa";
+import { FaPlay, FaMusic, FaSearch, FaUserCircle, FaKeyboard } from "react-icons/fa";
 import { MdLibraryMusic } from "react-icons/md";
 import { Root, Navbar, Logo, LogoIcon, NavLink } from "./styles/shared";
 import {
@@ -101,6 +101,7 @@ export default function HomePage() {
         </NavCenter>
 
         <NavRight>
+          <NavLink href="/game">Typing Game</NavLink>
           <NavLink href="/create">Create Karaoke Code</NavLink>
           <Avatar>
             <FaUserCircle />
@@ -165,6 +166,13 @@ export default function HomePage() {
         <PlayerDescription>
           Load your own video, audio, LRC lyrics
         </PlayerDescription>
+        <SectionHeading style={{ marginTop: 24 }}>Typing Game</SectionHeading>
+        <OpenPlayerLink href="/game">
+          <FaKeyboard /> Play Typing Game
+        </OpenPlayerLink>
+        <PlayerDescription>
+          Type lyrics in sync with the music to score points
+        </PlayerDescription>
       </CtaSection>
     </Root>
   );
-- 
cgit v1.2.3

