SoarCraft
diff --git a/‎app/layout.tsx
+31-1 b/‎app/layout.tsx
+31-1
diff --git a/‎package.json
-1 b/‎package.json
-1
@@ -1,4 +1,7 @@
 import { AntdRegistry } from "@ant-design/nextjs-registry";
+import { Layout, Menu } from "antd";
+import { Content, Footer, Header } from "antd/es/layout/layout";
+import Sider from "antd/es/layout/Sider";
 import type { Metadata } from "next";
 import "./globals.css";
 
@@ -12,7 +15,34 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
     <html lang="zh-Hans">
       <body className="antialiased">
         <AntdRegistry>
-          {children}
+          <Layout className="!min-h-screen antialiased">
+            <Sider theme="light" collapsible>
+              <div className="text-center py-4 text-xl">VoiceGrid</div>
+
+              <Menu defaultSelectedKeys={['1']} mode="inline" items={[
+                {
+                  key: "1",
+                  label: "Datasets",
+                }
+              ]} />
+            </Sider>
+
+            <Layout>
+              <Header className="!bg-white">
+                123
+              </Header>
+
+              <Content className="m-4">
+                <div className="p-6 min-h-80 bg-white rounded-lg">
+                  {children}
+                </div>
+              </Content>
+
+              <Footer className="text-center">
+                SoarCraft ©{new Date().getFullYear()} Part of CheersYou
+              </Footer>
+            </Layout>
+          </Layout>
         </AntdRegistry>
       </body>
     </html>
 
@@ -11,7 +11,6 @@
   },
   "dependencies": {
     "@ant-design/nextjs-registry": "^1.0.2",
-    "@ant-design/pro-components": "^2.8.5",
     "ahooks": "^3.8.4",
     "antd": "^5.24.0",
     "next": "15.1.7",