From 171a4e19f6f064aded0afa4cc92723d7fc583030 Mon Sep 17 00:00:00 2001
From: kimyu <gmgangsug@kimyu.xyz>
Date: Fri, 11 Sep 2026 00:14:27 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=BC=EB=B6=80=20=EB=8F=99=EC=9E=91=20?=
 =?UTF-8?q?=EB=B6=88=EA=B0=80=20=EC=BD=94=EB=93=9C=20=EC=98=A4=EB=A5=98=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/main/page.tsx | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/app/main/page.tsx b/app/main/page.tsx
index 81d2518..a6bceab 100644
--- a/app/main/page.tsx
+++ b/app/main/page.tsx
@@ -1,16 +1,31 @@
-import React from 'react';
+'use client';
+
+import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 
 export default function MainPage() {
-
-    const router = useRouter();
+  const router = useRouter();
 
   return (
-    <div className="flex flex-col items-center justify-center h-screen">
+    <div className="flex min-h-screen flex-col items-center justify-center gap-6 bg-[#140f1c] text-white">
       <h1 className="text-4xl font-bold">주루마블!</h1>
-      <button className="bg-blue-500 text-white px-4 py-2 rounded-md" onClick={() => {
-        router.push('/game/page');
-      }}>시작하기</button>
+      <div className="flex flex-wrap items-center justify-center gap-3">
+        <button
+          type="button"
+          className="rounded-md bg-amber-500 px-4 py-2 font-semibold text-stone-950 hover:bg-amber-400"
+          onClick={() => {
+            router.push('/game');
+          }}
+        >
+          시작하기
+        </button>
+        <Link
+          href="/"
+          className="rounded-md bg-white/10 px-4 py-2 text-sm hover:bg-white/20"
+        >
+          커스텀 설정
+        </Link>
+      </div>
     </div>
   );
-}
\ No newline at end of file
+}