diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index 612cb91..bf3b9b5 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -1,6 +1,5 @@
 import { defineConfig } from 'vitepress'
 
-// https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "OpenMCP",
   description: "为开发者和科研人员准备的MCP开发环境和SDK",
@@ -26,6 +25,9 @@ export default defineConfig({
     ],
     footer: {
       message: '缩短LLM到Agent的最后一公里'
-    }
+    },
+    
+    // 添加右侧图片配置
+    logo: '/openmcp.png',  // 确保图片放在public目录下
   }
 })
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index def4cfc..deaf629 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -1,17 +1,19 @@
 // https://vitepress.dev/guide/custom-theme
-import { h } from 'vue'
-import type { Theme } from 'vitepress'
-import DefaultTheme from 'vitepress/theme'
-import './style.css'
+import { h } from 'vue';
+import type { Theme } from 'vitepress';
+import DefaultTheme from 'vitepress/theme';
+import HeroImage from './openmcp-hero-image.vue';
+
+import './style.css';
 
 export default {
-  extends: DefaultTheme,
-  Layout: () => {
-    return h(DefaultTheme.Layout, null, {
-      // https://vitepress.dev/guide/extending-default-theme#layout-slots
-    })
-  },
-  enhanceApp({ app, router, siteData }) {
-    // ...
-  }
+	extends: DefaultTheme,
+	Layout: () => {
+		return h(DefaultTheme.Layout, null, {
+			'home-hero-image': () => h(HeroImage)
+		})
+	},
+	enhanceApp({ app, router, siteData }) {
+		// ...
+	}
 } satisfies Theme
diff --git a/.vitepress/theme/openmcp-hero-image.vue b/.vitepress/theme/openmcp-hero-image.vue
new file mode 100644
index 0000000..f1b38db
--- /dev/null
+++ b/.vitepress/theme/openmcp-hero-image.vue
@@ -0,0 +1,38 @@
+<template>
+	<img class="VPImage image-src" src="/openmcp.png" alt="">
+</template>
+
+<style scoped>
+
+.VPHero .VPImage {
+    filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, .2));
+    padding: 18px;
+}
+
+@media (min-width: 960px) {
+    .image-src {
+        max-width: 320px;
+        max-height: 320px;
+    }
+}
+
+@media (min-width: 640px) {
+    .image-src {
+        max-width: 256px;
+        max-height: 256px;
+    }
+}
+
+.image-src {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    max-width: 352px;
+    max-height: 352px;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    transform: translate(-50%, -50%);
+}
+
+</style>
diff --git a/index.md b/index.md
index 9eb085b..ac7c8de 100644
--- a/index.md
+++ b/index.md
@@ -4,22 +4,26 @@ layout: home
 
 hero:
   name: "OpenMCP"
-  text: "elegant mcp development tools and sdk for developers and researchers"
+  text: "elegant mcp debuggers and sdk for developers"
   tagline: Shortening the last mile from LLM to Agent
+  
   actions:
     - theme: brand
-      text: Markdown Examples
+      text: OpenMCP Client
       link: /markdown-examples
     - theme: alt
-      text: API Examples
+      text: openmcp-sdk
+      link: /api-examples
+    - theme: alt
+      text: Github
       link: /api-examples
 
 features:
-  - title: Feature A
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature B
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature C
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Integrated Debugging Environment
+    details: Combines Inspector with MCP client functions for seamless development and testing
+  - title: Comprehensive Project Management
+    details: Offers complete project-level control panels for efficient MCP project oversight
+  - title: Multi-Model Support
+    details: Supports various large language models with flexible integration capabilities
 ---
 
diff --git a/openmcp.png b/openmcp.png
new file mode 100644
index 0000000..a6e7815
Binary files /dev/null and b/openmcp.png differ