diff --git a/docs/.vitepress/src/assets/category/home/install-guide-bg.png b/docs/.vitepress/src/assets/category/home/install-guide-bg.png
index 2c11b03480c35eb2ec9ed209f6fe5e46a5d0f7ec..bfd8d0b5e727cbe117bd87fe6ec5ccd3a02ca686 100644
Binary files a/docs/.vitepress/src/assets/category/home/install-guide-bg.png and b/docs/.vitepress/src/assets/category/home/install-guide-bg.png differ
diff --git a/docs/.vitepress/src/assets/category/home/qa-bg.png b/docs/.vitepress/src/assets/category/home/qa-bg.png
index 349fa94d0ea4235c40c7353bae2528be6429ef30..e0aedadc5684fc42ccdf1a4ee36010025669194d 100644
Binary files a/docs/.vitepress/src/assets/category/home/qa-bg.png and b/docs/.vitepress/src/assets/category/home/qa-bg.png differ
diff --git a/docs/.vitepress/src/assets/category/home/started-bg.png b/docs/.vitepress/src/assets/category/home/started-bg.png
index b9959f7da41b0d60b28ca9983a9dd19dc8965a36..d6183fa6a470420835e1a45935cbfa9fc9fe6c00 100644
Binary files a/docs/.vitepress/src/assets/category/home/started-bg.png and b/docs/.vitepress/src/assets/category/home/started-bg.png differ
diff --git a/docs/.vitepress/src/assets/category/home/x2-bg.png b/docs/.vitepress/src/assets/category/home/x2-bg.png
index 9121ff486e4a0dce1c3a8a174a060f75f752c83e..85e09770fd108a2c884197428bf739afef3bff2d 100644
Binary files a/docs/.vitepress/src/assets/category/home/x2-bg.png and b/docs/.vitepress/src/assets/category/home/x2-bg.png differ
diff --git a/docs/.vitepress/src/components/DocBugDialog.vue b/docs/.vitepress/src/components/DocBugDialog.vue
index be5a28b951f58c756e90278969a4aa09e035dcae..bb26f44798c09a71bc9df501e261eff8d57c1e2d 100644
--- a/docs/.vitepress/src/components/DocBugDialog.vue
+++ b/docs/.vitepress/src/components/DocBugDialog.vue
@@ -21,8 +21,6 @@ import {
 
 import { useRoute } from 'vitepress';
 
-import IconTips from '~icons/app/icon-tips.svg';
-
 import type { DocsBugParamsT } from '@/@types/type-feedback';
 
 import { submitDocsBug } from '@/api/api-feedback';
@@ -95,24 +93,54 @@ const submitTypeOptions = [
 const questionType = ref('规范和低错类');
 const questionTypeOptions = [
   {
-    label: '规范和低错类',
-    value: '规范和低错类',
+    label: {
+      zh: '规范和低错类',
+      en: 'Specifications and Common Mistakes',
+    },
+    value: {
+      zh: '规范和低错类',
+      en: 'Specifications and Common Mistakes',
+    },
   },
   {
-    label: '易用性',
-    value: '易用性',
+    label: {
+      zh: '易用性',
+      en: 'Usability',
+    },
+    value: {
+      zh: '易用性',
+      en: 'Usability',
+    },
   },
   {
-    label: '正确性',
-    value: '正确性',
+    label: {
+      zh: '正确性',
+      en: 'Correctness',
+    },
+    value: {
+      zh: '正确性',
+      en: 'Correctness',
+    },
   },
   {
-    label: '风险提示',
-    value: '风险提示',
+    label: {
+      zh: '风险提示',
+      en: 'Risk Warnings',
+    },
+    value: {
+      zh: '风险提示',
+      en: 'Risk Warnings',
+    },
   },
   {
-    label: '内容合规',
-    value: '内容合规',
+    label: {
+      zh: '内容合规',
+      en: 'Content Compliance',
+    },
+    value: {
+      zh: '内容合规',
+      en: 'Content Compliance',
+    },
   },
 ];
 
@@ -199,16 +227,16 @@ const change = (visible: boolean) => {
   <ODialog :visible="modelValue" @change="change" class="docs-bug-dialog">
     <template #header>
       <div class="title-header">
-        <p class="title">文档捉虫</p>
+        <p class="title">{{ t('feedback.bugCatchingTitle') }}</p>
       </div>
     </template>
     <OForm ref="formRef" :model="formData" has-required layout="v" @submit="submitBug">
-      <OFormItem field="fragment" :label="'“有虫”文档片段'" :rules="fragmentRules">
-        <OTextarea v-model="formData.fragment" placeholder="点击输入将“有虫”文档复制、粘贴到此处" size="large" resize="none" />
+      <OFormItem field="fragment" :label="t('feedback.bugContentTitle')" :rules="fragmentRules">
+        <OTextarea v-model="formData.fragment" :placeholder="t('feedback.bugContentPlaceholder')" size="large" resize="none" />
       </OFormItem>
-      <OFormItem :label="'问题描述'" field="description" :rules="descriptionRules">
+      <OFormItem :label="t('feedback.bugDescription')" field="description" :rules="descriptionRules">
         <div class="select">
-          <p class="text">提交类型</p>
+          <p class="text">{{ t('feedback.submitAs') }}</p>
           <ORadioGroup class="select-options" v-model="submitType" :style="{ gap: `8px` }">
             <ORadio v-for="option in submitTypeOptions" :key="option.value" :value="option.value">
               <template #radio="{ checked }">
@@ -220,18 +248,18 @@ const change = (visible: boolean) => {
           </ORadioGroup>
         </div>
         <div class="select">
-          <p class="text">问题类型</p>
+          <p class="text">{{ t('feedback.bugType') }}</p>
           <ORadioGroup class="select-options" v-model="questionType" :style="{ gap: `8px` }">
-            <ORadio v-for="option in questionTypeOptions" :key="option.value" :value="option.value">
+            <ORadio v-for="option in questionTypeOptions" :key="option.value[locale]" :value="option.value[locale]">
               <template #radio="{ checked }">
                 <OToggle :class="{ active: checked }" :style="{ '--toggle-padding': '4px 16px', '--toggle-radius': '4px' }" :checked="checked">
-                  {{ option.label }}
+                  {{ option.label[locale] }}
                 </OToggle>
               </template>
             </ORadio>
           </ORadioGroup>
         </div>
-        <OTextarea v-model="formData.description" placeholder="点击输入详细问题描述，以帮助我们快速定位问题" size="large" resize="none" />
+        <OTextarea v-model="formData.description" :placeholder="t('feedback.bugDescriptionPlaceholder')" size="large" resize="none" />
       </OFormItem>
       <div class="agree-box">
         <OCheckbox v-model="isAgree" :value="1" @change="onAgree">
@@ -240,7 +268,7 @@ const change = (visible: boolean) => {
         </OCheckbox>
       </div>
       <div class="btn">
-        <OButton color="primary" variant="solid" size="large" :disabled="!isAgree?.length" type="submit">提交</OButton>
+        <OButton color="primary" variant="solid" size="large" :disabled="!isAgree?.length" type="submit">{{ t('feedback.submit') }}</OButton>
       </div>
     </OForm>
   </ODialog>
@@ -308,10 +336,12 @@ const change = (visible: boolean) => {
   display: flex;
   align-items: center;
   .text {
-    @include text1;
+    width: 70px;
     color: var(--o-color-info1);
     font-weight: 500;
+    @include text1;
   }
+
   &:nth-of-type(1) {
     margin: 4px 0 8px;
   }
@@ -319,6 +349,16 @@ const change = (visible: boolean) => {
     margin-bottom: 12px;
   }
 }
+
+[lang='en'] {
+  .select .text {
+    width: 100px;
+  }
+
+  .o-radio-group {
+    width: 550px;
+  }
+}
 .select-options {
   --radio-group-gap: 0;
   margin-left: 56px;
diff --git a/docs/.vitepress/src/components/FloatingButton.vue b/docs/.vitepress/src/components/FloatingButton.vue
index e17f84e962369db35749ba9160b0de33e06be234..e4251ed67830af25da98fdcfb743f8f48ccf4644 100644
--- a/docs/.vitepress/src/components/FloatingButton.vue
+++ b/docs/.vitepress/src/components/FloatingButton.vue
@@ -11,8 +11,10 @@ import { scrollToTop } from '@/utils/common';
 
 import { useAppearance } from '@/stores/common';
 import { useScreen } from '@/composables/useScreen';
+import { useLocale } from '@/composables/useLocale';
 
 const { gtPhone } = useScreen();
+const { t } = useLocale();
 const docBugVisible = ref(false);
 
 const isDark = computed(() => {
@@ -44,7 +46,7 @@ onUnmounted(() => {
 <template>
   <div v-if="gtPhone" class="feedback-home">
     <div class="bug-box" @click="docBugVisible = true">
-      <div class="bug-text">文档捉虫</div>
+      <div class="bug-text">{{ t('feedback.bugCatching') }}</div>
     </div>
     <div class="feedback-wrap">
       <FloatingButtonHome />
@@ -101,4 +103,11 @@ onUnmounted(() => {
   font-size: 14px;
   writing-mode: vertical-rl;
 }
+
+[lang='en'] {
+  .bug-text {
+    writing-mode: inherit;
+    white-space: pre;
+  }
+}
 </style>
diff --git a/docs/.vitepress/src/components/markdown/MarkdownTitle.vue b/docs/.vitepress/src/components/markdown/MarkdownTitle.vue
index 867fa0e98717ce82398cb2723c7e5487865c28de..64d8dcc45e98b19b27d8e15eaec68b3e3bbcca78 100644
--- a/docs/.vitepress/src/components/markdown/MarkdownTitle.vue
+++ b/docs/.vitepress/src/components/markdown/MarkdownTitle.vue
@@ -70,7 +70,7 @@ const onClickCopyLink = (e: MouseEvent) => {
       <OIcon v-show="showPin" class="pin"> <IconPin /> </OIcon>
       <slot></slot>
     </span>
-    <OPopover position="top" trigger="hover">
+    <OPopover position="right" trigger="hover">
       <template #target>
         <a class="link copy-link" @click="onClickCopyLink">
           <OIcon> <IconLink /> </OIcon>
diff --git a/docs/.vitepress/src/config/home.ts b/docs/.vitepress/src/config/home.ts
index 9431da43c84874d42cab2c73f7c91b616aa5863a..6c11460f6f93417c203e071d327d9a4a03671385 100644
--- a/docs/.vitepress/src/config/home.ts
+++ b/docs/.vitepress/src/config/home.ts
@@ -27,6 +27,12 @@ import BgEdgeComputing from '@/assets/category/home/edge-computing-bg.png';
 import IconEmbedded from '~icons/home/embedded.svg';
 import BgEmbedded from '@/assets/category/home/embedded-bg.png';
 
+// 热门搜索
+export const hotSearchList = {
+  zh: ['安装指南', '管理员指南', 'x2openEuler迁移专区', '引用开发指南', 'UKUI用户指南'],
+  en: ['Installation guide', 'Administrator guide', 'x2openEuler migration', 'Application development guide', 'UKUI user guide'],
+};
+
 // 卡片
 export const cardList = [
   {
@@ -38,9 +44,18 @@ export const cardList = [
       light: BgStartedMo,
       dark: BgStartedMoDark,
     },
-    title: '新手入门',
-    desc: '10分钟玩转社区，快速构建与成长',
-    href: '/zh/Server/Quickstart/Quickstart/quick-start.html',
+    title: {
+      zh: '新手入门',
+      en: 'Quick Start',
+    },
+    desc: {
+      zh: '10分钟玩转社区，快速构建与成长',
+      en: 'Learn the community essentials in 10 minutes, build and grow quickly.',
+    },
+    href: {
+      zh: '/zh/Server/Quickstart/Quickstart/quick-start.html',
+      en: '/zh/Server/Quickstart/Quickstart/quick-start.html',
+    },
   },
   {
     background: {
@@ -51,9 +66,18 @@ export const cardList = [
       light: BgInstallGuideMo,
       dark: BgInstallGuideMoDark,
     },
-    title: '安装指南',
-    desc: '指导用户顺利完成 openEuler 操作系统安装',
-    href: '/zh/Server/InstallationUpgrade/Installation/installation-preparations.html',
+    title: {
+      zh: '安装指南',
+      en: 'Installation Guide',
+    },
+    desc: {
+      zh: '指导用户顺利完成 openEuler 操作系统安装',
+      en: 'Step-by-step instructions for installing openEuler.',
+    },
+    href: {
+      zh: '/zh/Server/InstallationUpgrade/Installation/installation-preparations.html',
+      en: '/zh/Server/InstallationUpgrade/Installation/installation-preparations.html',
+    },
   },
   {
     background: {
@@ -64,9 +88,18 @@ export const cardList = [
       light: BgQaMo,
       dark: BgQaMoDark,
     },
-    title: '常见问题',
-    desc: '常见问题解决方法',
-    href: 'https://www.openeuler.org/zh/faq/',
+    title: {
+      zh: '常见问题',
+      en: 'FAQ',
+    },
+    desc: {
+      zh: '常见问题解决方法',
+      en: 'Solutions to common issues and troubleshooting tips.',
+    },
+    href: {
+      zh: 'https://www.openeuler.org/zh/faq/',
+      en: 'https://www.openeuler.org/en/faq/',
+    },
   },
   {
     background: {
@@ -77,9 +110,18 @@ export const cardList = [
       light: BgX2Mo,
       dark: BgX2MoDark,
     },
-    title: '文档开发指南',
-    desc: '参与文档贡献的方式',
-    href: '/zh/contribute/directory_structure_introductory.html',
+    title: {
+      zh: '文档开发指南',
+      en: 'Documentation Guide',
+    },
+    desc: {
+      zh: '参与文档贡献的方式',
+      en: 'Explore ways to participate in document development.',
+    },
+    href: {
+      zh: '/zh/contribute/directory_structure_introductory.html',
+      en: '/zh/contribute/directory_structure_introductory.html',
+    },
   },
 ];
 
@@ -88,74 +130,182 @@ export const businessScenarioList = [
   {
     icon: IconServer,
     background: BgServer,
-    title: '服务器',
-    desc: '提供服务器场景的安装升级、管理运维、性能调优、应用开发等操作指南。',
-    href: '/zh/Server/index.html',
+    title: {
+      zh: '服务器',
+      en: 'Server',
+    },
+    desc: {
+      zh: '提供服务器场景的安装升级、管理运维、性能调优、应用开发等操作指南',
+      en: 'Explore guides for server installation, upgrades, management, performance tuning, and application development.',
+    },
+    href: {
+      zh: '/zh/Server/index.html',
+      en: '/zh/Server/index.html',
+    },
   },
   {
     icon: IconVirtualization,
     background: BgVirtualization,
-    title: '虚拟化',
-    desc: '提供虚拟化场景（云计算）的用户指南，帮助用户了解虚拟化，以及安装和使用虚拟化。',
-    href: '/zh/Virtualization/index.html',
+    title: {
+      zh: '虚拟化',
+      en: 'Virtualization',
+    },
+    desc: {
+      zh: '提供虚拟化场景（云计算）的用户指南，帮助用户了解虚拟化，以及安装和使用虚拟化',
+      en: 'Learn, install, and use virtualization technologies.',
+    },
+    href: {
+      zh: '/zh/Virtualization/index.html',
+      en: '/zh/Virtualization/index.html',
+    },
   },
   {
     icon: IconCloud,
     background: BgCloud,
-    title: '云原生',
-    desc: '提供云原生场景（云计算）的用户指南，帮助用户安装和使用容器，部署集群等。',
-    href: '/zh/Cloud/index.html',
+    title: {
+      zh: '云原生',
+      en: 'Cloud',
+    },
+    desc: {
+      zh: '提供云原生场景（云计算）的用户指南，帮助用户安装和使用容器，部署集群等',
+      en: 'Deploy containers and clusters with the comprehensive guides.',
+    },
+    href: {
+      zh: '/zh/Cloud/index.html',
+      en: '/zh/Cloud/index.html',
+    },
   },
   {
     icon: IconEdgeComputing,
     background: BgEdgeComputing,
-    title: '边缘计算',
-    desc: '提供KubeEdge、K3S的安装和使用介绍。',
-    href: '/zh/EdgeComputing/index.html',
+    title: {
+      zh: '边缘计算',
+      en: 'Edge',
+    },
+    desc: {
+      zh: '提供KubeEdge、K3S的安装和使用介绍',
+      en: 'Get started with KubeEdge and K3S installation and usage.',
+    },
+    href: {
+      zh: '/zh/EdgeComputing/index.html',
+      en: '/zh/EdgeComputing/index.html',
+    },
   },
   {
     icon: IconEmbedded,
     background: BgEmbedded,
-    title: '嵌入式',
-    desc: '提供嵌入式场景的镜像构建、应用开发、系统管理等操作指南。',
-    href: '/zh/Embedded/index.html',
+    title: {
+      zh: '嵌入式',
+      en: 'Embedded',
+    },
+    desc: {
+      zh: '提供嵌入式场景的镜像构建、应用开发、系统管理等操作指南',
+      en: 'Build images, develop applications, and manage embedded systems.',
+    },
+    href: {
+      zh: '/zh/Embedded/index.html',
+      en: '/zh/Embedded/index.html',
+    },
   },
 ];
 
 export const toolList = [
   {
-    title: '社区工具',
-    desc: '提供镜像构建、编译、测试、性能优化、迁移、发布、软件包构建、虚拟化工具使用指南，如isocut、imageTailor、A-Tune、oeA…',
-    href: '/zh/Tools/CommunityTools/index.html',
+    title: {
+      zh: '社区工具',
+      en: 'Community Tools',
+    },
+    desc: {
+      zh: '提供镜像构建、编译、测试、性能优化、迁移、发布、软件包构建、虚拟化工具使用指南，如isocut、imageTailor、A-Tune、oeA…',
+      en: 'Discover guides for image building, compilation, performance optimization, migration, virtualization, and epkg package manager.',
+    },
+    href: {
+      zh: '/zh/Tools/CommunityTools/index.html',
+      en: '/zh/Tools/CommunityTools/index.html',
+    },
   },
   {
-    title: 'DevOps（社区服务）',
-    desc: '提供社区服务使用指南，包括patch-tracking、pkgship、EulerMaker、EulerDev…',
-    href: '/zh/Tools/DevOps/index.html',
+    title: {
+      zh: 'DevOps（社区服务）',
+      en: 'Community DevOps Services',
+    },
+    desc: {
+      zh: '提供社区服务使用指南，包括patch-tracking、pkgship、EulerMaker、EulerDev…',
+      en: 'Leverage source code and package management services.',
+    },
+    href: {
+      zh: '/zh/Tools/DevOps/index.html',
+      en: '/zh/Tools/DevOps/index.html',
+    },
   },
   {
-    title: 'AI',
-    desc: '提供EulerCopilot智能问答使用指南、AI大模型服务镜像使用指南。',
-    href: '/zh/Tools/AI/index.html',
+    title: {
+      zh: 'AI',
+      en: 'AI',
+    },
+    desc: {
+      zh: '提供EulerCopilot智能问答使用指南、AI大模型服务镜像使用指南',
+      en: 'Access guides for openEuler Copilot System and container images for AI model services.',
+    },
+    href: {
+      zh: '/zh/Tools/AI/index.html',
+      en: '/zh/Tools/AI/index.html',
+    },
   },
   {
-    title: '图形桌面使用',
-    desc: '提供桌面环境的安装和使用指南，包括UKUI、DDE、XFCE、Gnome、Kiran、I3',
-    href: '/zh/Tools/desktop/index.html',
+    title: {
+      zh: '图形桌面使用',
+      en: 'Desktop',
+    },
+    desc: {
+      zh: '提供桌面环境的安装和使用指南，包括UKUI、DDE、XFCE、Gnome、Kiran、I3',
+      en: 'Set up and use graphical desktop environments.',
+    },
+    href: {
+      zh: '/zh/Tools/desktop/index.html',
+      en: '/zh/Tools/desktop/index.html',
+    },
   },
   {
-    title: '云原生',
-    desc: '提供虚拟户场景下常用工具用户指南，包含虚拟机数据收集和分析工具vmtop，qemu热补丁框架工具LibcarePlus',
-    href: '/zh/Tools/Cloud/index.html',
+    title: {
+      zh: '云原生',
+      en: 'Cloud',
+    },
+    desc: {
+      zh: '提供虚拟户场景下常用工具用户指南，包含虚拟机数据收集和分析工具vmtop，qemu热补丁框架工具LibcarePlus',
+      en: 'Explore user guides for CTinspector, CPDS and other essential tools.',
+    },
+    href: {
+      zh: '/zh/Tools/Cloud/index.html',
+      en: '/zh/Tools/Cloud/index.html',
+    },
   },
   {
-    title: '系统运维',
-    desc: '提供服务器运维常用工具使用指南，包含智能运维框架Aops，异常监控服务sysmonitor',
-    href: '/zh/Tools/Maintenance/index.html',
+    title: {
+      zh: '系统运维',
+      en: 'System Operations',
+    },
+    desc: {
+      zh: '提供服务器运维常用工具使用指南，包含智能运维框架Aops，异常监控服务sysmonitor',
+      en: 'Create hot patches and monitor your system with specialized tools.',
+    },
+    href: {
+      zh: '/zh/Tools/Maintenance/index.html',
+      en: '/zh/Tools/Maintenance/index.html',
+    },
   },
   {
-    title: '安全',
-    desc: '提供服务器安全配置常用工具使用指南，包含机密计算统一开发框架secGear、OS内构入侵检测系统secDetector、安全防护系统safeg…',
-    href: '/zh/Tools/Security/index.html',
+    title: {
+      zh: '安全',
+      en: 'Security',
+    },
+    desc: {
+      zh: '提供服务器安全配置常用工具使用指南，包含机密计算统一开发框架secGear、OS内构入侵检测系统secDetector、安全防护系统safeg…',
+      en: 'Implement security configurations with our recommended tools.',
+    },
+    href: {
+      zh: '/zh/Tools/Security/index.html',
+      en: '/zh/Tools/Security/index.html',
+    },
   },
 ];
diff --git a/docs/.vitepress/src/i18n/feedback/feedback-en.ts b/docs/.vitepress/src/i18n/feedback/feedback-en.ts
index b89c092f17baab3991be2a47bbc294be0ef2b197..4a763ec022e2cccabba8ccceb3398d6fdb52fc84 100644
--- a/docs/.vitepress/src/i18n/feedback/feedback-en.ts
+++ b/docs/.vitepress/src/i18n/feedback/feedback-en.ts
@@ -8,7 +8,7 @@ export default {
   placeholder2: 'What improvements would you like to see with openEuler Docs?',
   placeholder3: 'Please tell us what you like about openEuler Docs.',
   more1: 'Thanks for your feedback.',
-  submit: 'OK',
+  submit: 'Submit',
   cancel: 'Cancel',
   recommendTip1: 'Please tell us why you are not satisfied with openEuler Docs.',
   recommendTip2: 'What improvements would you like to see with openEuler Docs?',
@@ -17,4 +17,13 @@ export default {
   feedbackFailed: 'Feedback failed.',
   issueBack: 'Report an Issue',
   issueBackDecs: 'Quickly get support from the technical team.',
+
+  bugCatching: 'Bug',
+  bugCatchingTitle: 'Bug Catching',
+  bugContentTitle: 'Buggy Content',
+  bugContentPlaceholder: 'Copy and paste the buggy document content here.',
+  bugDescription: 'Bug Description',
+  submitAs: 'Submit As',
+  bugType: 'Bug Type',
+  bugDescriptionPlaceholder: 'Describe the bug so that we can quickly locate the problem.',
 };
diff --git a/docs/.vitepress/src/i18n/feedback/feedback-zh.ts b/docs/.vitepress/src/i18n/feedback/feedback-zh.ts
index cbd7ab980fab544f922391a7762765b78ff8a0b8..3dc37fecb9f84a096cee7c421f6671f354c246a3 100644
--- a/docs/.vitepress/src/i18n/feedback/feedback-zh.ts
+++ b/docs/.vitepress/src/i18n/feedback/feedback-zh.ts
@@ -8,7 +8,7 @@ export default {
   placeholder2: '改进哪些方面会让您更满意？',
   placeholder3: '请输入您满意的原因',
   more1: '感谢您的反馈',
-  submit: '确定',
+  submit: '提交',
   cancel: '取消',
   recommendTip1: '请输入您不太推荐的原因',
   recommendTip2: '改进哪些方面会让您更愿意推荐？',
@@ -17,4 +17,13 @@ export default {
   feedbackFailed: '反馈失败',
   issueBack: '问题反馈',
   issueBackDecs: '获得技术团队的快速支持',
+
+  bugCatching: '文档捉虫',
+  bugCatchingTitle: '文档捉虫',
+  bugContentTitle: '“有虫”文档片段',
+  bugContentPlaceholder: '点击输入将“有虫”文档复制、粘贴到此处',
+  bugDescription: '问题描述',
+  submitAs: '提交类型',
+  bugType: '问题类型',
+  bugDescriptionPlaceholder: '点击输入详细问题描述，以帮助我们快速定位问题',
 };
diff --git a/docs/.vitepress/src/i18n/home/home-en.ts b/docs/.vitepress/src/i18n/home/home-en.ts
new file mode 100644
index 0000000000000000000000000000000000000000..777cfca1e9f5c15efec221807e48751e96687961
--- /dev/null
+++ b/docs/.vitepress/src/i18n/home/home-en.ts
@@ -0,0 +1,7 @@
+export default {
+  docCenter: 'Document Center',
+  searchPlaceholder: 'Enter keywords to search.',
+  topSearch: 'Popular searches: ',
+  businessScenario: 'Scenarios',
+  tool: 'Tools',
+};
diff --git a/docs/.vitepress/src/i18n/home/home-zh.ts b/docs/.vitepress/src/i18n/home/home-zh.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1502becc4fadbac7662b1208c8314f12d4d04e94
--- /dev/null
+++ b/docs/.vitepress/src/i18n/home/home-zh.ts
@@ -0,0 +1,7 @@
+export default {
+  docCenter: '文档中心',
+  searchPlaceholder: '请输入关键词进行搜索',
+  topSearch: '热门搜索：',
+  businessScenario: '业务场景',
+  tool: '工具',
+};
diff --git a/docs/.vitepress/src/i18n/home/index.ts b/docs/.vitepress/src/i18n/home/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..666ce359cf40050f1c4420c87772fa3f0090aaaa
--- /dev/null
+++ b/docs/.vitepress/src/i18n/home/index.ts
@@ -0,0 +1,7 @@
+import zh from './home-zh'
+import en from './home-en'
+
+export default {
+  zh,
+  en,
+};
diff --git a/docs/.vitepress/src/i18n/index.ts b/docs/.vitepress/src/i18n/index.ts
index 9de344f0856958bd519a747bb848f9152bd58830..fd8d60496a211a8a88f00514e97af4cd5830f30c 100644
--- a/docs/.vitepress/src/i18n/index.ts
+++ b/docs/.vitepress/src/i18n/index.ts
@@ -8,6 +8,7 @@ import footer from './footer';
 
 import docs from './docs';
 import feedback from './feedback';
+import home from './home';
 
 const messages = {
   zh: {
@@ -15,16 +16,20 @@ const messages = {
     common: common.zh,
     header: header.zh,
     footer: footer.zh,
+    // 业务
     docs: docs.zh,
     feedback: feedback.zh,
+    home: home.zh,
   },
   en: {
     // 公共
     common: common.en,
     header: header.en,
     footer: footer.en,
+    // 业务
     docs: docs.en,
     feedback: feedback.en,
+    home: home.en,
   },
 };
 
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index d714df62f5de687ff18a258337f79a99b70532b5..314909fc1c3833db46c136ac3247fd144a7b3708 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -138,7 +138,7 @@ onMounted(() => {
 });
 
 watch(hash, () => {
-  setTimeout(scrollIntoTitle); // 延迟执行，避免切换了scroller位置没有变动导致移动移除
+  setTimeout(scrollIntoTitle, 100); // 延迟执行，避免切换了scroller位置没有变动导致移动移除
 });
 
 // 滚动动态设置锚点
diff --git a/docs/.vitepress/src/views/home/TheHome.vue b/docs/.vitepress/src/views/home/TheHome.vue
index 4181f5e539a5ead06b1f318ccccf607dc30f702c..bc7491f48942fde8f83c65503f18432c0a2ee2b9 100644
--- a/docs/.vitepress/src/views/home/TheHome.vue
+++ b/docs/.vitepress/src/views/home/TheHome.vue
@@ -5,7 +5,7 @@ import ContentWrapper from '@/components/ContentWrapper.vue';
 import AppFooter from '@/components/AppFooter.vue';
 import IconSearch from '~icons/app/icon-search.svg';
 
-import { cardList, businessScenarioList, toolList } from '@/config/home';
+import { cardList, businessScenarioList, toolList, hotSearchList } from '@/config/home';
 import { useScreen } from '@/composables/useScreen';
 import { useAppearance, useSearchingStore } from '@/stores/common';
 import { useLocale } from '@/composables/useLocale';
@@ -13,7 +13,7 @@ import { useLocale } from '@/composables/useLocale';
 const appearanceStore = useAppearance();
 const searchStore = useSearchingStore();
 const { lePad, lePadV, isPhone } = useScreen();
-const { locale } = useLocale();
+const { t, locale } = useLocale();
 
 const gap = computed(() => {
   if (lePadV.value) {
@@ -37,7 +37,6 @@ const enterSearchDoc = (val?: string) => {
   window.open(url, '_blank');
 };
 
-const hotList = ['安装指南', '管理员指南', 'x2openEuler迁移专区', '引用开发指南', 'UKUI用户指南'];
 const hotSearch = (val: string) => {
   enterSearchDoc(val);
 };
@@ -47,10 +46,10 @@ const hotSearch = (val: string) => {
   <div class="home" :class="[{ dark: appearanceStore.theme === 'dark' }]">
     <ContentWrapper :vertical-padding="[lePadV ? '24px' : '32px', lePadV ? '24px' : '72px']">
       <!-- banner -->
-      <p class="banner-title">文档中心</p>
+      <p class="banner-title">{{ t('home.docCenter') }}</p>
       <div class="banner-search">
         <OInput
-          placeholder="请输入关键词进行搜索"
+          :placeholder="t('home.searchPlaceholder')"
           v-model="searchValue"
           :max-length="100"
           :input-on-outlimit="false"
@@ -63,9 +62,9 @@ const hotSearch = (val: string) => {
           </template>
         </OInput>
         <div class="hot-search">
-          <p class="hot-title">热门搜索：</p>
+          <p class="hot-title">{{ t('home.topSearch') }}</p>
           <ORow gap="16px 0" wrap="wrap">
-            <OCol flex="0 0 auto" v-for="(item, i) in hotList" :key="i">
+            <OCol flex="0 0 auto" v-for="(item, i) in hotSearchList[locale]" :key="i">
               <OLink color="primary" @click="hotSearch(item)">{{ item }}</OLink>
             </OCol>
           </ORow>
@@ -76,10 +75,12 @@ const hotSearch = (val: string) => {
       <div class="banner-card">
         <ORow :gap="gap" wrap="wrap">
           <OCol :flex="`0 0 ${lePadV ? '50%' : '25%'}`" v-for="(item, i) in cardList" :key="i">
-            <OCard hoverable :href="item.href" class="banner-card-item" target="_blank" rel="noopener noreferrer">
-              <OFigure :src="isPhone ? item.backgroundMo[appearanceStore.theme] : item.background[appearanceStore.theme]">
-                <div class="banner-card-title">{{ item.title }}</div>
-                <div class="banner-card-desc">{{ item.desc }}</div>
+            <OCard hoverable :href="item.href[locale]" class="banner-card-item" target="_blank" rel="noopener noreferrer">
+              <OFigure
+                :src="isPhone ? item.backgroundMo[appearanceStore.theme as 'light' | 'dark'] : item.background[appearanceStore.theme as 'light' | 'dark']"
+              >
+                <div class="banner-card-title">{{ item.title[locale] }}</div>
+                <div class="banner-card-desc">{{ item.desc[locale] }}</div>
               </OFigure>
             </OCard>
           </OCol>
@@ -87,16 +88,16 @@ const hotSearch = (val: string) => {
       </div>
 
       <!-- 业务场景 -->
-      <p class="main-title">业务场景</p>
+      <p class="main-title">{{ t('home.businessScenario') }}</p>
       <ORow :gap="gap" wrap="wrap" class="business-list">
         <OCol :flex="`0 0 ${lePadV ? '50%' : '20%'}`" v-for="(item, i) in businessScenarioList" :key="i">
           <OCard
             hoverable
-            :detail="item.desc"
+            :detail="item.desc[locale]"
             :detail-row="3"
             :detail-max-row="3"
             class="business-card"
-            :href="item.href"
+            :href="item.href[locale]"
             target="_blank"
             rel="noopener noreferrer"
           >
@@ -104,7 +105,7 @@ const hotSearch = (val: string) => {
               <OIcon>
                 <component :is="item.icon"></component>
               </OIcon>
-              <div class="business-title">{{ item.title }}</div>
+              <div class="business-title">{{ item.title[locale] }}</div>
             </template>
 
             <img :src="item.background" class="bg-icon" />
@@ -113,17 +114,17 @@ const hotSearch = (val: string) => {
       </ORow>
 
       <!-- 工具 -->
-      <p class="main-title">工具</p>
+      <p class="main-title">{{ t('home.tool') }}</p>
       <ORow :gap="gap" wrap="wrap" class="tool-list">
         <OCol :flex="`0 0 ${lePadV ? '50%' : '25%'}`" v-for="(item, i) in toolList" :key="i">
           <OCard
             hoverable
-            :title="item.title"
+            :title="item.title[locale]"
             :title-max-row="1"
-            :detail="item.desc"
+            :detail="item.desc[locale]"
             :detail-row="3"
             :detail-max-row="3"
-            :href="item.href"
+            :href="item.href[locale]"
             class="tool-card"
             target="_blank"
             rel="noopener noreferrer"
@@ -131,7 +132,6 @@ const hotSearch = (val: string) => {
           </OCard>
         </OCol>
       </ORow>
-
     </ContentWrapper>
 
     <AppFooter />
@@ -180,6 +180,7 @@ const hotSearch = (val: string) => {
   color: var(--o-color-info1);
 }
 .hot-title {
+  margin-right: 12px;
   flex-shrink: 0;
   color: var(--o-color-info2);
 }
@@ -199,6 +200,7 @@ const hotSearch = (val: string) => {
     padding: 24px;
   }
 }
+
 .banner-card-title {
   @include h2;
   @include text-truncate(1);
@@ -207,7 +209,7 @@ const hotSearch = (val: string) => {
 }
 .banner-card-desc {
   @include tip1;
-  color: rgba(var(--o-white), 0.8);
+  color: rgba(var(--o-white), 1);
   margin-top: 8px;
 }
 
@@ -240,10 +242,10 @@ const hotSearch = (val: string) => {
   }
 }
 .business-title {
-  @include h4;
   color: var(--o-color-info1);
   font-weight: 500;
   margin-top: 8px;
+  @include h4;
 }
 .bg-icon {
   position: absolute;
@@ -257,12 +259,14 @@ const hotSearch = (val: string) => {
 }
 .tool-card {
   --card-main-padding: 24px;
-  --card-header-text-size: var(--o-font_size-h4);
-  --card-header-text-height: var(--o-line_height-h4);
   --card-content-text-size: var(--o-font_size-tip1);
   --card-content-text-height: var(--o-line_height-tip1);
   --card-content-gap: 16px;
   cursor: pointer;
+
+  .o-card-header {
+    @include h4;
+  }
 }
 
 .o-card {
@@ -393,4 +397,15 @@ const hotSearch = (val: string) => {
     display: none;
   }
 }
+
+
+[lang='en'] { 
+  .o-figure {
+    height: 130px;
+
+    @include respond-to('<=pad') { 
+      height: 110px;
+    }
+  }
+}
 </style>