diff --git a/app/page.tsx b/app/page.tsx
index dc5d3ec..d282967 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -2,7 +2,9 @@
 
 import { useState } from 'react';
 import Link from 'next/link';
-import { Language, getTranslation } from '../utils/i18n';
+import { Language } from '../types/lottery';
+import { getTranslation } from '../utils/i18n';
+import Navigation from '../components/Navigation';
 
 export default function Home() {
   const [language, setLanguage] = useState<Language>('zh_cn');
@@ -10,21 +12,8 @@ export default function Home() {
 
   return (
     <main className="min-h-screen p-8 bg-gray-50 dark:bg-gray-900">
+      <Navigation language={language} onLanguageChange={setLanguage} />
       <div className="max-w-4xl mx-auto space-y-12">
-        {/* 语言选择 */}
-        <div className="flex justify-end">
-          <select
-            value={language}
-            onChange={(e) => setLanguage(e.target.value as Language)}
-            className="p-2 border rounded dark:bg-gray-700 dark:text-gray-100 dark:border-gray-600"
-          >
-            <option value="ja_jp">日本語</option>
-            <option value="zh_cn">简体中文</option>
-            <option value="zh_tw">繁體中文</option>
-            <option value="en_us">English</option>
-          </select>
-        </div>
-
         {/* 标题 */}
         <div className="text-center">
           <h1 className="text-4xl font-bold text-gray-900 dark:text-gray-100 mb-4">
diff --git a/next.config.ts b/next.config.ts
index 5083fe5..577770d 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -5,6 +5,16 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/kc-development-tools',
+        permanent: true,
+        basePath: false
+      }
+    ];
+  }
 }
 
 export default nextConfig;