'use client';

import Link from 'next/link';
import { useRouter } from 'next/navigation';

export default function MainPage() {
  const router = useRouter();

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