diff --git a/src/app/[locale]/keyword-cloud/page.tsx b/src/app/[locale]/keyword-cloud/page.tsx
new file mode 100644
index 0000000..b0e431d
--- /dev/null
+++ b/src/app/[locale]/keyword-cloud/page.tsx
@@ -0,0 +1,35 @@
+import { KeywordCloud } from './components/KeywordCloud';
+
+interface PageProps {
+  params: {
+    locale: string;
+  };
+  searchParams: {
+    quarter?: string;
+  };
+}
+
+export default function KeywordCloudPage({ searchParams }: PageProps) {
+  // 如果 URL 中有 quarter 参数,使用它;否则使用默认季度
+  const quarter = searchParams.quarter || '2024-Q1';
+
+  return (
+    <main className="relative z-10 max-w-6xl mx-auto px-4 pb-32 overflow-visible">
+      {/* 页面标题 */}
+      <header className="relative z-10 pt-16 pb-8 text-center max-w-4xl mx-auto px-4">
+        <div className="inline-block bg-accent dark:bg-purple-700 border-2 border-black px-3 py-1 font-display font-bold text-xs mb-4 shadow-hard-sm rotate-[-2deg]">
+          AI 热点追踪
+        </div>
+        <h1 className="font-display text-5xl md:text-7xl font-bold mb-6 tracking-tighter leading-tight">
+          季度 AI <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-purple-500" style={{ WebkitTextStroke: '1.5px black' }}>热点词云</span>
+        </h1>
+        <p className="text-lg md:text-xl max-w-2xl mx-auto font-medium text-gray-700 dark:text-gray-300 mb-8">
+          从 "大型语言模型" 到 "Agent 工作流"。探索 AI 话语的演变历程。
+        </p>
+      </header>
+
+      {/* 词云组件 */}
+      <KeywordCloud initialQuarter={quarter} />
+    </main>
+  );
+}