From 9ce23e2683c6051d15a775a439d355b83036685b Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Tue, 14 Apr 2026 21:14:41 -0700
Subject: page for creating karaoke codes

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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5db9c41..1b77a15 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -116,6 +116,20 @@ const NavRight = styled.div`
   gap: 6px;
 `;
 
+const NavLink = styled(Link)`
+  font-size: 13px;
+  font-weight: 500;
+  color: #606060;
+  text-decoration: none;
+  padding: 6px 10px;
+  border-radius: 8px;
+  transition: background-color 0.15s, color 0.15s;
+  &:hover {
+    background-color: #f0f0f0;
+    color: #1a1a1a;
+  }
+`;
+
 const Avatar = styled.div`
   font-size: 28px;
   color: #909090;
@@ -330,6 +344,7 @@ export default function HomePage() {
         </NavCenter>
 
         <NavRight>
+          <NavLink href="/create">Create Karaoke Code</NavLink>
           <Avatar>
             <FaUserCircle />
           </Avatar>
-- 
cgit v1.2.3