고양이 마을 1단계: 개체 생성·배치·틱 생산·수동 회수

- 품종 8종·패시브·랜덤 개체 생성 (기획서 4.2, 5장)
- 부두/벌목장 배치, 적성 0 배치 불가, 적성 비선형 작업량 (4.4)
- rAF+델타 타임 엔진(모듈 싱글턴), UI 300ms 동기화 (기술 메모)
- 수동 회수(운반 수레 전), localStorage 저장(version 필드)
- 회관 Lv1 수용 3마리, 입양 버튼

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/app/page.tsx

@@ -1,51 +1,25 @@
+import Game from "@/components/game/Game";
 import DbStatus from "@/components/DbStatus";
 
 export default function Home() {
   return (
     <div className="flex min-h-screen flex-col">
-      {/* 헤더 */}
       <header className="border-b border-gray-200 dark:border-gray-800">
         <div className="mx-auto flex max-w-5xl items-center justify-between px-6 py-4">
-          <span className="text-lg font-bold">jskim</span>
-          <nav className="flex gap-6 text-sm text-gray-600 dark:text-gray-300">
-            <a href="/" className="hover:text-black dark:hover:text-white">홈</a>
-            <a href="#" className="hover:text-black dark:hover:text-white">메뉴1</a>
-            <a href="#" className="hover:text-black dark:hover:text-white">메뉴2</a>
-          </nav>
+          <span className="text-lg font-bold">🏡 고양이 마을</span>
+          <span className="text-xs text-gray-400">방치형 경영 게임 — 1단계</span>
         </div>
       </header>
 
-      {/* 메인 */}
-      <main className="mx-auto w-full max-w-5xl flex-1 px-6 py-12">
-        <section className="mb-12">
-          <h1 className="mb-2 text-3xl font-bold">메인 페이지</h1>
-          <p className="text-gray-500 dark:text-gray-400">
-            jskim.vexplor.com — Next.js + PostgreSQL 기본 틀
-          </p>
-          <div className="mt-3">
-            <DbStatus />
-          </div>
-        </section>
-
-        {/* 콘텐츠 카드 자리 */}
-        <section className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-          {["섹션 A", "섹션 B", "섹션 C"].map((title) => (
-            <div
-              key={title}
-              className="rounded-xl border border-gray-200 p-6 dark:border-gray-800"
-            >
-              <h2 className="mb-2 font-semibold">{title}</h2>
-              <p className="text-sm text-gray-500 dark:text-gray-400">
-                콘텐츠가 들어갈 자리입니다.
-              </p>
-            </div>
-          ))}
-        </section>
+      <main className="mx-auto w-full max-w-5xl flex-1 px-6 py-8">
+        <Game />
       </main>
 
-      {/* 푸터 */}
       <footer className="border-t border-gray-200 py-6 text-center text-sm text-gray-400 dark:border-gray-800">
-        jskim.vexplor.com · dev-pilots
+        <div className="flex items-center justify-center gap-4">
+          <span>jskim.vexplor.com · dev-pilots</span>
+          <DbStatus />
+        </div>
       </footer>
     </div>
   );