diff --git a/.vitepress/cache/deps/_metadata.json b/.vitepress/cache/deps/_metadata.json
index a407a3f..2ff7d78 100644
--- a/.vitepress/cache/deps/_metadata.json
+++ b/.vitepress/cache/deps/_metadata.json
@@ -7,7 +7,7 @@
     "vue": {
       "src": "../../../node_modules/.pnpm/vue@3.5.13/node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "a22637b0",
+      "fileHash": "4575c628",
       "needsInterop": false
     },
     "vitepress > @vue/devtools-api": {
@@ -19,13 +19,13 @@
     "vitepress > @vueuse/core": {
       "src": "../../../node_modules/.pnpm/@vueuse+core@11.3.0_vue@3.5.13/node_modules/@vueuse/core/index.mjs",
       "file": "vitepress___@vueuse_core.js",
-      "fileHash": "bdbd505e",
+      "fileHash": "ace5ebd7",
       "needsInterop": false
     },
     "@theme/index": {
       "src": "../../../node_modules/.pnpm/vitepress@1.5.0_@algolia+client-search@5.18.0_postcss@8.4.49_search-insights@2.17.3/node_modules/vitepress/dist/client/theme-default/index.js",
       "file": "@theme_index.js",
-      "fileHash": "783826df",
+      "fileHash": "95961e64",
       "needsInterop": false
     }
   },
diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index 0bf1290..cf01777 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -49,7 +49,19 @@ const sidebar: ThemeConfig['sidebar'] = {
         },
         {
           text: 'TypeScript', link: "/experience/internet/frontend/ts",
-        }
+        },
+        {
+          text: 'React', link: "/experience/internet/frontend/react",
+        },
+        {
+          text: 'Vue', link: "/experience/internet/frontend/vue",
+        },
+        {
+          text: 'Css', link: "/experience/internet/frontend/css",
+        },
+        {
+          text: 'Html', link: "/experience/internet/frontend/html",
+        },
       ]
     },
     {
diff --git a/src/experience/internet/frontend/css.md b/src/experience/internet/frontend/css.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/experience/internet/frontend/h5.md b/src/experience/internet/frontend/h5.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/experience/internet/frontend/index.md b/src/experience/internet/frontend/index.md
deleted file mode 100644
index be3d95c..0000000
--- a/src/experience/internet/frontend/index.md
+++ /dev/null
@@ -1 +0,0 @@
-# 前端开发
diff --git a/src/experience/internet/frontend/js.md b/src/experience/internet/frontend/js.md
index e69de29..91dfdca 100644
--- a/src/experience/internet/frontend/js.md
+++ b/src/experience/internet/frontend/js.md
@@ -0,0 +1,3 @@
+# JavaScript
+
+## 建设中
diff --git a/src/experience/internet/frontend/react.md b/src/experience/internet/frontend/react.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/experience/internet/frontend/ts.md b/src/experience/internet/frontend/ts.md
index e69de29..89afa7f 100644
--- a/src/experience/internet/frontend/ts.md
+++ b/src/experience/internet/frontend/ts.md
@@ -0,0 +1,3 @@
+# TypeScript
+
+建设中...
diff --git a/src/experience/internet/frontend/vue.md b/src/experience/internet/frontend/vue.md
new file mode 100644
index 0000000..e69de29
diff --git a/src/index.md b/src/index.md
index 8507358..870fe18 100644
--- a/src/index.md
+++ b/src/index.md
@@ -3,9 +3,9 @@
 layout: home
 
 hero:
-  name: "复旦大学生手册"
+  name: "复旦大学生就业手册"
   text: "为复旦学子提供全面的指南和经验分享"
-  tagline: "从在校准备到择业指南，助你一路成长"
+  tagline: "从在校准备到行业大牛，助你一路成长"
   actions:
     - theme: brand
       text: 开始阅读
@@ -14,11 +14,16 @@ hero:
 features:
   - title: 在校准备
     details: 提供在校期间的学习、实习、科研、竞赛等方面的指导，帮助你全面发展。
+    link: /in-school/pre
   - title: 校招经验
     details: 分享互联网、国央企、银行等行业的校招经验，助你顺利求职。
+    link: /experience/internet/backend/java
   - title: 择业指南
     details: 提供各行业的择业建议，帮助你找到最适合自己的职业方向。
+    link: /guidance/pre
   - title: 校友访谈
     details: 通过校友访谈，了解不同职业的发展路径和经验分享。
+    link: /interviews/pre
+
 ---