diff --git a/docs/latest/advanced/branding.md b/docs/latest/advanced/branding.md
index 84bb38dc..6a841cfc 100644
--- a/docs/latest/advanced/branding.md
+++ b/docs/latest/advanced/branding.md
@@ -53,4 +53,8 @@ YUXI_BRAND_FILE_PATH=src/config/static/info.local.yaml
 
 ```
 
-**此外**，`web/src/stores/theme.js` 中也包含了主题相关的配置（需要修改 `colorPrimary`），可根据需要修改。
\ No newline at end of file
+**此外**，`web/src/stores/theme.js` 中也包含了主题相关的配置（需要修改 `colorPrimary`），可根据需要修改。
+
+## 修改首页
+
+首页提供了一个插槽组件 `web/src/components/ProjectOverview.vue`，可以在该组件中自定义项目介绍，当前为空文件。（借助 AI 编程可以设计出更好看的首页的）
diff --git a/web/src/components/ProjectOverview.vue b/web/src/components/ProjectOverview.vue
new file mode 100644
index 00000000..6beff519
--- /dev/null
+++ b/web/src/components/ProjectOverview.vue
@@ -0,0 +1,2 @@
+<template>
+</template>
diff --git a/web/src/views/HomeView.vue b/web/src/views/HomeView.vue
index e839d886..9fced927 100644
--- a/web/src/views/HomeView.vue
+++ b/web/src/views/HomeView.vue
@@ -75,6 +75,8 @@
       </div>
     </div>
 
+    <ProjectOverview />
+
     <footer class="footer">
       <div class="footer-content">
         <p class="copyright">{{ infoStore.footer?.copyright || '© 2025 All rights reserved' }}</p>
@@ -91,6 +93,7 @@ import { useInfoStore } from '@/stores/info'
 import { useAgentStore } from '@/stores/agent'
 import { useThemeStore } from '@/stores/theme'
 import UserInfoComponent from '@/components/UserInfoComponent.vue'
+import ProjectOverview from '@/components/ProjectOverview.vue'
 import {
   BookText,
   Bug,
@@ -218,7 +221,7 @@ const actionLinks = computed(() => {
 
 <style lang="less" scoped>
 .home-container {
-  height: 100vh;
+  min-height: 100vh;
   display: flex;
   flex-direction: column;
   color: var(--main-900);
@@ -226,7 +229,6 @@ const actionLinks = computed(() => {
   position: relative;
   overflow-x: hidden;
 }
-
 .glass-header {
   display: flex;
   justify-content: space-between;
@@ -266,8 +268,6 @@ const actionLinks = computed(() => {
   &:hover {
     color: var(--gray-900);
 
-
-
     svg {
       transform: scale(1.1);
     }
@@ -511,7 +511,7 @@ const actionLinks = computed(() => {
 .section {
   width: 100%;
   max-width: 1200px;
-  margin: 0 auto;
+  margin: 50px auto 0px auto;
   padding: 2rem 0;
 }