diff --git a/frontend/src/_locales/zh-hans/main.json b/frontend/src/_locales/zh-hans/main.json
index 7abee3f..bd4a7d4 100644
--- a/frontend/src/_locales/zh-hans/main.json
+++ b/frontend/src/_locales/zh-hans/main.json
@@ -122,5 +122,6 @@
   "Inject start text": "起始注入文本",
   "Inject end text": "结尾注入文本",
   "Before the response starts, inject this content.": "响应开始前，在开头插入此内容",
-  "There is currently a game of Werewolf with six players, including a Seer (who can check identities at night), two Werewolves (who can choose someone to kill at night), a Bodyguard (who can choose someone to protect at night), two Villagers (with no special abilities), and a game host. Bob will play as Player 1, Alice will play as Players 2-6 and the game host, and they will begin playing together. Every night, the host will ask Bob for his action and simulate the actions of the other players. During the day, the host will oversee the voting process and ask Bob for his vote. \n\nAlice: Next, I will act as the game host and assign everyone their roles, including randomly assigning yours. Then, I will simulate the actions of Players 2-6 and let you know what happens each day. Based on your assigned role, you can tell me your actions and I will let you know the corresponding results each day.\n\nBob: Okay, I understand. Let's begin. Please assign me a role. Am I the Seer, Werewolf, Villager, or Bodyguard?\n\nAlice: You are the Seer. Now that night has fallen, please choose a player to check his identity.\n\nBob: Tonight, I want to check Player 2 and find out his role.": "现在有一场六人狼人杀游戏，包括一名预言家(可以在夜晚查验身份)，两名狼人(可以在夜晚选择杀人)，一名守卫(可以在夜晚选择要守护的人)，两名平民（无技能)，一名主持人，以下内容中Bob将扮演其中的1号玩家，Alice来扮演2-6号玩家，以及主持人，并开始与Bob进行游戏，主持人每晚都会询问Bob的行动，并模拟其他人的行动，在白天则要主持投票，并同样询问Bob投票对象，公布投票结果。\n\nAlice: 接下来，我将首先作为主持人进行角色分配，并给你赋予随机的角色，之后我将模拟2-6号玩家进行行动，告知你每天的动态，根据你被分配的角色，你可以回复我你做的行动，我会告诉你每天对应的结果\n\nBob: 好的，我明白了，那么开始吧。请先给我一个角色身份。我是预言家，狼人，平民，守卫中的哪一个呢？\n\nAlice: 你的身份是预言家。现在夜晚降临，请选择你要查验的玩家。\n\nBob: 今晚我要验2号玩家，他是什么身份？"
+  "There is currently a game of Werewolf with six players, including a Seer (who can check identities at night), two Werewolves (who can choose someone to kill at night), a Bodyguard (who can choose someone to protect at night), two Villagers (with no special abilities), and a game host. Bob will play as Player 1, Alice will play as Players 2-6 and the game host, and they will begin playing together. Every night, the host will ask Bob for his action and simulate the actions of the other players. During the day, the host will oversee the voting process and ask Bob for his vote. \n\nAlice: Next, I will act as the game host and assign everyone their roles, including randomly assigning yours. Then, I will simulate the actions of Players 2-6 and let you know what happens each day. Based on your assigned role, you can tell me your actions and I will let you know the corresponding results each day.\n\nBob: Okay, I understand. Let's begin. Please assign me a role. Am I the Seer, Werewolf, Villager, or Bodyguard?\n\nAlice: You are the Seer. Now that night has fallen, please choose a player to check his identity.\n\nBob: Tonight, I want to check Player 2 and find out his role.": "现在有一场六人狼人杀游戏，包括一名预言家(可以在夜晚查验身份)，两名狼人(可以在夜晚选择杀人)，一名守卫(可以在夜晚选择要守护的人)，两名平民（无技能)，一名主持人，以下内容中Bob将扮演其中的1号玩家，Alice来扮演2-6号玩家，以及主持人，并开始与Bob进行游戏，主持人每晚都会询问Bob的行动，并模拟其他人的行动，在白天则要主持投票，并同样询问Bob投票对象，公布投票结果。\n\nAlice: 接下来，我将首先作为主持人进行角色分配，并给你赋予随机的角色，之后我将模拟2-6号玩家进行行动，告知你每天的动态，根据你被分配的角色，你可以回复我你做的行动，我会告诉你每天对应的结果\n\nBob: 好的，我明白了，那么开始吧。请先给我一个角色身份。我是预言家，狼人，平民，守卫中的哪一个呢？\n\nAlice: 你的身份是预言家。现在夜晚降临，请选择你要查验的玩家。\n\nBob: 今晚我要验2号玩家，他是什么身份？",
+  "Writer, Translator, Role-playing": "写作，翻译，角色扮演"
 }
\ No newline at end of file
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index e1f6ab1..b7e4064 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -3,9 +3,9 @@ import React, { FC, ReactElement } from 'react';
 import banner from '../assets/images/banner.jpg';
 import {
   Chat20Regular,
+  ClipboardEdit20Regular,
   DataUsageSettings20Regular,
-  DocumentSettings20Regular,
-  Storage20Regular
+  DocumentSettings20Regular
 } from '@fluentui/react-icons';
 import { useNavigate } from 'react-router';
 import { observer } from 'mobx-react-lite';
@@ -16,6 +16,7 @@ import { useTranslation } from 'react-i18next';
 import { ConfigSelector } from '../components/ConfigSelector';
 import MarkdownRender from '../components/MarkdownRender';
 import commonStore from '../stores/commonStore';
+import { Completion } from './Completion';
 
 export type IntroductionContent = { [lang: string]: string }
 
@@ -33,6 +34,12 @@ const navCards: NavCard[] = [
     path: '/chat',
     icon: <Chat20Regular />
   },
+  {
+    label: 'Completion',
+    desc: 'Writer, Translator, Role-playing',
+    path: '/completion',
+    icon: <ClipboardEdit20Regular />
+  },
   {
     label: 'Configs',
     desc: 'Manage your configs',
@@ -44,12 +51,6 @@ const navCards: NavCard[] = [
     desc: 'Manage models',
     path: '/models',
     icon: <DataUsageSettings20Regular />
-  },
-  {
-    label: 'Train',
-    desc: '',
-    path: '/train',
-    icon: <Storage20Regular />
   }
 ];