feat:重构UI

apps/web/app/page.tsx

@@ -2,12 +2,22 @@ import TranslatorForm from '@/components/TranslatorForm'
 
 export default function Home() {
   return (
-    <main className="min-h-screen bg-gray-50">
-      <div className="container mx-auto px-4 py-8">
-        <h1 className="text-3xl font-bold text-center mb-8">
-          AI 翻译
-        </h1>
+    <main className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8 md:py-16">
+        <div className="flex flex-col items-center mb-12 space-y-4">
+          <h1 className="text-4xl md:text-5xl font-extrabold tracking-tight text-foreground">
+            AI 智能翻译
+          </h1>
+          <p className="text-muted-foreground text-lg text-center max-w-2xl">
+            极速、精准、自然。基于最新的大语言模型技术，为您提供地道的翻译体验。
+          </p>
+        </div>
+
         <TranslatorForm />
+
+        <footer className="mt-16 text-center text-sm text-muted-foreground">
+          <p>&copy; {new Date().getFullYear()} AI Translator. Powered by Next.js & FastAPI.</p>
+        </footer>
       </div>
     </main>
   )