일부 동작 불가 코드 오류 수정.

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>
   );
 }