diff --git a/apps/venus/package.json b/apps/venus/package.json
index fe69da1b8e..321da2b80d 100644
--- a/apps/venus/package.json
+++ b/apps/venus/package.json
@@ -7,16 +7,18 @@
     "keywords": [],
     "author": "DarkSky <darksky2048@gmail.com>",
     "dependencies": {
-        "@mui/joy": "^5.0.0-alpha.39",
         "@emotion/react": "^11.10.0",
         "@emotion/styled": "^11.10.0",
-        "lozad": "^1.16.0"
+        "@mui/joy": "^5.0.0-alpha.39",
+        "i18next": "^21.9.1",
+        "lozad": "^1.16.0",
+        "react-i18next": "^11.18.4"
     },
     "devDependencies": {
-        "mini-css-extract-plugin": "^2.6.1",
         "image-minimizer-webpack-plugin": "^3.2.3",
         "imagemin": "^8.0.1",
         "imagemin-optipng": "^8.0.0",
+        "mini-css-extract-plugin": "^2.6.1",
         "webpack": "^5.74.0"
     }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d2d0c70750..fb9b238428 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -220,17 +220,21 @@ importers:
       '@emotion/react': ^11.10.0
       '@emotion/styled': ^11.10.0
       '@mui/joy': ^5.0.0-alpha.39
+      i18next: ^21.9.1
       image-minimizer-webpack-plugin: ^3.2.3
       imagemin: ^8.0.1
       imagemin-optipng: ^8.0.0
       lozad: ^1.16.0
       mini-css-extract-plugin: ^2.6.1
+      react-i18next: ^11.18.4
       webpack: ^5.74.0
     dependencies:
       '@emotion/react': 11.10.0
       '@emotion/styled': 11.10.0_@emotion+react@11.10.0
       '@mui/joy': 5.0.0-alpha.39_72v32ofbtgpmxm7mhvtx474vfu
+      i18next: 21.9.1
       lozad: 1.16.0
+      react-i18next: 11.18.4_i18next@21.9.1
     devDependencies:
       image-minimizer-webpack-plugin: 3.2.3_5emixpjl54fjyhdvj76qjbw4py
       imagemin: 8.0.1
@@ -9563,20 +9567,30 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
+      '@babel/runtime': 7.18.6
       '@typescript-eslint/parser': 5.30.5_4x5o4skxv6sl53vpwefgt23khm
+      aria-query: 4.2.2
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
+      ast-types-flow: 0.0.7
+      axe-core: 4.4.2
+      axobject-query: 2.2.0
+      damerau-levenshtein: 1.0.8
       debug: 2.6.9
       doctrine: 2.1.0
+      emoji-regex: 9.2.2
       eslint: 8.19.0
       eslint-import-resolver-node: 0.3.6
       eslint-module-utils: 2.7.3_ea34krk32wbcqzxapvwr7rsjs4
       has: 1.0.3
       is-core-module: 2.9.0
       is-glob: 4.0.3
+      jsx-ast-utils: 3.3.1
+      language-tags: 1.0.5
       minimatch: 3.1.2
       object.values: 1.1.5
       resolve: 1.22.1
+      semver: 6.3.0
       tsconfig-paths: 3.14.1
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
@@ -11121,6 +11135,12 @@ packages:
       terser: 5.14.1
     dev: true
 
+  /html-parse-stringify/3.0.1:
+    resolution: {integrity: sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==}
+    dependencies:
+      void-elements: 3.1.0
+    dev: false
+
   /html-webpack-plugin/5.5.0_webpack@5.74.0:
     resolution: {integrity: sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw==}
     engines: {node: '>=10.13.0'}
@@ -11306,6 +11326,12 @@ packages:
     hasBin: true
     dev: true
 
+  /i18next/21.9.1:
+    resolution: {integrity: sha512-ITbDrAjbRR73spZAiu6+ex5WNlHRr1mY+acDi2ioTHuUiviJqSz269Le1xHAf0QaQ6GgIHResUhQNcxGwa/PhA==}
+    dependencies:
+      '@babel/runtime': 7.18.6
+    dev: false
+
   /iconv-lite/0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -15149,7 +15175,7 @@ packages:
     dev: true
 
   /proxy-from-env/1.0.0:
-    resolution: {integrity: sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=}
+    resolution: {integrity: sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==}
     dev: true
 
   /prr/1.0.1:
@@ -15345,6 +15371,26 @@ packages:
       hotkeys-js: 3.9.3
     dev: false
 
+  /react-i18next/11.18.4_i18next@21.9.1:
+    resolution: {integrity: sha512-gK/AylAQC5DvCD5YLNCHW4PNzpCfrWIyVAXbSMl+/5QXzlDP8VdBoqE2s2niGHB+zIXwBV9hRXbDrVuupbgHcg==}
+    peerDependencies:
+      i18next: '>= 19.0.0'
+      react: '>= 16.8.0'
+      react-dom: '*'
+      react-native: '*'
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-dom:
+        optional: true
+      react-native:
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.18.6
+      html-parse-stringify: 3.0.1
+      i18next: 21.9.1
+    dev: false
+
   /react-is/16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -17592,7 +17638,7 @@ packages:
     dev: true
 
   /verror/1.10.0:
-    resolution: {integrity: sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=}
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
     engines: {'0': node >=0.6.0}
     dependencies:
       assert-plus: 1.0.0
@@ -17600,6 +17646,11 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
+  /void-elements/3.1.0:
+    resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /w3c-hr-time/1.0.2:
     resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
     dependencies: