diff --git a/.github/workflows/build_and_push.yml b/.github/workflows/build_and_push.yml
index fcf415e5..e89d4204 100644
--- a/.github/workflows/build_and_push.yml
+++ b/.github/workflows/build_and_push.yml
@@ -8,7 +8,7 @@ on:
   pull_request:
 
 env:
-  IMAGE_NAME: netbirdio/dashboard
+  IMAGE_NAME: ohoimager/cloink-dashboard
 
 jobs:
   build_n_push:
@@ -19,8 +19,8 @@ jobs:
       - name: setup-node
         uses: actions/setup-node@v3
         with:
-          node-version: '20'
-          cache: 'npm'
+          node-version: "20"
+          cache: "npm"
 
       - name: Install dependencies
         run: npm install
@@ -34,7 +34,7 @@ jobs:
           repository: netbirdio/IronRDP
           latest: true
           fileName: "*.ts"
-          out-file-path: 'public/ironrdp-pkg'
+          out-file-path: "public/ironrdp-pkg"
 
       - name: Download IronRDP release JS files
         uses: robinraju/release-downloader@v1.7
@@ -43,7 +43,7 @@ jobs:
           repository: netbirdio/IronRDP
           latest: true
           fileName: "*.js"
-          out-file-path: 'public/ironrdp-pkg'
+          out-file-path: "public/ironrdp-pkg"
 
       - name: Download IronRDP release WASM file
         uses: robinraju/release-downloader@v1.7
@@ -52,7 +52,7 @@ jobs:
           repository: netbirdio/IronRDP
           latest: true
           fileName: "ironrdp_web_bg.wasm"
-          out-file-path: 'public/ironrdp-pkg'
+          out-file-path: "public/ironrdp-pkg"
 
       - name: Get version from tag
         id: version
@@ -67,26 +67,21 @@ jobs:
         run: npm run build
         env:
           NEXT_PUBLIC_DASHBOARD_VERSION: ${{ steps.version.outputs.version }}
-      -
-        name: Set up QEMU
+      - name: Set up QEMU
         uses: docker/setup-qemu-action@v2
-      -
-        name: Set up Docker Buildx
+      - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v2
-      -
-        name: Docker meta
+      - name: Docker meta
         id: meta
         uses: docker/metadata-action@v4
         with:
           images: ${{ env.IMAGE_NAME }}
-      -
-        name: Login to DockerHub
+      - name: Login to DockerHub
         uses: docker/login-action@v2
         with:
           username: ${{ secrets.NB_DOCKER_USER }}
           password: ${{ secrets.NB_DOCKER_TOKEN }}
-      -
-        name: Docker build and push
+      - name: Docker build and push
         uses: docker/build-push-action@v3
         with:
           context: .
diff --git a/.gitignore b/.gitignore
index 86420ac0..3128e9b1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,10 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+
+# trae
+/.trae/
+netbird-dashboard-dev.tar
+
 # dependencies
 /node_modules
 /.pnp
@@ -47,4 +52,4 @@ cypress.env.json
 /public/ironrdp-pkg/
 /public/netbird.wasm
 .idea
-src/.local-config*
\ No newline at end of file
+src/.local-config*
diff --git a/README.md b/README.md
index 6c5ddb5d..24f0d88d 100644
Binary files a/README.md and b/README.md differ
diff --git a/docker/Dockerfile b/docker/Dockerfile
index 360da5e0..39f16e9d 100644
--- a/docker/Dockerfile
+++ b/docker/Dockerfile
@@ -1,4 +1,4 @@
-FROM alpine:3.14
+FROM alpine:latest
 
 RUN apk add --no-cache bash curl less ca-certificates git tzdata zip gettext \
     nginx curl supervisor certbot-nginx && \
diff --git a/package-lock.json b/package-lock.json
index 00a5a540..074a58ba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -60,7 +60,7 @@
         "js-cookie": "^3.0.5",
         "lodash": "^4.17.23",
         "lucide-react": "^0.566.0",
-        "next": "16.1.7",
+        "next": "^16.1.7",
         "next-themes": "^0.2.1",
         "punycode": "^2.3.1",
         "react": "^19.2.4",
@@ -168,7 +168,6 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -3031,7 +3030,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.10.tgz",
       "integrity": "sha512-WPigyYuGhgZ/cTPRXB2EwUw+XvsRA3GqHlsP4qteqrnnjDrApbS7MxcGr/hke5iUoeB7E/gQtrs9I37zAJ0Vjw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3041,7 +3039,6 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -3100,7 +3097,6 @@
       "integrity": "sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.54.0",
         "@typescript-eslint/types": "8.54.0",
@@ -3244,6 +3240,32 @@
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
       "version": "7.7.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
@@ -3581,8 +3603,7 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/@xterm/xterm/-/xterm-5.5.0.tgz",
       "integrity": "sha512-hqJHYaQb5OptNunnyAnkHyM8aCjZ1MEIDTQu1iIbbTD/xops91NB5yq1ZK/dC2JDbVWtF23zUtl9JE2NqwT87A==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@xyflow/react": {
       "version": "12.10.0",
@@ -3621,7 +3642,6 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3972,13 +3992,10 @@
       }
     },
     "node_modules/balanced-match": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
-      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
-      "license": "MIT",
-      "engines": {
-        "node": "18 || 20 || >=22"
-      }
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
       "version": "2.9.19",
@@ -4002,15 +4019,13 @@
       }
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^4.0.2"
-      },
-      "engines": {
-        "node": "18 || 20 || >=22"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
     "node_modules/braces": {
@@ -4044,7 +4059,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4299,6 +4313,12 @@
         "node": ">= 10"
       }
     },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -4667,7 +4687,6 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -5196,7 +5215,6 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5394,7 +5412,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -6688,7 +6705,6 @@
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
       "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -6862,9 +6878,9 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.18.1",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
-      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
       "license": "MIT"
     },
     "node_modules/lodash.merge": {
@@ -6946,18 +6962,15 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "10.2.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
-      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
-      "license": "BlueOak-1.0.0",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^5.0.5"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": "18 || 20 || >=22"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": "*"
       }
     },
     "node_modules/minimist": {
@@ -7388,9 +7401,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -7446,7 +7459,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -7654,7 +7666,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
       "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7695,7 +7706,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
       "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -8590,7 +8600,6 @@
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
       "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -8753,11 +8762,10 @@
       }
     },
     "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
-      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8923,7 +8931,6 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -9251,7 +9258,6 @@
       "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/package.json b/package.json
index 9523e5aa..0e5ec0fb 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.23",
     "lucide-react": "^0.566.0",
-    "next": "16.1.7",
+    "next": "^16.1.7",
     "next-themes": "^0.2.1",
     "punycode": "^2.3.1",
     "react": "^19.2.4",
@@ -89,9 +89,6 @@
     "timescape": "^0.7.1",
     "typescript": "^5"
   },
-  "overrides": {
-    "minimatch": ">=10.2.1"
-  },
   "devDependencies": {
     "@faker-js/faker": "^9.5.1",
     "@types/chroma-js": "^3.1.1",
diff --git a/src/app/(dashboard)/access-control/page.tsx b/src/app/(dashboard)/access-control/page.tsx
index c55fa068..18ee9d6b 100644
--- a/src/app/(dashboard)/access-control/page.tsx
+++ b/src/app/(dashboard)/access-control/page.tsx
@@ -12,6 +12,7 @@ import React, { lazy, Suspense } from "react";
 import AccessControlIcon from "@/assets/icons/AccessControlIcon";
 import GroupsProvider from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import PoliciesProvider from "@/contexts/PoliciesProvider";
 import { Policy } from "@/interfaces/Policy";
 import PageContainer from "@/layouts/PageContainer";
@@ -21,6 +22,7 @@ const AccessControlTable = lazy(
 );
 export default function AccessControlPage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { data: policies, isLoading } = useFetchApi<Policy[]>("/policies");
 
@@ -34,30 +36,27 @@ export default function AccessControlPage() {
           <Breadcrumbs>
             <Breadcrumbs.Item
               href={"/access-control"}
-              label={"Access Control"}
+              label={t("accessControl.title")}
               icon={<AccessControlIcon size={14} />}
             />
           </Breadcrumbs>
-          <h1 ref={headingRef}>Access Control Policies</h1>
+          <h1 ref={headingRef}>{t("accessControl.policiesTitle")}</h1>
+          <Paragraph>{t("accessControl.description")}</Paragraph>
           <Paragraph>
-            Create rules to manage access in your network and define what peers
-            can connect.
-          </Paragraph>
-          <Paragraph>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/manage-network-access"}
               target={"_blank"}
             >
-              Access Controls
+              {t("accessControl.learnMoreLink")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
-            in our documentation.
+            {t("common.inDocumentationSuffix")}
           </Paragraph>
         </div>
 
         <RestrictedAccess
-          page={"Access Control"}
+          page={t("accessControl.title")}
           hasAccess={permission.policies.read}
         >
           <PoliciesProvider>
diff --git a/src/app/(dashboard)/control-center/page.tsx b/src/app/(dashboard)/control-center/page.tsx
index d4aa5591..a14da175 100644
--- a/src/app/(dashboard)/control-center/page.tsx
+++ b/src/app/(dashboard)/control-center/page.tsx
@@ -39,6 +39,7 @@ import PeersProvider from "@/contexts/PeersProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import PoliciesProvider from "@/contexts/PoliciesProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { Network, NetworkResource } from "@/interfaces/Network";
 import { Peer } from "@/interfaces/Peer";
@@ -74,6 +75,7 @@ export default function ControlCenter() {
 }
 
 function ControlCenterView() {
+  const { t } = useI18n();
   const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
   const reactFlow = useReactFlow();
@@ -141,11 +143,11 @@ function ControlCenterView() {
     );
     allNetworks.unshift({
       value: "",
-      label: "All Networks",
+      label: t("controlCenter.allNetworks"),
       icon: () => <LayoutGridIcon size={14} />,
     } as SelectOption);
     return allNetworks;
-  }, [networks]);
+  }, [networks, t]);
 
   const onDestinationGroupSelect = useCallback(
     (groupId: string) => {
@@ -1466,7 +1468,7 @@ function ControlCenterView() {
         currentPeer: peerId,
         onPeerChange: handlePeerChange,
         userId: userId,
-        placeholder: "Search peers of user...",
+        placeholder: t("controlCenter.searchPeersOfUser"),
       },
     };
     setNodes([selectPeerNode]);
@@ -1740,10 +1742,8 @@ function ControlCenterView() {
                     size={"large"}
                   />
                 }
-                title={"Create New Network"}
-                description={
-                  "It looks like you don't have any networks. Access internal resources in your LANs and VPC by adding a network."
-                }
+                title={t("controlCenter.emptyNetworkTitle")}
+                description={t("controlCenter.emptyNetworkDescription")}
                 button={
                   <div className={"gap-x-4 flex items-center justify-center"}>
                     <Button
@@ -1751,18 +1751,18 @@ function ControlCenterView() {
                       onClick={() => router.push("/networks")}
                       disabled={!permission.networks.create}
                     >
-                      Go to Networks
+                      {t("controlCenter.goToNetworks")}
                     </Button>
                   </div>
                 }
                 learnMore={
                   <>
-                    Learn more about
+                    {t("common.learnMorePrefix")}
                     <InlineLink
                       href={"https://docs.netbird.io/how-to/networks"}
                       target={"_blank"}
                     >
-                      Networks
+                      {t("networks.title")}
                       <ExternalLinkIcon size={12} />
                     </InlineLink>
                   </>
@@ -1833,7 +1833,7 @@ function ControlCenterView() {
         <div className={"absolute right-0 top-0 z-10"}>
           <div className={"px-6 py-4"}>
             <SmallBadge
-              text={"Beta"}
+              text={t("common.beta")}
               variant={"sky"}
               className={"text-[12px] leading-none py-[3px] px-[6px]"}
               textClassName={"top-0"}
@@ -1846,7 +1846,7 @@ function ControlCenterView() {
             <a href={"https://forms.gle/MKJnVXCiUM1KtxLy6"} target={"_blank"}>
               <Button variant={"secondary"} size={"xs"}>
                 <MessageSquareShareIcon size={12} />
-                Feedback
+                {t("help.feedback")}
               </Button>
             </a>
           </div>
diff --git a/src/app/(dashboard)/dns/nameservers/page.tsx b/src/app/(dashboard)/dns/nameservers/page.tsx
index b287ea09..9ed18e46 100644
--- a/src/app/(dashboard)/dns/nameservers/page.tsx
+++ b/src/app/(dashboard)/dns/nameservers/page.tsx
@@ -11,6 +11,7 @@ import { ExternalLinkIcon } from "lucide-react";
 import React, { lazy, Suspense } from "react";
 import DNSIcon from "@/assets/icons/DNSIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NameserverGroup } from "@/interfaces/Nameserver";
 import PageContainer from "@/layouts/PageContainer";
 
@@ -20,6 +21,7 @@ const NameserverGroupTable = lazy(
 
 export default function NameServers() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { data: nameserverGroups, isLoading } =
     useFetchApi<NameserverGroup[]>("/dns/nameservers");
@@ -33,35 +35,33 @@ export default function NameServers() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/dns/nameservers"}
-            label={"DNS"}
+            label={t("dns.title")}
             icon={<DNSIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/dns/nameservers"}
-            label={"Nameservers"}
+            label={t("nameservers.title")}
             active
             icon={<DNSIcon size={13} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Nameservers</h1>
+        <h1 ref={headingRef}>{t("nameservers.title")}</h1>
+        <Paragraph>{t("nameservers.description")}</Paragraph>
         <Paragraph>
-          Add nameservers for domain name resolution in your NetBird network.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/manage-dns-in-your-network"}
             target={"_blank"}
           >
-            DNS
+            {t("dns.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
 
       <RestrictedAccess
-        page={"Nameservers"}
+        page={t("nameservers.title")}
         hasAccess={permission.nameservers.read}
       >
         <Suspense fallback={<SkeletonTable />}>
diff --git a/src/app/(dashboard)/dns/settings/page.tsx b/src/app/(dashboard)/dns/settings/page.tsx
index 573a49eb..e9c38c92 100644
--- a/src/app/(dashboard)/dns/settings/page.tsx
+++ b/src/app/(dashboard)/dns/settings/page.tsx
@@ -19,6 +19,7 @@ import { useSWRConfig } from "swr";
 import DNSIcon from "@/assets/icons/DNSIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useHasChanges } from "@/hooks/useHasChanges";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { NameserverSettings } from "@/interfaces/NameserverSettings";
 import PageContainer from "@/layouts/PageContainer";
@@ -27,6 +28,7 @@ import { useGroupIdsToGroups } from "@/modules/groups/useGroupIdsToGroups";
 
 export default function NameServerSettings() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { data: settings, isLoading } =
     useFetchApi<NameserverSettings>("/dns/settings");
@@ -41,30 +43,33 @@ export default function NameServerSettings() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/dns"}
-            label={"DNS"}
+            label={t("dns.title")}
             icon={<DNSIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/dns/settings"}
-            label={"DNS Settings"}
+            label={t("nav.dnsSettings")}
             active
             icon={<IconSettings2 size={15} />}
           />
         </Breadcrumbs>
-        <h1>DNS Settings</h1>
-        <Paragraph>{"Manage your account's DNS settings."}</Paragraph>
+        <h1>{t("dnsSettingsPage.title")}</h1>
+        <Paragraph>{t("dnsSettingsPage.description")}</Paragraph>
         <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/manage-dns-in-your-network"}
             target={"_blank"}
           >
-            DNS
+            {t("dns.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {" "}{t("common.inDocumentationSuffix")}
         </Paragraph>
-        <RestrictedAccess page={"DNS Settings"} hasAccess={permission.dns.read}>
+        <RestrictedAccess
+          page={t("nav.dnsSettings")}
+          hasAccess={permission.dns.read}
+        >
           {!isLoading && initialDNSGroups !== undefined ? (
             <SettingDisabledManagementGroups initialGroups={initialDNSGroups} />
           ) : (
@@ -90,6 +95,7 @@ const SettingDisabledManagementGroups = ({
   const settingRequest = useApiCall<NameserverSettings>("/dns/settings");
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const [selectedGroups, setSelectedGroups, { save: saveGroups }] =
     useGroupHelper({
@@ -103,8 +109,8 @@ const SettingDisabledManagementGroups = ({
   const saveSettings = async () => {
     const savedGroups = await saveGroups();
     notify({
-      title: "DNS Settings",
-      description: "Settings saved successfully.",
+      title: t("dnsSettingsPage.title"),
+      description: t("dnsSettingsPage.saved"),
       promise: settingRequest
         .put({
           disabled_management_groups: savedGroups.map((g) => g.id),
@@ -113,17 +119,15 @@ const SettingDisabledManagementGroups = ({
           mutate("/dns/settings");
           updateChangesRef([selectedGroups]);
         }),
-      loadingMessage: "Saving the settings...",
+      loadingMessage: t("dnsSettingsPage.saving"),
     });
   };
 
   return (
     <Card className={"mt-8 max-w-xl"}>
       <div className={"px-8 py-8"}>
-        <Label>Disable DNS management for these groups</Label>
-        <HelpText>
-          Peers in these groups will require manual domain name resolution
-        </HelpText>
+        <Label>{t("dnsSettingsPage.disableManagementLabel")}</Label>
+        <HelpText>{t("dnsSettingsPage.disableManagementHelp")}</HelpText>
         <PeerGroupSelector
           dataCy={"dns-groups-selector"}
           onChange={setSelectedGroups}
@@ -143,7 +147,7 @@ const SettingDisabledManagementGroups = ({
           disabled={!hasChanges || !permission.dns.update}
           data-cy={"save-changes"}
         >
-          Save Changes
+          {t("actions.saveChanges")}
         </Button>
       </div>
     </Card>
diff --git a/src/app/(dashboard)/dns/zones/page.tsx b/src/app/(dashboard)/dns/zones/page.tsx
index 0abf50f1..e351e9ab 100644
--- a/src/app/(dashboard)/dns/zones/page.tsx
+++ b/src/app/(dashboard)/dns/zones/page.tsx
@@ -11,6 +11,7 @@ import { ExternalLinkIcon } from "lucide-react";
 import React, { lazy, Suspense } from "react";
 import DNSIcon from "@/assets/icons/DNSIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNS_ZONE_DOCS_LINK, DNSZone } from "@/interfaces/DNS";
 import PageContainer from "@/layouts/PageContainer";
 import { DNSZonesProvider } from "@/modules/dns/zones/DNSZonesProvider";
@@ -22,6 +23,7 @@ const DNSZonesTable = lazy(
 
 export default function DNSZonePage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { data: zones, isLoading } = useFetchApi<DNSZone[]>("/dns/zones");
 
@@ -32,29 +34,30 @@ export default function DNSZonePage() {
     <PageContainer>
       <div className={"p-default py-6"}>
         <Breadcrumbs>
-          <Breadcrumbs.Item label={"DNS"} icon={<DNSIcon size={13} />} />
+          <Breadcrumbs.Item label={t("dns.title")} icon={<DNSIcon size={13} />} />
           <Breadcrumbs.Item
             href={"/dns/zones"}
-            label={"Zones"}
+            label={t("zones.title")}
             active
             icon={<DNSZoneIcon size={16} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Zones</h1>
+        <h1 ref={headingRef}>{t("zones.title")}</h1>
+        <Paragraph>{t("zones.description")}</Paragraph>
         <Paragraph>
-          Manage DNS zones to control domain name resolution for your network.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink href={DNS_ZONE_DOCS_LINK} target={"_blank"}>
-            DNS Zones
+            {t("zones.learnMoreLink")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
 
-      <RestrictedAccess page={"DNS Zones"} hasAccess={permission?.dns?.read}>
+      <RestrictedAccess
+        page={t("zones.pageTitle")}
+        hasAccess={permission?.dns?.read}
+      >
         <Suspense fallback={<SkeletonTable />}>
           <DNSZonesProvider>
             <DNSZonesTable
diff --git a/src/app/(dashboard)/events/audit/page.tsx b/src/app/(dashboard)/events/audit/page.tsx
index 1e88c53f..c9f36f73 100644
--- a/src/app/(dashboard)/events/audit/page.tsx
+++ b/src/app/(dashboard)/events/audit/page.tsx
@@ -10,12 +10,14 @@ import { ExternalLinkIcon, LogsIcon } from "lucide-react";
 import React from "react";
 import ActivityIcon from "@/assets/icons/ActivityIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ActivityEvent } from "@/interfaces/ActivityEvent";
 import PageContainer from "@/layouts/PageContainer";
 import ActivityTable from "@/modules/activity/ActivityTable";
 
 export default function Activity() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { data: events, isLoading } =
     useFetchApi<ActivityEvent[]>("/events/audit");
@@ -28,31 +30,31 @@ export default function Activity() {
       <div className={"p-default py-6"}>
         <Breadcrumbs>
           <Breadcrumbs.Item
-            label={"Activity"}
+            label={t("nav.activity")}
             disabled={true}
             icon={<ActivityIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/events/audit"}
-            label={"Audit Events"}
+            label={t("nav.auditEvents")}
             icon={<LogsIcon size={18} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Audit Events</h1>
-        <Paragraph>Here you can see all the audit activity events.</Paragraph>
+        <h1 ref={headingRef}>{t("activity.auditEventsTitle")}</h1>
+        <Paragraph>{t("activity.auditEventsDescription")}</Paragraph>
         <Paragraph>
-          Learn more about{" "}
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/audit-events-logging"}
             target={"_blank"}
           >
-            Audit Events
+            {t("nav.auditEvents")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {" "}{t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
-      <RestrictedAccess page={"Activity"} hasAccess={permission.events.read}>
+      <RestrictedAccess page={t("nav.activity")} hasAccess={permission.events.read}>
         <ActivityTable
           events={events}
           isLoading={isLoading}
diff --git a/src/app/(dashboard)/events/proxy/page.tsx b/src/app/(dashboard)/events/proxy/page.tsx
index d520a7aa..b976ea72 100644
--- a/src/app/(dashboard)/events/proxy/page.tsx
+++ b/src/app/(dashboard)/events/proxy/page.tsx
@@ -15,9 +15,11 @@ import PageContainer from "@/layouts/PageContainer";
 import ReverseProxyEventsTable from "@/modules/reverse-proxy/events/ReverseProxyEventsTable";
 import { usePortalElement } from "@hooks/usePortalElement";
 import { REVERSE_PROXY_EVENTS_DOCS_LINK } from "@/interfaces/ReverseProxy";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function ProxyEventsPage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
 
@@ -36,35 +38,32 @@ export default function ProxyEventsPage() {
       <div className="p-default py-6">
         <Breadcrumbs>
           <Breadcrumbs.Item
-            label="Activity"
+            label={t("nav.activity")}
             disabled
             icon={<ActivityIcon size={13} />}
           />
           <Breadcrumbs.Item
             href="/events/proxy"
-            label="Proxy Events"
+            label={t("nav.proxyEvents")}
             icon={<ReverseProxyIcon size={15} />}
           />
         </Breadcrumbs>
 
-        <h1 ref={headingRef}>Proxy Events</h1>
+        <h1 ref={headingRef}>{t("proxyEvents.title")}</h1>
 
-        <Paragraph>
-          View access logs for your reverse proxy services, including allowed
-          and denied requests.
-        </Paragraph>
+        <Paragraph>{t("proxyEvents.description")}</Paragraph>
 
         <Paragraph>
-          Learn more about{" "}
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink href={REVERSE_PROXY_EVENTS_DOCS_LINK} target="_blank">
-            Proxy Events <ExternalLinkIcon size={12} />
+            {t("nav.proxyEvents")} <ExternalLinkIcon size={12} />
           </InlineLink>{" "}
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
 
       <RestrictedAccess
-        page="Proxy Events"
+        page={t("nav.proxyEvents")}
         hasAccess={permission?.services?.read}
       >
         <ServerPaginationProvider
diff --git a/src/app/(dashboard)/group/page.tsx b/src/app/(dashboard)/group/page.tsx
index 38118a48..4da76e19 100644
--- a/src/app/(dashboard)/group/page.tsx
+++ b/src/app/(dashboard)/group/page.tsx
@@ -34,8 +34,10 @@ import { GroupResourcesSection } from "@/modules/groups/details/GroupResourcesSe
 import { GroupSetupKeysSection } from "@/modules/groups/details/GroupSetupKeysSection";
 import { GroupUsersSection } from "@/modules/groups/details/GroupUsersSection";
 import useGroupDetails from "@/modules/groups/details/useGroupDetails";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function GroupPage() {
+  const { t } = useI18n();
   const queryParameter = useSearchParams();
   const { isRestricted } = usePermissions();
   const groupId = queryParameter.get("id");
@@ -50,7 +52,7 @@ export default function GroupPage() {
   if (isRestricted) {
     return (
       <PageContainer>
-        <RestrictedAccess page={"Group Information"} />
+        <RestrictedAccess page={t("groupDetails.title")} />
       </PageContainer>
     );
   }
@@ -59,9 +61,7 @@ export default function GroupPage() {
     return (
       <PageNotFound
         title={error?.message}
-        description={
-          "The group you are attempting to access cannot be found. It may have been deleted, or you may not have permission to view it. Please verify the URL or return to the dashboard."
-        }
+        description={t("groupDetails.notFound")}
       />
     );
 
@@ -73,7 +73,7 @@ export default function GroupPage() {
             <Breadcrumbs>
               <Breadcrumbs.Item
                 href={"/groups"}
-                label={"Groups"}
+                label={t("groups.title")}
                 icon={<FolderGit2Icon size={14} />}
               />
               <Breadcrumbs.Item label={group.name} active />
@@ -142,6 +142,7 @@ const validAllGroupTabs = [
 const validOtherGroupTabs = ["users", "peers", "setup-keys"];
 
 const GroupOverviewTabs = ({ group }: { group: Group }) => {
+  const { t } = useI18n();
   const searchParams = useSearchParams();
 
   const getInitialTab = () => {
@@ -188,7 +189,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            {singularize("Users", usersCount)}
+            {singularize(t("users.title"), usersCount)}
           </TabsTrigger>
         )}
 
@@ -203,7 +204,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            {singularize("Peers", peersCount)}
+            {singularize(t("peers.title"), peersCount)}
           </TabsTrigger>
         )}
 
@@ -217,7 +218,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
               "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
             }
           />
-          {singularize("Policies", policiesCount)}
+          {singularize(t("nav.policies"), policiesCount)}
         </TabsTrigger>
 
         <TabsTrigger
@@ -225,7 +226,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
           className={groupDetails === null ? "animate-pulse" : ""}
         >
           <Layers3Icon size={14} />
-          {singularize("Resources", resourcesCount)}
+          {singularize(t("networkDetails.resources"), resourcesCount)}
         </TabsTrigger>
 
         <TabsTrigger
@@ -238,7 +239,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
               "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
             }
           />
-          {singularize("Network Routes", routesCount)}
+          {singularize(t("networkRoutesPage.title"), routesCount)}
         </TabsTrigger>
 
         <TabsTrigger
@@ -251,7 +252,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
               "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
             }
           />
-          {singularize("Nameservers", nameserversCount)}
+          {singularize(t("nameservers.title"), nameserversCount)}
         </TabsTrigger>
 
         <TabsTrigger
@@ -264,7 +265,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
               "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
             }
           />
-          {singularize("Zones", zonesCount)}
+          {singularize(t("zones.title"), zonesCount)}
         </TabsTrigger>
 
         {group.name !== "All" && (
@@ -278,7 +279,7 @@ const GroupOverviewTabs = ({ group }: { group: Group }) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            {singularize("Setup Keys", setupKeysCount)}
+            {singularize(t("setupKeys.title"), setupKeysCount)}
           </TabsTrigger>
         )}
       </TabsList>
diff --git a/src/app/(dashboard)/groups/page.tsx b/src/app/(dashboard)/groups/page.tsx
index cf99db40..d2596d77 100644
--- a/src/app/(dashboard)/groups/page.tsx
+++ b/src/app/(dashboard)/groups/page.tsx
@@ -9,12 +9,14 @@ import React, { lazy, Suspense } from "react";
 import Breadcrumbs from "@/components/Breadcrumbs";
 import InlineLink from "@/components/InlineLink";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import PageContainer from "@/layouts/PageContainer";
 
 const GroupsTable = lazy(() => import("@/modules/groups/table/GroupsTable"));
 
 export default function GroupsPage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
 
@@ -24,29 +26,29 @@ export default function GroupsPage() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/groups"}
-            label={"Groups"}
+            label={t("groups.title")}
             icon={<FolderGit2Icon size={14} />}
             active
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Groups</h1>
+        <h1 ref={headingRef}>{t("groups.title")}</h1>
+        <Paragraph>{t("groups.description")}</Paragraph>
         <Paragraph>
-          Here is the overview of the groups of your organization. You can
-          delete the unused ones.
-        </Paragraph>
-        <Paragraph>
-          Learn more about{" "}
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/manage-network-access"}
             target={"_blank"}
           >
-            Groups
+            {t("groups.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
-      <RestrictedAccess hasAccess={permission.groups.read} page={"Groups"}>
+      <RestrictedAccess
+        hasAccess={permission.groups.read}
+        page={t("groups.title")}
+      >
         <Suspense fallback={<SkeletonTable />}>
           <GroupsTable headingTarget={portalTarget} />
         </Suspense>
diff --git a/src/app/(dashboard)/network-routes/page.tsx b/src/app/(dashboard)/network-routes/page.tsx
index eeb3d0f1..37c453c4 100644
--- a/src/app/(dashboard)/network-routes/page.tsx
+++ b/src/app/(dashboard)/network-routes/page.tsx
@@ -17,6 +17,7 @@ import { Route } from "@/interfaces/Route";
 import PageContainer from "@/layouts/PageContainer";
 import useGroupedRoutes from "@/modules/route-group/useGroupedRoutes";
 import { Callout } from "@components/Callout";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const NetworkRoutesTable = lazy(
   () => import("@/modules/route-group/NetworkRoutesTable"),
@@ -24,6 +25,7 @@ const NetworkRoutesTable = lazy(
 
 export default function NetworkRoutes() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { data: routes, isLoading } = useFetchApi<Route[]>("/routes");
   const groupedRoutes = useGroupedRoutes({ routes });
 
@@ -38,35 +40,31 @@ export default function NetworkRoutes() {
             <Breadcrumbs>
               <Breadcrumbs.Item
                 href={"/network-routes"}
-                label={"Network Routes"}
+                label={t("networkRoutesPage.title")}
                 icon={<NetworkRoutesIcon size={13} />}
               />
             </Breadcrumbs>
-            <h1 ref={headingRef}>Network Routes</h1>
+            <h1 ref={headingRef}>{t("networkRoutesPage.title")}</h1>
+            <Paragraph>{t("networkRoutesPage.description")}</Paragraph>
             <Paragraph>
-              Network routes allow you to access other networks like LANs and
-              VPCs without installing NetBird on every resource.
-            </Paragraph>
-            <Paragraph>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink
                 href={
                   "https://docs.netbird.io/how-to/routing-traffic-to-private-networks"
                 }
                 target={"_blank"}
               >
-                Network Routes
+                {t("networkRoutesPage.title")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
-              in our documentation.
+              {" "}{t("common.inDocumentationSuffix")}
             </Paragraph>
 
             <Callout className={"max-w-xl mt-5"} variant={"warning"}>
               <span>
-                We recommend using the new Networks concept to easier visualise
-                and manage access to your resources.{" "}
+                {t("networkRoutesPage.callout")}{" "}
                 <InlineLink href={"/networks"}>
-                  Go to Networks
+                  {t("networkRoutesPage.goToNetworks")}
                   <ArrowUpRightIcon size={14} />
                 </InlineLink>
               </span>
diff --git a/src/app/(dashboard)/network/page.tsx b/src/app/(dashboard)/network/page.tsx
index f6962e94..4023b1d1 100644
--- a/src/app/(dashboard)/network/page.tsx
+++ b/src/app/(dashboard)/network/page.tsx
@@ -50,6 +50,7 @@ import ReverseProxiesProvider, {
   useReverseProxies,
 } from "@/contexts/ReverseProxiesProvider";
 import { SkeletonNetwork } from "@components/skeletons/SkeletonNetwork";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function NetworkDetailPage() {
   const queryParameter = useSearchParams();
@@ -71,6 +72,7 @@ export default function NetworkDetailPage() {
 }
 
 function NetworkOverview({ network }: Readonly<{ network: Network }>) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
 
   const { data: resources, isLoading: isResourcesLoading } = useFetchApi<
@@ -103,7 +105,7 @@ function NetworkOverview({ network }: Readonly<{ network: Network }>) {
             <Breadcrumbs>
               <Breadcrumbs.Item
                 href={"/networks"}
-                label={"Networks"}
+                label={t("networks.title")}
                 disabled={!permission.networks.read}
                 icon={<NetworkRoutesIcon size={13} />}
               />
@@ -149,7 +151,10 @@ function NetworkOverview({ network }: Readonly<{ network: Network }>) {
             <TabsList justify={"start"} className={"px-8"}>
               <TabsTrigger value={"resources"}>
                 <Layers3Icon size={14} />
-                {singularize("Resources", network?.resources?.length)}
+                {singularize(
+                  t("networkDetails.resources"),
+                  network?.resources?.length,
+                )}
               </TabsTrigger>
               <TabsTrigger value={"routing-peers"}>
                 <PeerIcon
@@ -158,7 +163,10 @@ function NetworkOverview({ network }: Readonly<{ network: Network }>) {
                     "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
                   }
                 />
-                {singularize("Routing Peers", network?.routing_peers_count)}
+                {singularize(
+                  t("networkDetails.routingPeers"),
+                  network?.routing_peers_count,
+                )}
               </TabsTrigger>
               <TabsTrigger value={"services"}>
                 <ReverseProxyIcon
@@ -167,7 +175,7 @@ function NetworkOverview({ network }: Readonly<{ network: Network }>) {
                     "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
                   }
                 />
-                {singularize("Services", services.length)}
+                {singularize(t("networkDetails.services"), services.length)}
               </TabsTrigger>
             </TabsList>
 
@@ -199,6 +207,7 @@ function NetworkOverview({ network }: Readonly<{ network: Network }>) {
 }
 
 function NetworkActions() {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { deleteNetwork, openEditNetworkModal, network } = useNetworksContext();
   const router = useRouter();
@@ -225,7 +234,7 @@ function NetworkActions() {
         >
           <div className={"flex gap-3 items-center"}>
             <PencilLineIcon size={14} className={"shrink-0"} />
-            Rename
+            {t("actions.rename")}
           </div>
         </DropdownMenuItem>
 
@@ -240,7 +249,7 @@ function NetworkActions() {
         >
           <div className={"flex gap-3 items-center"}>
             <Trash2 size={14} className={"shrink-0"} />
-            Delete
+            {t("actions.delete")}
           </div>
         </DropdownMenuItem>
       </DropdownMenuContent>
@@ -249,6 +258,7 @@ function NetworkActions() {
 }
 
 function NetworkInformationCard({ network }: Readonly<{ network: Network }>) {
+  const { t } = useI18n();
   const isHighlyAvailable = !!(
     network?.routing_peers_count && network?.routing_peers_count >= 2
   );
@@ -256,23 +266,27 @@ function NetworkInformationCard({ network }: Readonly<{ network: Network }>) {
   const disabledText = useMemo(
     () => (
       <>
-        High availability is currently{" "}
-        <span className={"text-yellow-400 font-medium"}>inactive</span> for this
-        network.
+        {t("networkDetails.highAvailabilityInactivePrefix")}{" "}
+        <span className={"text-yellow-400 font-medium"}>
+          {t("networkDetails.inactive")}
+        </span>{" "}
+        {t("networkDetails.highAvailabilitySuffix")}
       </>
     ),
-    [],
+    [t],
   );
 
   const enabledText = useMemo(
     () => (
       <>
-        High availability is{" "}
-        <span className={"text-green-500 font-medium"}>active</span> for this
-        network.
+        {t("networkDetails.highAvailabilityActivePrefix")}{" "}
+        <span className={"text-green-500 font-medium"}>
+          {t("networkDetails.active")}
+        </span>{" "}
+        {t("networkDetails.highAvailabilitySuffix")}
       </>
     ),
-    [],
+    [t],
   );
 
   const policyCount = network.policies?.length ?? 0;
@@ -285,7 +299,7 @@ function NetworkInformationCard({ network }: Readonly<{ network: Network }>) {
           label={
             <>
               <ServerIcon size={16} />
-              High Availability
+              {t("networkDetails.highAvailability")}
             </>
           }
           value={
@@ -296,13 +310,11 @@ function NetworkInformationCard({ network }: Readonly<{ network: Network }>) {
                   {isHighlyAvailable ? enabledText : disabledText}
                   {isHighlyAvailable ? (
                     <div className={"inline-flex mt-2"}>
-                      You can add more routing peers to increase the
-                      availability of this network.
+                      {t("networkDetails.highAvailabilityEnabledHelp")}
                     </div>
                   ) : (
                     <div className={"inline-flex mt-2"}>
-                      Go ahead and add more routing peers or groups with routing
-                      peers to enable high availability for this network.
+                      {t("networkDetails.highAvailabilityDisabledHelp")}
                     </div>
                   )}
                 </div>
@@ -319,7 +331,9 @@ function NetworkInformationCard({ network }: Readonly<{ network: Network }>) {
                     !isHighlyAvailable ? "bg-yellow-400" : "bg-green-500",
                   )}
                 ></span>
-                {isHighlyAvailable ? "Active" : "Inactive"}
+                {isHighlyAvailable
+                  ? t("networkDetails.active")
+                  : t("networkDetails.inactive")}
                 <HelpCircle size={12} />
               </div>
             </FullTooltip>
@@ -332,19 +346,21 @@ function NetworkInformationCard({ network }: Readonly<{ network: Network }>) {
               <>
                 <ShieldCheckIcon size={16} className={"text-green-500"} />
                 {policyCount}{" "}
-                {policyCount === 1 ? "Active Policy" : "Active Policies"}
+                {policyCount === 1
+                  ? t("networkDetails.activePolicy")
+                  : t("networkDetails.activePolicies")}
               </>
             ) : (
               <>
                 <ShieldXIcon size={16} className={"text-red-500"} />
-                No Active Policies
+                {t("networkDetails.noActivePolicies")}
               </>
             )
           }
           value={
             policyCount > 0 ? (
               <InlineLink href={"/access-control"}>
-                Go to Policies
+                {t("networkDetails.goToPolicies")}
                 <ArrowUpRightIcon size={14} />
               </InlineLink>
             ) : null
diff --git a/src/app/(dashboard)/networks/page.tsx b/src/app/(dashboard)/networks/page.tsx
index d464495b..d57ade72 100644
--- a/src/app/(dashboard)/networks/page.tsx
+++ b/src/app/(dashboard)/networks/page.tsx
@@ -11,6 +11,7 @@ import { ExternalLinkIcon } from "lucide-react";
 import React, { Suspense } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import PageContainer from "@/layouts/PageContainer";
 import NetworksTable from "@/modules/networks/table/NetworksTable";
@@ -18,6 +19,7 @@ import NetworksTable from "@/modules/networks/table/NetworksTable";
 export default function Networks() {
   const { data: networks, isLoading } = useFetchApi<Network[]>("/networks");
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
 
@@ -27,29 +29,29 @@ export default function Networks() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/networks"}
-            label={"Networks"}
+            label={t("networks.title")}
             icon={<NetworkRoutesIcon size={13} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Networks</h1>
+        <h1 ref={headingRef}>{t("networks.title")}</h1>
+        <Paragraph>{t("networks.description")}</Paragraph>
         <Paragraph>
-          Networks allow you to access internal resources in LANs and VPCs
-          without installing NetBird on every machine.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/networks"}
             target={"_blank"}
           >
-            Networks
+            {t("networks.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
 
-      <RestrictedAccess hasAccess={permission.networks.read}>
+      <RestrictedAccess
+        hasAccess={permission.networks.read}
+        page={t("networks.title")}
+      >
         <Suspense fallback={<SkeletonTable />}>
           <NetworksTable
             data={networks}
diff --git a/src/app/(dashboard)/peer/page.tsx b/src/app/(dashboard)/peer/page.tsx
index a5cd5504..23be1f32 100644
--- a/src/app/(dashboard)/peer/page.tsx
+++ b/src/app/(dashboard)/peer/page.tsx
@@ -26,7 +26,6 @@ import { RestrictedAccess } from "@components/ui/RestrictedAccess";
 import TextWithTooltip from "@components/ui/TextWithTooltip";
 import useRedirect from "@hooks/useRedirect";
 import useFetchApi from "@utils/api";
-import { singularize } from "@utils/helpers";
 import dayjs from "dayjs";
 import { isEmpty, trim } from "lodash";
 import {
@@ -76,8 +75,10 @@ import { PeerSSHToggle } from "@/modules/peer/PeerSSHToggle";
 import { RDPButton } from "@/modules/remote-access/rdp/RDPButton";
 import { SSHButton } from "@/modules/remote-access/ssh/SSHButton";
 import { PeerExpirationSettings } from "@/modules/peer/PeerExpirationSettings";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function PeerPage() {
+  const { t } = useI18n();
   const queryParameter = useSearchParams();
   const { isRestricted } = usePermissions();
   const peerId = queryParameter.get("id");
@@ -92,7 +93,7 @@ export default function PeerPage() {
   if (isRestricted) {
     return (
       <PageContainer>
-        <RestrictedAccess page={"Peer Information"} />
+        <RestrictedAccess page={t("peerDetails.title")} />
       </PageContainer>
     );
   }
@@ -101,9 +102,7 @@ export default function PeerPage() {
     return (
       <PageNotFound
         title={error?.message}
-        description={
-          "The peer you are attempting to access cannot be found. It may have been deleted, or you may not have permission to view it. Please verify the URL or return to the dashboard."
-        }
+        description={t("peerDetails.notFound")}
       />
     );
 
@@ -119,6 +118,7 @@ export default function PeerPage() {
 }
 
 function PeerOverview() {
+  const { t } = useI18n();
   const { peer } = usePeer();
 
   return (
@@ -129,7 +129,7 @@ function PeerOverview() {
             <Breadcrumbs>
               <Breadcrumbs.Item
                 href={"/peers"}
-                label={"Peers"}
+                label={t("peers.title")}
                 icon={<PeerIcon size={13} />}
               />
               <Breadcrumbs.Item label={peer.ip} active />
@@ -167,6 +167,7 @@ const usePeerSettings = () => {
 };
 
 const PeerSettingsProvider = ({ children }: { children: React.ReactNode }) => {
+  const { t } = useI18n();
   const { mutate } = useSWRConfig();
   const { peer, peerGroups, update } = usePeer();
   const { permission } = usePermissions();
@@ -197,13 +198,13 @@ const PeerSettingsProvider = ({ children }: { children: React.ReactNode }) => {
 
     notify({
       title: name,
-      description: "Peer was successfully saved",
+      description: t("peerDetails.saved"),
       promise: Promise.all(batchCall).then(() => {
         mutate("/peers/" + peer.id);
         mutate("/groups");
         updateHasChangedRef([selectedGroups]);
       }),
-      loadingMessage: "Saving the peer...",
+      loadingMessage: t("peerDetails.saving"),
     });
   };
 
@@ -226,6 +227,7 @@ const PeerSettingsProvider = ({ children }: { children: React.ReactNode }) => {
 };
 
 const PeerHeader = () => {
+  const { t } = useI18n();
   const router = useRouter();
   const { peer, user } = usePeer();
   const { permission } = usePermissions();
@@ -299,7 +301,7 @@ const PeerHeader = () => {
               className={"w-full"}
               onClick={() => router.push("/peers")}
             >
-              Cancel
+              {t("actions.cancel")}
             </Button>
             <Button
               variant={"primary"}
@@ -311,7 +313,7 @@ const PeerHeader = () => {
                 !permission.groups.update
               }
             >
-              Save Changes
+              {t("actions.saveChanges")}
             </Button>
           </div>
         )}
@@ -321,6 +323,7 @@ const PeerHeader = () => {
 };
 
 const PeerOverviewTabs = () => {
+  const { t } = useI18n();
   const { peer } = usePeer();
   const { permission } = usePermissions();
   const { reverseProxies, isLoading: isServicesLoading } = useReverseProxies();
@@ -341,20 +344,20 @@ const PeerOverviewTabs = () => {
       <TabsList justify={"start"} className={"px-8"}>
         <TabsTrigger value={"overview"}>
           <ListIcon size={16} />
-          Overview
+          {t("peerDetails.overview")}
         </TabsTrigger>
 
         {permission.routes.read && (
           <TabsTrigger value={"network-routes"}>
             <NetworkIcon size={16} />
-            Network Routes
+            {t("networkRoutesPage.title")}
           </TabsTrigger>
         )}
 
         {peer?.id && permission.peers.read && (
           <TabsTrigger value={"accessible-peers"}>
             <MonitorSmartphoneIcon size={16} />
-            Accessible Peers
+            {t("peerDetails.accessiblePeers")}
           </TabsTrigger>
         )}
 
@@ -364,14 +367,14 @@ const PeerOverviewTabs = () => {
               size={16}
               className="fill-nb-gray-400 group-data-[state=active]/trigger:fill-netbird"
             />
-            {singularize("Services", flatTargets.length)}
+            {t("nav.services")}
           </TabsTrigger>
         )}
 
         {peer?.id && permission.peers.delete && (
           <TabsTrigger value={"peer-job"}>
             <RadioTowerIcon size={16} />
-            Remote Jobs
+            {t("jobs.title")}
           </TabsTrigger>
         )}
       </TabsList>
@@ -398,10 +401,8 @@ const PeerOverviewTabs = () => {
             targets={flatTargets}
             isLoading={isServicesLoading}
             hideResourceColumn
-            emptyTableTitle={"This peer has no services"}
-            emptyTableDescription={
-              "Add your services to this peer and securely expose them through NetBird's reverse proxy"
-            }
+            emptyTableTitle={t("peerDetails.noServicesTitle")}
+            emptyTableDescription={t("peerDetails.noServicesDescription")}
           />
         </TabsContent>
       )}
@@ -416,6 +417,7 @@ const PeerOverviewTabs = () => {
 };
 
 const PeerOverviewTabContent = () => {
+  const { t } = useI18n();
   const { peer } = usePeer();
   const { permission } = usePermissions();
   const { selectedGroups, setSelectedGroups } = usePeerSettings();
@@ -433,10 +435,8 @@ const PeerOverviewTabContent = () => {
           <PeerExpirationSettings />
           {permission.groups.read && (
             <div>
-              <Label>Assigned Groups</Label>
-              <HelpText>
-                Use groups to control what this peer can access.
-              </HelpText>
+              <Label>{t("peerDetails.assignedGroups")}</Label>
+              <HelpText>{t("peerDetails.assignedGroupsHelp")}</HelpText>
               <PeerGroupSelector
                 disabled={!permission.groups.update}
                 onChange={setSelectedGroups}
@@ -451,8 +451,8 @@ const PeerOverviewTabContent = () => {
 
           {/* Remote Access Buttons */}
           <div>
-            <Label>Remote Access</Label>
-            <HelpText>Connect directly to this peer via SSH or RDP.</HelpText>
+            <Label>{t("peerDetails.remoteAccess")}</Label>
+            <HelpText>{t("peerDetails.remoteAccessHelp")}</HelpText>
             <div className="flex gap-3">
               <SSHButton peer={peer} />
               <RDPButton peer={peer} />
@@ -465,6 +465,7 @@ const PeerOverviewTabContent = () => {
 };
 
 function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
+  const { t } = useI18n();
   const { isLoading, getRegionByPeer } = useCountries();
   const { update } = usePeer();
   const { mutate } = useSWRConfig();
@@ -482,12 +483,12 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
           onSuccess={(newIP) => {
             notify({
               title: peer.name,
-              description: "Peer IP was successfully updated",
+              description: t("peerDetails.ipUpdated"),
               promise: update({ ip: newIP }).then(() => {
                 mutate("/peers/" + peer.id);
                 setShowEditIPModal(false);
               }),
-              loadingMessage: "Updating peer IP...",
+              loadingMessage: t("peerDetails.ipUpdating"),
             });
           }}
           peer={peer}
@@ -499,11 +500,11 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
           <Card.ListItem
             copy
             tooltip={false}
-            copyText={"NetBird IP Address"}
+            copyText={t("peerDetails.netbirdIpAddress")}
             label={
               <>
                 <MapPin size={16} />
-                NetBird IP Address
+                {t("peerDetails.netbirdIpAddress")}
               </>
             }
             valueToCopy={peer.ip}
@@ -527,11 +528,11 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
 
           <Card.ListItem
             copy
-            copyText={"Public IP Address"}
+            copyText={t("peerDetails.publicIpAddress")}
             label={
               <>
                 <NetworkIcon size={16} />
-                Public IP Address
+                {t("peerDetails.publicIpAddress")}
               </>
             }
             value={peer.connection_ip}
@@ -539,11 +540,11 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
 
           <Card.ListItem
             copy
-            copyText={"DNS label"}
+            copyText={t("peerDetails.dnsLabel")}
             label={
               <>
                 <Globe size={16} />
-                Domain Name
+                {t("peerDetails.domainName")}
               </>
             }
             className={
@@ -557,11 +558,11 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
 
           <Card.ListItem
             copy
-            copyText={"Hostname"}
+            copyText={t("peerDetails.hostname")}
             label={
               <>
                 <MonitorSmartphoneIcon size={16} />
-                Hostname
+                {t("peerDetails.hostname")}
               </>
             }
             value={peer.hostname}
@@ -571,13 +572,13 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
             label={
               <>
                 <FlagIcon size={16} />
-                Region
+                {t("peerDetails.region")}
               </>
             }
             tooltip={false}
             value={
               isEmpty(peer.country_code) ? (
-                "Unknown"
+                t("peerDetails.unknown")
               ) : (
                 <>
                   {isLoading ? (
@@ -601,7 +602,7 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
             label={
               <>
                 <Cpu size={16} />
-                Operating System
+                {t("peerDetails.operatingSystem")}
               </>
             }
             value={peer.os}
@@ -612,7 +613,7 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
               label={
                 <>
                   <Barcode size={16} />
-                  Serial Number
+                  {t("peerDetails.serialNumber")}
                 </>
               }
               value={peer.serial_number}
@@ -624,11 +625,11 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
               label={
                 <>
                   <CalendarDays size={16} />
-                  Registered on
+                  {t("peerDetails.registeredOn")}
                 </>
               }
               value={
-                dayjs(peer.created_at).format("D MMMM, YYYY [at] h:mm A") +
+                dayjs(peer.created_at).format(t("peerDetails.dateTimeFormat")) +
                 " (" +
                 dayjs().to(peer.created_at) +
                 ")"
@@ -640,13 +641,13 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
             label={
               <>
                 <History size={16} />
-                Last seen
+                {t("peerDetails.lastSeen")}
               </>
             }
-            value={
-              peer.connected
-                ? "just now"
-                : dayjs(peer.last_seen).format("D MMMM, YYYY [at] h:mm A") +
+              value={
+                peer.connected
+                  ? t("peerDetails.justNow")
+                  : dayjs(peer.last_seen).format(t("peerDetails.dateTimeFormat")) +
                   " (" +
                   dayjs().to(peer.last_seen) +
                   ")"
@@ -657,7 +658,7 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
             label={
               <>
                 <NetBirdIcon size={16} />
-                Agent Version
+                {t("peerDetails.agentVersion")}
               </>
             }
             value={peer.version}
@@ -668,7 +669,7 @@ function PeerInformationCard({ peer }: Readonly<{ peer: Peer }>) {
               label={
                 <>
                   <NetBirdIcon size={16} />
-                  UI Version
+                  {t("peerDetails.uiVersion")}
                 </>
               }
               value={peer.ui_version?.replace("netbird-desktop-ui/", "")}
@@ -687,6 +688,7 @@ interface ModalProps {
 }
 
 function EditNameModal({ onSuccess, peer, initialName }: Readonly<ModalProps>) {
+  const { t } = useI18n();
   const [name, setName] = useState(initialName);
 
   const isDisabled = useMemo(() => {
@@ -713,15 +715,15 @@ function EditNameModal({ onSuccess, peer, initialName }: Readonly<ModalProps>) {
     <ModalContent maxWidthClass={"max-w-md"}>
       <form>
         <ModalHeader
-          title={"Edit Peer Name"}
-          description={"Set an easily identifiable name for your peer."}
+          title={t("peerDetails.editNameTitle")}
+          description={t("peerDetails.editNameDescription")}
           color={"blue"}
         />
 
         <div className={"p-default flex flex-col gap-4"}>
           <div>
             <Input
-              placeholder={"e.g., AWS Servers"}
+              placeholder={t("peerDetails.namePlaceholder")}
               value={name}
               onChange={(e) => setName(e.target.value)}
             />
@@ -729,11 +731,10 @@ function EditNameModal({ onSuccess, peer, initialName }: Readonly<ModalProps>) {
           <Card className={"w-full px-6 pt-5 pb-4"}>
             <Label>
               <Globe size={15} />
-              Domain Name Preview
+              {t("peerDetails.domainPreview")}
             </Label>
             <HelpText className={"mt-2"}>
-              If the domain name already exists, we add an increment number
-              suffix to it.
+              {t("peerDetails.domainPreviewHelp")}
             </HelpText>
             <div className={"text-netbird text-sm break-all whitespace-normal"}>
               {domainNamePreview}
@@ -745,7 +746,7 @@ function EditNameModal({ onSuccess, peer, initialName }: Readonly<ModalProps>) {
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
               <Button variant={"secondary"} className={"w-full"}>
-                Cancel
+                {t("actions.cancel")}
               </Button>
             </ModalClose>
 
@@ -756,7 +757,7 @@ function EditNameModal({ onSuccess, peer, initialName }: Readonly<ModalProps>) {
               disabled={isDisabled}
               type={"submit"}
             >
-              Save
+              {t("actions.save")}
             </Button>
           </div>
         </ModalFooter>
@@ -771,6 +772,7 @@ interface EditIPModalProps {
 }
 
 function EditIPModal({ onSuccess, peer }: Readonly<EditIPModalProps>) {
+  const { t } = useI18n();
   const [ip, setIP] = useState(peer.ip);
   const [error, setError] = useState("");
 
@@ -792,7 +794,7 @@ function EditIPModal({ onSuccess, peer }: Readonly<EditIPModalProps>) {
         setError("");
         break;
       case !validateIP(ip):
-        setError("Please enter a valid IP, e.g., 100.64.0.15");
+        setError(t("peerDetails.validIpError"));
         break;
       default:
         setError("");
@@ -804,29 +806,29 @@ function EditIPModal({ onSuccess, peer }: Readonly<EditIPModalProps>) {
     <ModalContent maxWidthClass={"max-w-md"}>
       <form>
         <ModalHeader
-          title={"Edit Peer IP Address"}
-          description={"Update the NetBird IP address for this peer."}
+          title={t("peerDetails.editIpTitle")}
+          description={t("peerDetails.editIpDescription")}
           color={"blue"}
         />
 
         <div className={"p-default flex flex-col gap-4"}>
           <div>
             <Input
-              placeholder={"e.g., 100.64.0.15"}
+              placeholder={t("peerDetails.ipPlaceholder")}
               value={ip}
               onChange={(e) => setIP(e.target.value)}
               error={error}
             />
           </div>
 
-          <Callout>Changes take effect when the peer reconnects.</Callout>
+          <Callout>{t("peerDetails.reconnectNotice")}</Callout>
         </div>
 
         <ModalFooter className={"items-center"} separator={false}>
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
               <Button variant={"secondary"} className={"w-full"}>
-                Cancel
+                {t("actions.cancel")}
               </Button>
             </ModalClose>
 
@@ -836,7 +838,7 @@ function EditIPModal({ onSuccess, peer }: Readonly<EditIPModalProps>) {
               onClick={() => onSuccess(ip)}
               disabled={isDisabled}
             >
-              Save
+              {t("actions.save")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/app/(dashboard)/peers/page.tsx b/src/app/(dashboard)/peers/page.tsx
index becc3065..0a372b1d 100644
--- a/src/app/(dashboard)/peers/page.tsx
+++ b/src/app/(dashboard)/peers/page.tsx
@@ -11,6 +11,7 @@ import PeerIcon from "@/assets/icons/PeerIcon";
 import PeersProvider, { usePeers } from "@/contexts/PeersProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useUsers } from "@/contexts/UsersProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import PageContainer from "@/layouts/PageContainer";
 import { SetupModalContent } from "@/modules/setup-netbird-modal/SetupModal";
 
@@ -35,6 +36,7 @@ export default function Peers() {
 function PeersView() {
   const { peers, isLoading } = usePeers();
   const { users } = useUsers();
+  const { t } = useI18n();
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
 
@@ -52,25 +54,22 @@ function PeersView() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/peers"}
-            label={"Peers"}
+            label={t("peers.title")}
             icon={<PeerIcon size={13} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Peers</h1>
+        <h1 ref={headingRef}>{t("peers.title")}</h1>
+        <Paragraph>{t("peers.description")}</Paragraph>
         <Paragraph>
-          A list of all machines and devices connected to your private network.
-          Use this view to manage peers.
-        </Paragraph>
-        <Paragraph>
-          Learn more about{" "}
+          {t("peers.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/add-machines-to-your-network"}
             target={"_blank"}
           >
-            Peers
+            {t("peers.learnMoreLink")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("peers.learnMoreSuffix")}
         </Paragraph>
       </div>
       <Suspense fallback={<SkeletonTable />}>
@@ -85,19 +84,19 @@ function PeersView() {
 }
 
 function PeersBlockedView() {
+  const { t } = useI18n();
+
   return (
     <div className={"flex items-center justify-center flex-col"}>
       <div className={"p-default py-6 max-w-3xl text-center"}>
-        <h1>Add new device to your network</h1>
+        <h1>{t("peers.blockedTitle")}</h1>
         <Paragraph className={"inline"}>
-          To get started, install NetBird and log in using your email account.
-          After that you should be connected. If you have further questions
-          check out our{" "}
+          {t("peers.blockedDescription")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/getting-started#installation"}
             target={"_blank"}
           >
-            Installation Guide
+            {t("peers.installationGuide")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
         </Paragraph>
diff --git a/src/app/(dashboard)/posture-checks/page.tsx b/src/app/(dashboard)/posture-checks/page.tsx
index 6a7dda53..5b5257fa 100644
--- a/src/app/(dashboard)/posture-checks/page.tsx
+++ b/src/app/(dashboard)/posture-checks/page.tsx
@@ -12,6 +12,7 @@ import React, { lazy, Suspense } from "react";
 import AccessControlIcon from "@/assets/icons/AccessControlIcon";
 import GroupsProvider from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import PoliciesProvider from "@/contexts/PoliciesProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 import PageContainer from "@/layouts/PageContainer";
@@ -21,6 +22,7 @@ const PostureCheckTable = lazy(
 );
 export default function PostureChecksPage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { data: postureChecks, isLoading } =
     useFetchApi<PostureCheck[]>("/posture-checks");
 
@@ -34,35 +36,33 @@ export default function PostureChecksPage() {
           <Breadcrumbs>
             <Breadcrumbs.Item
               href={"/access-control"}
-              label={"Access Control"}
+              label={t("accessControl.title")}
               icon={<AccessControlIcon size={14} />}
             />
             <Breadcrumbs.Item
               href={"/posture-checks"}
-              label={"Posture Checks"}
+              label={t("nav.postureChecks")}
               active
               icon={<ShieldCheck size={15} />}
             />
           </Breadcrumbs>
-          <h1 ref={headingRef}>Posture Checks</h1>
+          <h1 ref={headingRef}>{t("nav.postureChecks")}</h1>
+          <Paragraph>{t("postureChecks.pageDescription")}</Paragraph>
           <Paragraph>
-            Use posture checks to further restrict access in your network.
-          </Paragraph>
-          <Paragraph>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/manage-posture-checks"}
               target={"_blank"}
             >
-              Posture Checks
+              {t("nav.postureChecks")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
-            in our documentation.
+            {" "}{t("common.inDocumentationSuffix")}
           </Paragraph>
         </div>
 
         <RestrictedAccess
-          page={"Posture Checks"}
+          page={t("nav.postureChecks")}
           hasAccess={permission.policies.read}
         >
           <PoliciesProvider>
diff --git a/src/app/(dashboard)/reverse-proxy/custom-domains/page.tsx b/src/app/(dashboard)/reverse-proxy/custom-domains/page.tsx
index d052c0ce..a7dfae54 100644
--- a/src/app/(dashboard)/reverse-proxy/custom-domains/page.tsx
+++ b/src/app/(dashboard)/reverse-proxy/custom-domains/page.tsx
@@ -11,6 +11,7 @@ import React, { lazy, Suspense } from "react";
 import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import ReverseProxiesProvider from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { REVERSE_PROXY_CUSTOM_DOMAINS_DOCS_LINK } from "@/interfaces/ReverseProxy";
 import PageContainer from "@/layouts/PageContainer";
 
@@ -20,6 +21,7 @@ const CustomDomainsTable = lazy(
 
 export default function ReverseProxyCustomDomainsPage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
@@ -30,33 +32,31 @@ export default function ReverseProxyCustomDomainsPage() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/reverse-proxy/services"}
-            label={"Reverse Proxy"}
+            label={t("nav.reverseProxy")}
             icon={<ReverseProxyIcon size={16} />}
           />
           <Breadcrumbs.Item
             href={"/reverse-proxy/custom-domains"}
-            label={"Custom Domains"}
+            label={t("nav.customDomains")}
             active={true}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Domains</h1>
+        <h1 ref={headingRef}>{t("customDomains.title")}</h1>
+        <Paragraph>{t("customDomains.description")}</Paragraph>
         <Paragraph>
-          Add and manage custom domains for your reverse proxy services.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={REVERSE_PROXY_CUSTOM_DOMAINS_DOCS_LINK}
             target={"_blank"}
           >
-            Custom Domains
+            {t("nav.customDomains")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {" "}{t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
       <RestrictedAccess
-        page={"Custom Domains"}
+        page={t("nav.customDomains")}
         hasAccess={permission?.services?.read}
       >
         <ReverseProxiesProvider>
diff --git a/src/app/(dashboard)/reverse-proxy/services/page.tsx b/src/app/(dashboard)/reverse-proxy/services/page.tsx
index 24238b49..f697187d 100644
--- a/src/app/(dashboard)/reverse-proxy/services/page.tsx
+++ b/src/app/(dashboard)/reverse-proxy/services/page.tsx
@@ -11,6 +11,7 @@ import React, { lazy, Suspense } from "react";
 import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import ReverseProxiesProvider from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { REVERSE_PROXY_DOCS_LINK } from "@/interfaces/ReverseProxy";
 import PageContainer from "@/layouts/PageContainer";
 import { Callout } from "@components/Callout";
@@ -22,6 +23,7 @@ const ReverseProxyTable = lazy(
 
 export default function ReverseProxyServicesPage() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
@@ -32,44 +34,39 @@ export default function ReverseProxyServicesPage() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/reverse-proxy/services"}
-            label={"Reverse Proxy"}
+            label={t("reverseProxy.title")}
             icon={<ReverseProxyIcon size={16} />}
           />
           <Breadcrumbs.Item
             href={"/reverse-proxy/services"}
-            label={"Services"}
+            label={t("reverseProxy.servicesTitle")}
             active={true}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Services</h1>
+        <h1 ref={headingRef}>{t("reverseProxy.servicesTitle")}</h1>
+        <Paragraph>{t("reverseProxy.servicesDescription")}</Paragraph>
         <Paragraph>
-          Expose services securely through NetBird&apos;s reverse proxy.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink href={REVERSE_PROXY_DOCS_LINK} target={"_blank"}>
-            Services
+            {t("reverseProxy.servicesTitle")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
 
         {isNetBirdHosted() ? (
           <Callout className={"max-w-xl mt-5"} variant={"info"}>
-            NetBird&apos;s Reverse Proxy is currently in beta and available at
-            no cost during this period. Features, functionality, and pricing are
-            subject to change upon release.
+            {t("reverseProxy.betaHosted")}
           </Callout>
         ) : (
           <Callout className={"max-w-xl mt-5"} variant={"info"}>
-            NetBird&apos;s Reverse Proxy is currently in beta. <br /> Features
-            and functionality are subject to change upon release.
+            {t("reverseProxy.betaSelfHosted")}
           </Callout>
         )}
       </div>
 
       <RestrictedAccess
-        page={"Services"}
+        page={t("reverseProxy.servicesTitle")}
         hasAccess={permission?.services?.read}
       >
         <ReverseProxiesProvider>
diff --git a/src/app/(dashboard)/settings/page.tsx b/src/app/(dashboard)/settings/page.tsx
index 149602f9..b9af5e00 100644
--- a/src/app/(dashboard)/settings/page.tsx
+++ b/src/app/(dashboard)/settings/page.tsx
@@ -15,6 +15,7 @@ import { useSearchParams } from "next/navigation";
 import React, { useEffect, useMemo, useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import PageContainer from "@/layouts/PageContainer";
 import { useAccount } from "@/modules/account/useAccount";
 import AuthenticationTab from "@/modules/settings/AuthenticationTab";
@@ -29,6 +30,7 @@ export default function NetBirdSettings() {
   const queryParams = useSearchParams();
   const queryTab = queryParams.get("tab");
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const initialTab = useMemo(() => {
     if (permission.settings.read) return "authentication";
@@ -53,30 +55,30 @@ export default function NetBirdSettings() {
             <>
               <VerticalTabs.Trigger value="authentication">
                 <ShieldIcon size={14} />
-                Authentication
+                {t("settings.authentication")}
               </VerticalTabs.Trigger>
               {account?.settings?.embedded_idp_enabled &&
                 permission?.identity_providers?.read && (
                   <VerticalTabs.Trigger value="identity-providers">
                     <FingerprintIcon size={14} />
-                    Identity Providers
+                    {t("settings.identityProviders")}
                   </VerticalTabs.Trigger>
                 )}
               <VerticalTabs.Trigger value="groups">
                 <FolderGit2Icon size={14} />
-                Groups
+                {t("settings.groups")}
               </VerticalTabs.Trigger>
               <VerticalTabs.Trigger value="permissions">
                 <LockIcon size={14} />
-                Permissions
+                {t("settings.permissions")}
               </VerticalTabs.Trigger>
               <VerticalTabs.Trigger value="networks">
                 <NetworkIcon size={14} />
-                Networks
+                {t("settings.networks")}
               </VerticalTabs.Trigger>
               <VerticalTabs.Trigger value="clients">
                 <MonitorSmartphoneIcon size={14} />
-                Clients
+                {t("settings.clients")}
               </VerticalTabs.Trigger>
             </>
           )}
@@ -84,7 +86,7 @@ export default function NetBirdSettings() {
           <DangerZoneTabTrigger />
         </VerticalTabs.List>
         <RestrictedAccess
-          page={"Settings"}
+          page={t("settings.title")}
           hasAccess={permission.settings.read}
         >
           <div className={"border-l border-nb-gray-930 w-full"}>
@@ -105,12 +107,13 @@ export default function NetBirdSettings() {
 
 const DangerZoneTabTrigger = () => {
   const { isOwner } = useLoggedInUser();
+  const { t } = useI18n();
 
   return (
     isOwner && (
       <VerticalTabs.Trigger value="danger-zone" disabled={!isOwner}>
         <AlertOctagonIcon size={14} />
-        Danger zone
+        {t("settings.dangerZone")}
       </VerticalTabs.Trigger>
     )
   );
diff --git a/src/app/(dashboard)/setup-keys/page.tsx b/src/app/(dashboard)/setup-keys/page.tsx
index f7f7b0f3..30514f66 100644
--- a/src/app/(dashboard)/setup-keys/page.tsx
+++ b/src/app/(dashboard)/setup-keys/page.tsx
@@ -12,6 +12,7 @@ import React, { lazy, Suspense, useMemo } from "react";
 import SetupKeysIcon from "@/assets/icons/SetupKeysIcon";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { SetupKey } from "@/interfaces/SetupKey";
 import PageContainer from "@/layouts/PageContainer";
@@ -24,6 +25,7 @@ export default function SetupKeys() {
   const { data: setupKeys, isLoading } = useFetchApi<SetupKey[]>("/setup-keys");
   const { permission } = usePermissions();
   const { groups } = useGroups();
+  const { t } = useI18n();
 
   const setupKeysWithGroups = useMemo(() => {
     if (!setupKeys) return [];
@@ -50,31 +52,28 @@ export default function SetupKeys() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/setup-keys"}
-            label={"Setup Keys"}
+            label={t("setupKeys.title")}
             icon={<SetupKeysIcon size={13} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Setup Keys</h1>
+        <h1 ref={headingRef}>{t("setupKeys.title")}</h1>
+        <Paragraph>{t("setupKeys.description")}</Paragraph>
         <Paragraph>
-          Setup keys are pre-authentication keys that allow to register new
-          machines in your network.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={
               "https://docs.netbird.io/how-to/register-machines-using-setup-keys"
             }
             target={"_blank"}
           >
-            Setup Keys
+            {t("setupKeys.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
       <RestrictedAccess
-        page={"Setup Keys"}
+        page={t("setupKeys.title")}
         hasAccess={permission.setup_keys.read}
       >
         <Suspense fallback={<SkeletonTable />}>
diff --git a/src/app/(dashboard)/team/service-users/page.tsx b/src/app/(dashboard)/team/service-users/page.tsx
index f4f4a0e3..736e0e09 100644
--- a/src/app/(dashboard)/team/service-users/page.tsx
+++ b/src/app/(dashboard)/team/service-users/page.tsx
@@ -12,6 +12,7 @@ import { ExternalLinkIcon } from "lucide-react";
 import React, { lazy, Suspense } from "react";
 import TeamIcon from "@/assets/icons/TeamIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import PageContainer from "@/layouts/PageContainer";
 
@@ -21,6 +22,7 @@ const ServiceUsersTable = lazy(
 
 export default function ServiceUsers() {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { data: users, isLoading } = useFetchApi<User[]>(
     "/users?service_user=true",
   );
@@ -34,35 +36,32 @@ export default function ServiceUsers() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/team"}
-            label={"Team"}
+            label={t("team.title")}
             icon={<TeamIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/team/service-users"}
-            label={"Service Users"}
+            label={t("serviceUsers.title")}
             active
             icon={<IconSettings2 size={17} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Service Users</h1>
+        <h1 ref={headingRef}>{t("serviceUsers.title")}</h1>
+        <Paragraph>{t("serviceUsers.description")}</Paragraph>
         <Paragraph>
-          Use service users to create API tokens and avoid losing automated
-          access.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/access-netbird-public-api"}
             target={"_blank"}
           >
-            Service Users
+            {t("serviceUsers.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
       <RestrictedAccess
-        page={"Service Users"}
+        page={t("serviceUsers.title")}
         hasAccess={permission.users.read}
       >
         <Suspense fallback={<SkeletonTable />}>
diff --git a/src/app/(dashboard)/team/user/page.tsx b/src/app/(dashboard)/team/user/page.tsx
index 39fd7873..72576cb6 100644
--- a/src/app/(dashboard)/team/user/page.tsx
+++ b/src/app/(dashboard)/team/user/page.tsx
@@ -33,6 +33,7 @@ import TeamIcon from "@/assets/icons/TeamIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
 import { useHasChanges } from "@/hooks/useHasChanges";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { Role, User } from "@/interfaces/User";
 import PageContainer from "@/layouts/PageContainer";
@@ -46,6 +47,7 @@ import { UserPeersSection } from "@/modules/users/UserPeersSection";
 import { UserRoleSelector } from "@/modules/users/UserRoleSelector";
 
 export default function UserPage() {
+  const { t } = useI18n();
   const queryParameter = useSearchParams();
   const userId = queryParameter.get("id");
   const { permission } = usePermissions();
@@ -66,7 +68,7 @@ export default function UserPage() {
   if (!permission.users.read) {
     return (
       <PageContainer>
-        <RestrictedAccess page={"User Information"} />
+        <RestrictedAccess page={t("userDetails.title")} />
       </PageContainer>
     );
   }
@@ -88,6 +90,7 @@ type Props = {
 };
 
 function UserOverview({ user, initialGroups }: Readonly<Props>) {
+  const { t } = useI18n();
   const router = useRouter();
   const userRequest = useApiCall<User>("/users");
   const isServiceUser = !!user?.is_service_user;
@@ -113,7 +116,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
 
     notify({
       title: user.name,
-      description: "Changes successfully saved.",
+      description: t("userDetails.saved"),
       promise: userRequest
         .put(
           {
@@ -127,7 +130,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
           mutate(`/users?service_user=${isServiceUser}`);
           updateChangesRef([role, selectedGroups]);
         }),
-      loadingMessage: "Saving changes...",
+      loadingMessage: t("userDetails.saving"),
     });
   };
 
@@ -148,7 +151,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/team"}
-            label={"Team"}
+            label={t("team.title")}
             disabled={!permission.users.read}
             icon={<TeamIcon size={13} />}
           />
@@ -156,13 +159,13 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
           {isServiceUser ? (
             <Breadcrumbs.Item
               href={"/team/service-users"}
-              label={"Service Users"}
+              label={t("serviceUsers.title")}
               icon={<IconSettings2 size={17} />}
             />
           ) : (
             <Breadcrumbs.Item
               href={"/team/users"}
-              label={"Users"}
+              label={t("users.title")}
               disabled={!permission.users.read}
               icon={<User2 size={16} />}
             />
@@ -186,7 +189,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
                     : {
                         color: user?.name
                           ? generateColorFromString(
-                              user?.name || user?.id || "System User",
+                              user?.name || user?.id || t("users.system"),
                             )
                           : "#808080",
                       }
@@ -214,7 +217,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
                     : router.push("/team/users");
                 }}
               >
-                Cancel
+                {t("actions.cancel")}
               </Button>
 
               <Button
@@ -224,7 +227,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
                 onClick={save}
                 data-cy={"save-changes"}
               >
-                Save Changes
+                {t("actions.saveChanges")}
               </Button>
             </div>
           )}
@@ -235,10 +238,8 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
           <div className={"flex flex-col gap-8 w-1/2 "}>
             {!isServiceUser && isOwnerOrAdmin && (
               <div>
-                <Label>Auto-assigned groups</Label>
-                <HelpText>
-                  Groups will be assigned to peers added by this user.
-                </HelpText>
+                <Label>{t("userDetails.autoAssignedGroups")}</Label>
+                <HelpText>{t("userDetails.autoAssignedGroupsHelp")}</HelpText>
                 <PeerGroupSelector
                   disabled={isUser}
                   onChange={setSelectedGroups}
@@ -250,10 +251,8 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
             )}
             <div className={"flex items-start"}>
               <div className={"w-2/3"}>
-                <Label>User Role</Label>
-                <HelpText>
-                  Set a role for the user to assign access permissions.
-                </HelpText>
+                <Label>{t("userDetails.userRole")}</Label>
+                <HelpText>{t("userDetails.userRoleHelp")}</HelpText>
               </div>
               <div className={"w-1/3"}>
                 <UserRoleSelector
@@ -281,13 +280,13 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
           {showPeers && (
             <TabsTrigger value={"peers"}>
               <MonitorSmartphoneIcon size={16} />
-              Peers
+              {t("peers.title")}
             </TabsTrigger>
           )}
           {showAccessTokens && (
             <TabsTrigger value={"access-tokens"}>
               <KeyRoundIcon size={16} />
-              Access Tokens
+              {t("accessTokens.title")}
             </TabsTrigger>
           )}
         </TabsList>
@@ -302,10 +301,8 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
               <div className={"max-w-6xl"}>
                 <div className={"flex justify-between items-center"}>
                   <div>
-                    <h2>Access Tokens</h2>
-                    <Paragraph>
-                      Access tokens give access to NetBird API.
-                    </Paragraph>
+                    <h2>{t("accessTokens.title")}</h2>
+                    <Paragraph>{t("userDetails.accessTokensDescription")}</Paragraph>
                   </div>
                   <div className={"inline-flex gap-4 justify-end"}>
                     <div>
@@ -316,7 +313,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
                           disabled={!permission.pats.create}
                         >
                           <IconCirclePlus size={16} />
-                          Create Access Token
+                          {t("userDetails.createAccessToken")}
                         </Button>
                       </CreateAccessTokenModal>
                     </div>
@@ -333,6 +330,7 @@ function UserOverview({ user, initialGroups }: Readonly<Props>) {
 }
 
 function UserInformationCard({ user }: Readonly<{ user: User }>) {
+  const { t } = useI18n();
   const isServiceUser = user.is_service_user || false;
   const neverLoggedIn = dayjs(user.last_login).isBefore(
     dayjs().subtract(1000, "years"),
@@ -346,7 +344,7 @@ function UserInformationCard({ user }: Readonly<{ user: User }>) {
           label={
             <>
               <User2 size={16} />
-              {user.name ? "Name" : "User ID"}
+              {user.name ? t("userDetails.name") : t("userDetails.userId")}
             </>
           }
           value={user.name || user.id}
@@ -357,7 +355,7 @@ function UserInformationCard({ user }: Readonly<{ user: User }>) {
             label={
               <>
                 <Mail size={16} />
-                E-Mail
+                {t("userDetails.email")}
               </>
             }
             value={user.email || "-"}
@@ -369,7 +367,7 @@ function UserInformationCard({ user }: Readonly<{ user: User }>) {
           label={
             <>
               <GalleryHorizontalEnd size={16} />
-              Status
+              {t("table.status")}
             </>
           }
           value={<UserStatusCell user={user} />}
@@ -385,7 +383,7 @@ function UserInformationCard({ user }: Readonly<{ user: User }>) {
                   label={
                     <>
                       <Ban size={16} />
-                      Block User
+                      {t("table.blockUser")}
                     </>
                   }
                   value={<UserBlockCell user={user} isUserPage={true} />}
@@ -396,13 +394,13 @@ function UserInformationCard({ user }: Readonly<{ user: User }>) {
               label={
                 <>
                   <History size={16} />
-                  Last login
+                  {t("table.lastLogin")}
                 </>
               }
               value={
                 neverLoggedIn
-                  ? "Never"
-                  : dayjs(user.last_login).format("D MMMM, YYYY [at] h:mm A") +
+                  ? t("userDetails.never")
+                  : dayjs(user.last_login).format(t("userDetails.lastLoginFormat")) +
                     " (" +
                     dayjs().to(user.last_login) +
                     ")"
diff --git a/src/app/(dashboard)/team/users/page.tsx b/src/app/(dashboard)/team/users/page.tsx
index 3a7169d3..2fa7f469 100644
--- a/src/app/(dashboard)/team/users/page.tsx
+++ b/src/app/(dashboard)/team/users/page.tsx
@@ -12,6 +12,7 @@ import React, { lazy, Suspense } from "react";
 import TeamIcon from "@/assets/icons/TeamIcon";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import PageContainer from "@/layouts/PageContainer";
 
@@ -20,6 +21,7 @@ const UsersTable = lazy(() => import("@/modules/users/UsersTable"));
 export default function TeamUsers() {
   const { isLoading: isGroupsLoading } = useGroups();
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { data: users, isLoading } = useFetchApi<User[]>(
     "/users?service_user=false",
   );
@@ -33,34 +35,31 @@ export default function TeamUsers() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/team"}
-            label={"Team"}
+            label={t("team.title")}
             icon={<TeamIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/team/users"}
-            label={"Users"}
+            label={t("users.title")}
             active
             icon={<User2 size={16} />}
           />
         </Breadcrumbs>
-        <h1 ref={headingRef}>Users</h1>
+        <h1 ref={headingRef}>{t("users.title")}</h1>
+        <Paragraph>{t("users.description")}</Paragraph>
         <Paragraph>
-          Manage users and their permissions. Same-domain email users are added
-          automatically on first sign-in.
-        </Paragraph>
-        <Paragraph>
-          Learn more about
+          {t("common.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/add-users-to-your-network"}
             target={"_blank"}
           >
-            Users
+            {t("users.title")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
-          in our documentation.
+          {t("common.inDocumentationSuffix")}
         </Paragraph>
       </div>
-      <RestrictedAccess page={"Users"} hasAccess={permission.users.read}>
+      <RestrictedAccess page={t("users.title")} hasAccess={permission.users.read}>
         <Suspense fallback={<SkeletonTable />}>
           <UsersTable
             users={users}
diff --git a/src/app/(remote-access)/peer/rdp/page.tsx b/src/app/(remote-access)/peer/rdp/page.tsx
index 810ea038..7f24964b 100644
--- a/src/app/(remote-access)/peer/rdp/page.tsx
+++ b/src/app/(remote-access)/peer/rdp/page.tsx
@@ -2,10 +2,12 @@
 
 import { notify } from "@components/Notification";
 import FullScreenLoading from "@components/ui/FullScreenLoading";
+import { PageNotFound } from "@components/ui/PageNotFound";
 import { IconCircleX } from "@tabler/icons-react";
 import useFetchApi from "@utils/api";
 import { Loader2Icon } from "lucide-react";
 import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import type { Peer } from "@/interfaces/Peer";
 import { RDPCertificateModal } from "@/modules/remote-access/rdp/RDPCertificateModal";
 import { RDPCredentialsModal } from "@/modules/remote-access/rdp/RDPCredentialsModal";
@@ -22,6 +24,7 @@ import {
 import { cn } from "@utils/helpers";
 
 export default function RDPPage() {
+  const { t } = useI18n();
   const { peerId } = useRDPQueryParams();
 
   const {
@@ -30,6 +33,15 @@ export default function RDPPage() {
     error,
   } = useFetchApi<Peer>(`/peers/${peerId}`, true, false, !!peerId);
 
+  if (error) {
+    return (
+      <PageNotFound
+        title={error.message}
+        description={t("remoteAccess.peerNotFound")}
+      />
+    );
+  }
+
   return (
     <div className={"w-screen h-screen overflow-hidden fixed inset-0"}>
       {peerId && peer && !isLoading ? (
@@ -46,6 +58,7 @@ type Props = {
 };
 
 function RDPSession({ peer }: Props) {
+  const { t } = useI18n();
   const client = useNetBirdClient();
   const [isNetBirdConnecting, setIsNetBirdConnecting] = useState(false);
   const rdp = useRemoteDesktop(client);
@@ -90,7 +103,7 @@ function RDPSession({ peer }: Props) {
         setIsNetBirdConnecting(false);
       } catch (error) {
         sendErrorNotification(
-          "NetBird Connection Error",
+          t("remoteAccess.netbirdConnectionError"),
           (error as Error).message,
         );
         setIsNetBirdConnecting(false);
@@ -115,11 +128,14 @@ function RDPSession({ peer }: Props) {
       } else {
       }
     } catch (error) {
-      sendErrorNotification("RDP Connection Error", (error as Error).message);
+      sendErrorNotification(
+        t("remoteAccess.rdpConnectionError"),
+        (error as Error).message,
+      );
       setCredentialsModal(true);
       await reset();
     }
-  }, [credentials, peer.ip, rdp, reset]);
+  }, [credentials, peer.ip, rdp, reset, t]);
 
   /**
    * Establish RDP session when NetBird connection is ready
@@ -148,12 +164,15 @@ function RDPSession({ peer }: Props) {
    */
   useEffect(() => {
     if (rdp.error) {
-      sendErrorNotification("RDP Error", rdp.error);
+      sendErrorNotification(t("remoteAccess.rdpError"), rdp.error);
     }
     if (client.error) {
-      sendErrorNotification("NetBird Client Error", client.error);
+      sendErrorNotification(
+        t("remoteAccess.netbirdClientError"),
+        client.error,
+      );
     }
-  }, [rdp, client]);
+  }, [rdp, client, t]);
 
   /**
    * Close credentials modal when RDP is connected
diff --git a/src/app/(remote-access)/peer/ssh/page.tsx b/src/app/(remote-access)/peer/ssh/page.tsx
index e24035b2..d18409e4 100644
--- a/src/app/(remote-access)/peer/ssh/page.tsx
+++ b/src/app/(remote-access)/peer/ssh/page.tsx
@@ -1,9 +1,9 @@
 "use client";
 
-import { PageNotFound } from "@components/ui/PageNotFound";
 import useFetchApi, { ErrorResponse } from "@utils/api";
 import { CircleXIcon, InfoIcon, Loader2Icon } from "lucide-react";
 import React, { useEffect, useRef } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import type { Peer } from "@/interfaces/Peer";
 import { Terminal } from "@/modules/remote-access/ssh/Terminal";
 import { SSHStatus, useSSH } from "@/modules/remote-access/ssh/useSSH";
@@ -18,6 +18,7 @@ import {
 } from "@utils/version";
 
 export default function SSHPage() {
+  const { t } = useI18n();
   const { peerId, username, port } = useSSHQueryParams();
 
   const {
@@ -31,8 +32,7 @@ export default function SSHPage() {
       <div className={"w-screen h-screen overflow-hidden"}>
         <ErrorMessage
           error={{
-            message:
-              "This peer may have been deleted, or you may not have permission to view it.",
+            message: t("remoteAccess.peerNotFound"),
             code: error.code,
           }}
         />
@@ -50,7 +50,7 @@ export default function SSHPage() {
           port={port}
         />
       ) : (
-        <LoadingMessage message={"Starting ssh session..."} />
+        <LoadingMessage message={t("remoteAccess.sshStartingSession")} />
       )}
     </div>
   );
@@ -63,6 +63,7 @@ type Props = {
 };
 
 function SSHTerminal({ username, port, peer }: Props) {
+  const { t } = useI18n();
   const client = useNetBirdClient();
   const connected = useRef(false);
   const sshConnectedOnce = useRef(false);
@@ -171,7 +172,11 @@ function SSHTerminal({ username, port, peer }: Props) {
     <>
       {session && <Terminal session={session} onClose={disconnect} />}
       {!isSSHConnected && (
-        <LoadingMessage message={`Connecting to ${username}@${peer.ip}...`} />
+        <LoadingMessage
+          message={t("remoteAccess.sshConnectingTo", {
+            target: `${username}@${peer.ip}`,
+          })}
+        />
       )}
     </>
   );
@@ -223,6 +228,8 @@ const DisconnectedMessage = ({
   peerIp,
   onReconnect,
 }: DisconnectedMessageProps) => {
+  const { t } = useI18n();
+
   return (
     <div
       className={
@@ -231,14 +238,16 @@ const DisconnectedMessage = ({
     >
       <div className="text-nb-gray-200 font-normal text-base flex gap-2 items-center justify-center">
         <InfoIcon size={16} className={"shrink-0 text-nb-gray-200"} />
-        Disconnected from {username}@{peerIp}
+        {t("remoteAccess.sshDisconnectedFrom", {
+          target: `${username}@${peerIp}`,
+        })}
         <button
           className={
             "underline-offset-4 items-center transition-all duration-200 inline-flex texts-inherit gap-1 text-netbird hover:underline font-normal"
           }
           onClick={onReconnect}
         >
-          Reconnect
+          {t("remoteAccess.reconnect")}
         </button>
       </div>
     </div>
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
index 24b6e102..94dfebb3 100644
Binary files a/src/app/apple-icon.png and b/src/app/apple-icon.png differ
diff --git a/src/app/error/page.tsx b/src/app/error/page.tsx
index 72a6a3f2..9bc07fc6 100644
--- a/src/app/error/page.tsx
+++ b/src/app/error/page.tsx
@@ -8,10 +8,12 @@ import { ArrowRightIcon, RefreshCw } from "lucide-react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useEffect, useState } from "react";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const config = loadConfig();
 
 export default function ErrorPage() {
+  const { t } = useI18n();
   const { logout, isAuthenticated } = useOidc();
   const router = useRouter();
   const searchParams = useSearchParams();
@@ -58,19 +60,19 @@ export default function ErrorPage() {
     error?.message?.toLowerCase().includes("pending approval");
 
   const getTitle = () => {
-    if (isBlockedUser) return "User Account Blocked";
-    if (isPendingApproval) return "User Approval Pending";
-    return "Access Error";
+    if (isBlockedUser) return t("errorPage.blockedTitle");
+    if (isPendingApproval) return t("errorPage.pendingTitle");
+    return t("errorPage.defaultTitle");
   };
 
   const getDescription = () => {
     if (isBlockedUser) {
-      return "Your access has been blocked by the NetBird account administrator, possibly due to new user approval requirements or security policies. Please contact your administrator to regain access.";
+      return t("errorPage.blockedDescription");
     }
     if (isPendingApproval) {
-      return "Your account is pending approval from an administrator. Please wait for approval before accessing the dashboard.";
+      return t("errorPage.pendingDescription");
     }
-    return "An error occurred while trying to access the dashboard. Please try again or contact your administrator.";
+    return t("errorPage.defaultDescription");
   };
 
   return (
@@ -88,25 +90,29 @@ export default function ErrorPage() {
       {error && (
         <div className="bg-nb-gray-930 border border-nb-gray-800 rounded-md p-4 mt-4 max-w-md font-mono mb-2">
           <div className="text-center text-sm text-netbird">
-            <div>response_message: {error.message}</div>
+            <div>
+              {t("errorPage.responseMessage")}: {error.message}
+            </div>
           </div>
         </div>
       )}
 
       <Paragraph className="text-center mt-2 text-sm">
-        If you believe this is an error, please contact your administrator.
+        {t("errorPage.contactAdmin")}
       </Paragraph>
 
       <div className="mt-5 space-y-3">
         {!isBlockedUser && !isPendingApproval && (
           <Button variant="default-outline" size="sm" onClick={handleRetry}>
             <RefreshCw size={16} className="mr-2" />
-            Try Again
+            {t("errorPage.tryAgain")}
           </Button>
         )}
 
         <Button variant="primary" size="sm" onClick={handleLogout}>
-          {isBlockedUser || isPendingApproval ? "Sign Out" : "Logout"}
+          {isBlockedUser || isPendingApproval
+            ? t("errorPage.signOut")
+            : t("user.logout")}
           <ArrowRightIcon size={16} />
         </Button>
       </div>
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 50bb8096..5b30a1cd 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/invite/page.tsx b/src/app/invite/page.tsx
index 175afd34..a7d9d59c 100644
--- a/src/app/invite/page.tsx
+++ b/src/app/invite/page.tsx
@@ -17,6 +17,7 @@ import dayjs from "dayjs";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useMemo, useState } from "react";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { UserInviteInfo } from "@/interfaces/User";
 
 export default function InviteAcceptPage() {
@@ -28,6 +29,7 @@ export default function InviteAcceptPage() {
 }
 
 function InviteAcceptContent() {
+  const { t } = useI18n();
   const searchParams = useSearchParams();
   const router = useRouter();
   const token = searchParams?.get("token");
@@ -44,7 +46,7 @@ function InviteAcceptContent() {
 
   useEffect(() => {
     if (!token) {
-      setError("No invite token provided");
+      setError(t("invite.acceptMissingToken"));
       setLoading(false);
       return;
     }
@@ -56,15 +58,15 @@ function InviteAcceptContent() {
       })
       .catch((err) => {
         if (err.code === 429) {
-          setError("Too many attempts. Please wait a moment and try again.");
+          setError(t("invite.acceptRateLimited"));
           setIsRateLimited(true);
         } else {
-          setError(err.message || "Invalid or expired invite link");
+          setError(err.message || t("invite.acceptInvalidLink"));
           setIsRateLimited(false);
         }
         setLoading(false);
       });
-  }, [token]);
+  }, [token, t]);
 
   const passwordsMatch = password === confirmPassword;
   const hasMinLength = password.length >= 8;
@@ -86,7 +88,7 @@ function InviteAcceptContent() {
       await acceptInvite(token, password);
       setSuccess(true);
     } catch (err: any) {
-      setError(err.message || "Failed to accept invite");
+      setError(err.message || t("invite.acceptFailed"));
     } finally {
       setSubmitting(false);
     }
@@ -112,18 +114,17 @@ function InviteAcceptContent() {
               </div>
             </div>
             <h1 className="text-2xl font-semibold text-white mb-2">
-              Too Many Requests
+              {t("invite.tooManyRequests")}
             </h1>
             <Paragraph className="text-nb-gray-400 text-base">
-              You&apos;ve made too many requests. Please wait a moment and try
-              again.
+              {t("invite.tooManyRequestsDescription")}
             </Paragraph>
             <Button
               variant="secondary"
               className="mt-6"
               onClick={() => window.location.reload()}
             >
-              Try Again
+              {t("errorPage.tryAgain")}
             </Button>
           </div>
         </div>
@@ -139,18 +140,17 @@ function InviteAcceptContent() {
             </div>
           </div>
           <h1 className="text-2xl font-semibold text-white mb-2">
-            Invalid Invite
+            {t("invite.invalidTitle")}
           </h1>
           <Paragraph className="text-nb-gray-400 text-base">
-            This invite link is invalid or has expired. Please contact your
-            administrator to receive a new invitation.
+            {t("invite.invalidDescription")}
           </Paragraph>
           <Button
             variant="secondary"
             className="mt-6"
             onClick={() => router.push("/")}
           >
-            Go to Login
+            {t("invite.goToLogin")}
           </Button>
         </div>
       </div>
@@ -167,18 +167,17 @@ function InviteAcceptContent() {
             </div>
           </div>
           <h1 className="text-2xl font-semibold text-white mb-2">
-            Account Created!
+            {t("invite.accountCreatedTitle")}
           </h1>
           <Paragraph className="text-nb-gray-400">
-            Your account has been created successfully. You can now log in with
-            your email and password.
+            {t("invite.accountCreatedDescription")}
           </Paragraph>
           <Button
             variant="primary"
             className="mt-6"
             onClick={() => router.push("/")}
           >
-            Go to Login
+            {t("invite.goToLogin")}
           </Button>
         </div>
       </div>
@@ -195,18 +194,17 @@ function InviteAcceptContent() {
             </div>
           </div>
           <h1 className="text-2xl font-semibold text-white mb-2">
-            Invite Expired
+            {t("invite.expiredTitle")}
           </h1>
           <Paragraph className="text-nb-gray-400">
-            This invite link has expired. Please contact your administrator to
-            receive a new invitation.
+            {t("invite.expiredDescription")}
           </Paragraph>
           <Button
             variant="secondary"
             className="mt-6"
             onClick={() => router.push("/")}
           >
-            Go to Login
+            {t("invite.goToLogin")}
           </Button>
         </div>
       </div>
@@ -222,10 +220,12 @@ function InviteAcceptContent() {
 
         <div className="text-center mb-8">
           <h1 className="text-2xl font-semibold text-white mb-2">
-            Welcome to NetBird
+            {t("invite.welcomeTitle")}
           </h1>
           <p className="dark:text-nb-gray-400 text-nb-gray-500 text-base">
-            You&apos;ve been invited by <span className="dark:text-white text-nb-gray-900 font-medium">{inviteInfo.invited_by}</span> to join the network. Set your password to complete your account setup.
+            {t("invite.welcomeDescription", {
+              invitedBy: inviteInfo.invited_by,
+            })}
           </p>
         </div>
 
@@ -247,7 +247,7 @@ function InviteAcceptContent() {
             <div>
               <Input
                 type="password"
-                placeholder="Password"
+                placeholder={t("invite.passwordPlaceholder")}
                 value={password}
                 onChange={(e) => setPassword(e.target.value)}
                 customPrefix={
@@ -256,11 +256,26 @@ function InviteAcceptContent() {
               />
               {password && (
                 <div className="mt-2 space-y-1">
-                  <PasswordRule met={hasMinLength} text="At least 8 characters" />
-                  <PasswordRule met={hasUppercase} text="One uppercase letter" />
-                  <PasswordRule met={hasLowercase} text="One lowercase letter" />
-                  <PasswordRule met={hasNumber} text="One number" />
-                  <PasswordRule met={hasSpecialChar} text="One special character (!@#$%^&*)" />
+                  <PasswordRule
+                    met={hasMinLength}
+                    text={t("invite.passwordRuleMinLength")}
+                  />
+                  <PasswordRule
+                    met={hasUppercase}
+                    text={t("invite.passwordRuleUppercase")}
+                  />
+                  <PasswordRule
+                    met={hasLowercase}
+                    text={t("invite.passwordRuleLowercase")}
+                  />
+                  <PasswordRule
+                    met={hasNumber}
+                    text={t("invite.passwordRuleNumber")}
+                  />
+                  <PasswordRule
+                    met={hasSpecialChar}
+                    text={t("invite.passwordRuleSpecial")}
+                  />
                 </div>
               )}
             </div>
@@ -268,7 +283,7 @@ function InviteAcceptContent() {
             <div>
               <Input
                 type="password"
-                placeholder="Confirm Password"
+                placeholder={t("invite.confirmPasswordPlaceholder")}
                 value={confirmPassword}
                 onChange={(e) => setConfirmPassword(e.target.value)}
                 customPrefix={
@@ -277,7 +292,7 @@ function InviteAcceptContent() {
               />
               {confirmPassword && !passwordsMatch && (
                 <p className="text-xs text-red-500 mt-1">
-                  Passwords do not match
+                  {t("changePassword.passwordMatchError")}
                 </p>
               )}
             </div>
@@ -294,13 +309,18 @@ function InviteAcceptContent() {
               className="w-full"
               disabled={!canSubmit}
             >
-              {submitting ? "Creating Account..." : "Create Account"}
+              {submitting
+                ? t("invite.creatingAccount")
+                : t("invite.createAccount")}
             </Button>
           </form>
         </div>
 
         <p className="text-center text-xs text-nb-gray-500">
-          Invite expires on {dayjs(inviteInfo.expires_at).format("D MMMM, YYYY [at] h:mm A")}
+          {t("invite.expiresOn")}{" "}
+          {dayjs(inviteInfo.expires_at).format(
+            t("invite.acceptExpiresOnFormat"),
+          )}
         </p>
       </div>
     </div>
@@ -318,4 +338,4 @@ function PasswordRule({ met, text }: { met: boolean; text: string }) {
       <span className={met ? "text-green-500" : "text-nb-gray-500"}>{text}</span>
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/assets/icons/IdentityProviderIcons.tsx b/src/assets/icons/IdentityProviderIcons.tsx
index bf969b65..9a18d27f 100644
--- a/src/assets/icons/IdentityProviderIcons.tsx
+++ b/src/assets/icons/IdentityProviderIcons.tsx
@@ -24,6 +24,7 @@ export const idpIcon = (
     authentik: <AuthentikIcon size={size} />,
     keycloak: <KeycloakIcon size={size} />,
     oidc: <KeyRound size={size} className="text-nb-gray-400" />,
+    wechatwork: <KeyRound size={size} className="text-nb-gray-400" />,
   };
 
   return icons[type];
diff --git a/src/assets/netbird-full.svg b/src/assets/netbird-full.svg
index f925d576..d2751977 100644
--- a/src/assets/netbird-full.svg
+++ b/src/assets/netbird-full.svg
@@ -1,19 +1,21 @@
-<svg width="133" height="23" viewBox="0 0 133 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_0_3)">
-<path d="M46.9438 7.5013C48.1229 8.64688 48.7082 10.3025 48.7082 12.4683V21.6663H46.1411V12.8362C46.1411 11.2809 45.7481 10.0851 44.9704 9.26566C44.1928 8.43783 43.1308 8.0281 41.7846 8.0281C40.4383 8.0281 39.3345 8.45455 38.5234 9.30747C37.7123 10.1604 37.3109 11.4063 37.3109 13.0369V21.6663H34.7188V6.06305H37.3109V8.28732C37.821 7.49294 38.5234 6.87416 39.4014 6.43934C40.2878 6.00452 41.2578 5.78711 42.3197 5.78711C44.2179 5.78711 45.7565 6.36408 46.9355 7.50966L46.9438 7.5013Z" fill="#F2F2F2"/>
-<path d="M67.1048 14.8344H54.6288C54.7208 16.373 55.2476 17.5771 56.2092 18.4384C57.1708 19.2997 58.3331 19.7345 59.6961 19.7345C60.8166 19.7345 61.7531 19.4753 62.4973 18.9485C63.2499 18.4301 63.7767 17.7277 64.0777 16.858H66.8706C66.4525 18.3548 65.6163 19.5756 64.3621 20.5205C63.1078 21.4571 61.5525 21.9337 59.6878 21.9337C58.2077 21.9337 56.8865 21.5992 55.7159 20.9386C54.5452 20.278 53.6337 19.3331 52.9648 18.1039C52.2958 16.8831 51.9697 15.4616 51.9697 13.8477C51.9697 12.2339 52.2958 10.8207 52.9397 9.60825C53.5836 8.39578 54.495 7.45924 55.6573 6.80702C56.828 6.15479 58.1659 5.82031 59.6878 5.82031C61.2096 5.82031 62.4806 6.14643 63.6178 6.79029C64.7551 7.43416 65.6331 8.32052 66.2518 9.44938C66.8706 10.5782 67.18 11.8576 67.18 13.2791C67.18 13.7725 67.1549 14.2909 67.0964 14.8428L67.1048 14.8344ZM63.8603 10.1769C63.4255 9.4661 62.8318 8.92258 62.0793 8.55465C61.3267 8.18673 60.4989 8.00277 59.5874 8.00277C58.2746 8.00277 57.1625 8.42086 56.2427 9.25705C55.3228 10.0932 54.796 11.2472 54.6623 12.7356H64.5126C64.5126 11.7489 64.2952 10.896 63.8603 10.1852V10.1769Z" fill="#F2F2F2"/>
-<path d="M73.7695 8.20355V17.4016C73.7695 18.1626 73.9284 18.6977 74.2545 19.0071C74.5806 19.3165 75.1409 19.4754 75.9352 19.4754H77.8418V21.6662H75.5088C74.0622 21.6662 72.9835 21.3317 72.2644 20.6711C71.5452 20.0105 71.1857 18.9151 71.1857 17.3933V8.19519H69.1621V6.0629H71.1857V2.13281H73.7779V6.0629H77.8501V8.19519H73.7779L73.7695 8.20355Z" fill="#F2F2F2"/>
-<path d="M85.9022 6.68902C86.9307 6.10369 88.093 5.80266 89.4058 5.80266C90.8106 5.80266 92.0732 6.13714 93.1937 6.79773C94.3142 7.46668 95.2006 8.39485 95.8444 9.59896C96.4883 10.8031 96.8144 12.2079 96.8144 13.7966C96.8144 15.3854 96.4883 16.7818 95.8444 18.011C95.2006 19.2486 94.3142 20.2018 93.1854 20.8875C92.0565 21.5732 90.7939 21.916 89.4141 21.916C88.0344 21.916 86.8805 21.6234 85.8687 21.0297C84.8569 20.4443 84.0876 19.6918 83.5775 18.7803V21.6568H80.9854V0.601562H83.5775V8.97182C84.1127 8.04365 84.8904 7.28272 85.9105 6.69738L85.9022 6.68902ZM93.4529 10.7362C92.9763 9.86654 92.3408 9.19759 91.5297 8.74605C90.7186 8.29451 89.8322 8.06037 88.8706 8.06037C87.909 8.06037 87.0394 8.29451 86.2366 8.75441C85.4255 9.22268 84.7817 9.89163 84.2967 10.778C83.8117 11.6643 83.5692 12.6845 83.5692 13.8384C83.5692 14.9924 83.8117 16.046 84.2967 16.9323C84.7817 17.8187 85.4255 18.4877 86.2366 18.9559C87.0394 19.4242 87.9174 19.65 88.8706 19.65C89.8239 19.65 90.727 19.4158 91.5297 18.9559C92.3324 18.4877 92.9763 17.8187 93.4529 16.9323C93.9296 16.046 94.1637 15.0091 94.1637 13.8134C94.1637 12.6176 93.9296 11.6142 93.4529 10.7362Z" fill="#F2F2F2"/>
-<path d="M100.318 3.01864C99.9749 2.67581 99.8076 2.25771 99.8076 1.76436C99.8076 1.27101 99.9749 0.852913 100.318 0.510076C100.661 0.167238 101.079 0 101.572 0C102.065 0 102.45 0.167238 102.784 0.510076C103.119 0.852913 103.286 1.27101 103.286 1.76436C103.286 2.25771 103.119 2.67581 102.784 3.01864C102.45 3.36148 102.049 3.52872 101.572 3.52872C101.095 3.52872 100.661 3.36148 100.318 3.01864ZM102.826 6.06237V21.6657H100.234V6.06237H102.826Z" fill="#F2F2F2"/>
-<path d="M111.773 6.52155C112.617 6.0282 113.646 5.77734 114.867 5.77734V8.45315H114.181C111.28 8.45315 109.825 10.0252 109.825 13.1776V21.6649H107.232V6.06165H109.825V8.5953C110.276 7.70058 110.928 7.00654 111.773 6.51319V6.52155Z" fill="#F2F2F2"/>
-<path d="M117.861 9.60732C118.505 8.40321 119.391 7.46668 120.52 6.80609C121.649 6.1455 122.92 5.81102 124.325 5.81102C125.537 5.81102 126.666 6.09533 127.711 6.64721C128.757 7.20746 129.551 7.94331 130.103 8.85475V0.601562H132.72V21.6735H130.103V18.7385C129.593 19.6667 128.832 20.436 127.828 21.0297C126.825 21.6317 125.646 21.9244 124.3 21.9244C122.953 21.9244 121.657 21.5816 120.528 20.8959C119.4 20.2102 118.513 19.257 117.869 18.0194C117.226 16.7818 116.899 15.377 116.899 13.805C116.899 12.233 117.226 10.8114 117.869 9.60732H117.861ZM129.392 10.7613C128.915 9.89163 128.28 9.22268 127.469 8.75441C126.658 8.28614 125.771 8.06037 124.81 8.06037C123.848 8.06037 122.962 8.28614 122.159 8.74605C121.356 9.20595 120.729 9.86654 120.253 10.7362C119.776 11.6058 119.542 12.6343 119.542 13.8134C119.542 14.9924 119.776 16.046 120.253 16.9323C120.729 17.8187 121.365 18.4877 122.159 18.9559C122.953 19.4242 123.84 19.65 124.81 19.65C125.78 19.65 126.666 19.4158 127.469 18.9559C128.272 18.4877 128.915 17.8187 129.392 16.9323C129.869 16.046 130.103 15.0175 130.103 13.8384C130.103 12.6594 129.869 11.6393 129.392 10.7613Z" fill="#F2F2F2"/>
-<path d="M21.4651 0.568359C17.8193 0.902835 16.0047 3.00167 15.3191 4.06363L4.66602 22.5183H17.5182L30.1949 0.568359H21.4651Z" fill="#F68330"/>
-<path d="M17.5265 22.5187L0 3.9302C0 3.9302 19.8177 -1.39633 21.7493 15.2188L17.5265 22.5187Z" fill="#F68330"/>
-<path d="M14.9255 4.75055L9.54883 14.0657L17.5177 22.5196L21.7405 15.2029C21.0715 9.49174 18.287 6.37276 14.9255 4.74219" fill="#F35E32"/>
-</g>
-<defs>
-<clipPath id="clip0_0_3">
-<rect width="132.72" height="22.5186" fill="white"/>
-</clipPath>
-</defs>
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="266px" height="46px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g><path style="opacity:1" fill="#08a8f9" d="M 44.5,45.5 C 33.8333,45.5 23.1667,45.5 12.5,45.5C 10.1495,43.6408 8.31617,41.3075 7,38.5C 6.33333,28.1667 6.33333,17.8333 7,7.5C 8.5,4.66667 10.6667,2.5 13.5,1C 23.8333,0.333333 34.1667,0.333333 44.5,1C 47,2.16667 48.8333,4 50,6.5C 50.6667,17.5 50.6667,28.5 50,39.5C 48.6403,42.0226 46.807,44.0226 44.5,45.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 109.5,8.5 C 111.312,8.77128 112.978,9.43795 114.5,10.5C 113.157,12.7841 113.824,13.6174 116.5,13C 115.167,12.3333 115.167,11.6667 116.5,11C 117.793,10.51 119.127,10.3433 120.5,10.5C 120.343,11.8734 120.51,13.2068 121,14.5C 122.356,13.6198 123.856,13.2865 125.5,13.5C 125.162,8.6687 127.162,7.33537 131.5,9.5C 131.67,10.8221 131.337,11.9887 130.5,13C 132.81,13.4966 135.143,13.6633 137.5,13.5C 137.5,14.8333 137.5,16.1667 137.5,17.5C 135.304,17.41 133.137,17.0767 131,16.5C 130.167,16.8333 129.333,17.1667 128.5,17.5C 129.689,18.4287 131.022,18.762 132.5,18.5C 132.67,19.8221 132.337,20.9887 131.5,22C 133.134,22.4935 134.801,22.6602 136.5,22.5C 136.5,23.8333 136.5,25.1667 136.5,26.5C 134.712,26.2148 133.045,26.5481 131.5,27.5C 133.396,28.4656 135.396,28.7989 137.5,28.5C 137.5,29.8333 137.5,31.1667 137.5,32.5C 135.5,32.5 133.5,32.5 131.5,32.5C 131.421,33.9305 131.754,35.2638 132.5,36.5C 134.5,37.1667 136.5,37.8333 138.5,38.5C 137.754,39.7362 137.421,41.0695 137.5,42.5C 131.343,43.0806 125.51,42.0806 120,39.5C 118.165,42.858 115.998,43.1913 113.5,40.5C 110.588,43.3103 108.255,42.8103 106.5,39C 108.314,36.5185 108.98,33.6852 108.5,30.5C 107.5,30.5 106.5,30.5 105.5,30.5C 105.5,29.1667 105.5,27.8333 105.5,26.5C 106.5,26.5 107.5,26.5 108.5,26.5C 107.134,23.9359 105.467,21.4359 103.5,19C 106.409,16.0151 108.409,12.5151 109.5,8.5 Z M 116.5,16.5 C 118.139,18.6393 120.139,18.9726 122.5,17.5C 123.561,20.2945 122.394,21.6279 119,21.5C 115.883,20.4607 112.716,19.6273 109.5,19C 111.833,17.957 114.166,17.1237 116.5,16.5 Z M 112.5,23.5 C 114.011,24.5025 115.678,25.1692 117.5,25.5C 117.665,28.8499 117.498,32.1832 117,35.5C 116.593,31.6695 115.26,31.0028 113,33.5C 112.517,32.552 112.351,31.552 112.5,30.5C 113.833,30.5 115.167,30.5 116.5,30.5C 116.5,29.1667 116.5,27.8333 116.5,26.5C 115.167,26.5 113.833,26.5 112.5,26.5C 112.5,25.5 112.5,24.5 112.5,23.5 Z M 121.5,26.5 C 123.604,26.2011 125.604,26.5344 127.5,27.5C 126.5,27.8333 125.5,28.1667 124.5,28.5C 122.97,28.3601 121.97,27.6935 121.5,26.5 Z M 121.5,32.5 C 123.5,32.5 125.5,32.5 127.5,32.5C 127.5,34.1667 127.5,35.8333 127.5,37.5C 123.808,37.6757 121.808,36.0091 121.5,32.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 72.5,11.5 C 80.1705,12.7784 87.8372,12.7784 95.5,11.5C 95.5,13.1667 95.5,14.8333 95.5,16.5C 87.8333,16.5 80.1667,16.5 72.5,16.5C 72.5,14.8333 72.5,13.1667 72.5,11.5 Z"/></g>
+<g><path style="opacity:1" fill="#f1f6f9" d="M 37.5,33.5 C 31.9738,33.8214 26.6405,33.4881 21.5,32.5C 22.4778,32.189 23.1445,31.5223 23.5,30.5C 14.2865,25.9432 13.2865,20.1098 20.5,13C 26.1667,12.3333 31.8333,12.3333 37.5,13C 36.3128,14.0195 35.3128,15.1861 34.5,16.5C 41.8273,18.8194 43.994,23.4861 41,30.5C 39.9609,31.7101 38.7942,32.7101 37.5,33.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 160.5,15.5 C 164.514,15.3345 168.514,15.5012 172.5,16C 173.26,17.4411 173.926,18.9411 174.5,20.5C 170.952,20.6186 167.285,20.7853 163.5,21C 156.489,27.4704 157.489,32.3038 166.5,35.5C 168.782,34.7766 171.116,34.4433 173.5,34.5C 173.5,36.1667 173.5,37.8333 173.5,39.5C 166.52,41.4823 160.02,40.4823 154,36.5C 149.271,27.1923 151.438,20.1923 160.5,15.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 177.5,15.5 C 179.833,15.5 182.167,15.5 184.5,15.5C 184.621,23.8578 184.288,32.1912 183.5,40.5C 181.167,40.5 178.833,40.5 176.5,40.5C 177.407,32.2079 177.74,23.8746 177.5,15.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 211.5,15.5 C 213.833,15.5 216.167,15.5 218.5,15.5C 218.5,16.8333 218.5,18.1667 218.5,19.5C 216.167,19.5 213.833,19.5 211.5,19.5C 211.5,18.1667 211.5,16.8333 211.5,15.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 265.5,21.5 C 265.5,21.8333 265.5,22.1667 265.5,22.5C 263.037,24.4611 260.703,26.6278 258.5,29C 260.488,32.5013 262.822,35.668 265.5,38.5C 265.5,39.1667 265.5,39.8333 265.5,40.5C 262.753,40.8134 260.086,40.48 257.5,39.5C 253.375,30.0103 251.708,30.3437 252.5,40.5C 250.167,40.5 247.833,40.5 245.5,40.5C 246.371,32.2004 246.705,23.8671 246.5,15.5C 248.833,15.5 251.167,15.5 253.5,15.5C 253.335,18.8499 253.502,22.1832 254,25.5C 256.944,21.8864 260.777,20.5531 265.5,21.5 Z"/></g>
+<g><path style="opacity:1" fill="#49bcf7" d="M 23.5,19.5 C 26.6399,18.3592 29.9733,18.1925 33.5,19C 32.9558,19.7172 32.2891,20.2172 31.5,20.5C 29.0521,19.5269 26.3854,19.1936 23.5,19.5 Z"/></g>
+<g><path style="opacity:1" fill="#14a6f9" d="M 23.5,19.5 C 26.3854,19.1936 29.0521,19.5269 31.5,20.5C 31.1961,21.1499 30.8627,21.8165 30.5,22.5C 32.3413,23.2304 34.1746,23.8971 36,24.5C 36.7252,26.1575 36.2252,27.1575 34.5,27.5C 31.6146,27.8064 28.9479,27.4731 26.5,26.5C 26.8333,25.8333 27.1667,25.1667 27.5,24.5C 28.0431,24.44 28.3764,24.1067 28.5,23.5C 26.9547,22.5481 25.288,22.2148 23.5,22.5C 22.1667,21.5 22.1667,20.5 23.5,19.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 68.5,20.5 C 78.8358,21.7966 89.1691,21.7966 99.5,20.5C 99.5,22.1667 99.5,23.8333 99.5,25.5C 94.8215,25.3342 90.1548,25.5008 85.5,26C 85.9574,26.414 86.2907,26.914 86.5,27.5C 84.1765,30.1261 81.8432,32.7928 79.5,35.5C 82.8757,36.7105 86.209,36.5438 89.5,35C 85.6321,32.2428 85.7988,30.0761 90,28.5C 93.7132,31.3928 96.5466,35.0594 98.5,39.5C 96.0244,42.0691 93.5244,42.0691 91,39.5C 84.1955,40.3954 77.3622,41.062 70.5,41.5C 70.5792,40.0695 70.2458,38.7362 69.5,37.5C 74.2251,35.1078 77.5584,31.4412 79.5,26.5C 75.8927,25.5108 72.226,25.1774 68.5,25.5C 68.5,23.8333 68.5,22.1667 68.5,20.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 193.5,21.5 C 205.21,19.3781 210.043,24.0448 208,35.5C 201.951,41.6991 195.617,42.0324 189,36.5C 185.923,29.9393 187.423,24.9393 193.5,21.5 Z M 196.5,26.5 C 203.675,28.2145 204.175,31.2145 198,35.5C 193.963,33.1424 193.463,30.1424 196.5,26.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 211.5,21.5 C 213.833,21.5 216.167,21.5 218.5,21.5C 218.653,27.8692 218.32,34.2026 217.5,40.5C 215.167,40.5 212.833,40.5 210.5,40.5C 211.372,34.2111 211.705,27.8778 211.5,21.5 Z"/></g>
+<g><path style="opacity:1" fill="#ecedec" d="M 222.5,21.5 C 228.361,21.8976 234.361,22.0642 240.5,22C 241.966,23.5522 242.966,25.3855 243.5,27.5C 242.561,31.7649 242.228,36.0983 242.5,40.5C 240.167,40.5 237.833,40.5 235.5,40.5C 235.816,36.4754 235.983,32.4754 236,28.5C 234,25.8333 232,25.8333 230,28.5C 228.844,32.4183 228.344,36.4183 228.5,40.5C 226.167,40.5 223.833,40.5 221.5,40.5C 222.32,34.2026 222.653,27.8692 222.5,21.5 Z"/></g>
+<g><path style="opacity:1" fill="#8cd5f9" d="M 23.5,22.5 C 25.288,22.2148 26.9547,22.5481 28.5,23.5C 28.3764,24.1067 28.0431,24.44 27.5,24.5C 26.1667,23.8333 24.8333,23.1667 23.5,22.5 Z"/></g>
+<g><path style="opacity:1" fill="#7fd1f3" d="M 26.5,26.5 C 28.9479,27.4731 31.6146,27.8064 34.5,27.5C 31.6447,28.8032 28.6447,28.8032 25.5,27.5C 25.6236,26.8933 25.9569,26.56 26.5,26.5 Z"/></g>
+<g><path style="opacity:1" fill="#98d7f4" d="M 21.5,32.5 C 26.6405,33.4881 31.9738,33.8214 37.5,33.5C 31.9871,34.8157 26.3204,34.8157 20.5,33.5C 20.6236,32.8933 20.9569,32.56 21.5,32.5 Z"/></g>
 </svg>
diff --git a/src/assets/netbird.svg b/src/assets/netbird.svg
index 6254931c..e129c9f8 100644
--- a/src/assets/netbird.svg
+++ b/src/assets/netbird.svg
@@ -1,5 +1,8 @@
-<svg width="31" height="23" viewBox="0 0 31 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.4631 0.523438C17.8173 0.857913 16.0028 2.95675 15.3171 4.01871L4.66406 22.4734H17.5163L30.1929 0.523438H21.4631Z" fill="#F68330"/>
-<path d="M17.5265 22.4737L0 3.88525C0 3.88525 19.8177 -1.44128 21.7493 15.1738L17.5265 22.4737Z" fill="#F68330"/>
-<path d="M14.9236 4.70563L9.54688 14.0208L17.5158 22.4747L21.7385 15.158C21.0696 9.44682 18.2851 6.32784 14.9236 4.69727" fill="#F05252"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g><path style="opacity:1" fill="#00a8f9" d="M 43.5,-0.5 C 80.8333,-0.5 118.167,-0.5 155.5,-0.5C 178.086,5.75303 192.753,20.0864 199.5,42.5C 199.5,80.5 199.5,118.5 199.5,156.5C 192.753,178.914 178.086,193.247 155.5,199.5C 118.167,199.5 80.8333,199.5 43.5,199.5C 20.9139,193.247 6.2472,178.914 -0.5,156.5C -0.5,118.5 -0.5,80.5 -0.5,42.5C 6.2472,20.0864 20.9139,5.75303 43.5,-0.5 Z"/></g>
+<g><path style="opacity:1" fill="#f6f8f8" d="M 72.5,50.5 C 94.8333,50.5 117.167,50.5 139.5,50.5C 135.416,58.6075 130.083,65.9408 123.5,72.5C 150.78,76.4001 163.28,92.0667 161,119.5C 156.192,137.165 144.692,147.332 126.5,150C 105.5,150.667 84.5,150.667 63.5,150C 62.5494,149.282 62.3828,148.449 63,147.5C 68.6453,141.534 73.812,135.201 78.5,128.5C 49.9652,123.759 37.7985,107.092 42,78.5C 47.5558,64.1096 57.7225,54.7762 72.5,50.5 Z"/></g>
+<g><path style="opacity:1" fill="#0ea8f7" d="M 103.5,100.5 C 102.957,100.56 102.624,100.893 102.5,101.5C 110.138,102.497 117.804,102.831 125.5,102.5C 130.22,103.571 132.887,106.571 133.5,111.5C 132.837,115.341 130.837,118.175 127.5,120C 112.523,121.134 97.5229,121.967 82.5,122.5C 82.1667,122.333 81.8333,122.167 81.5,122C 87.5,114.667 93.5,107.333 99.5,100C 91.0642,99.9395 82.7309,99.2729 74.5,98C 67.2977,91.0871 67.9644,85.0871 76.5,80C 90.8781,79.8168 105.211,79.3168 119.5,78.5C 120.521,79.0016 120.688,79.6683 120,80.5C 114.636,87.3562 109.136,94.0229 103.5,100.5 Z"/></g>
+<g><path style="opacity:1" fill="#35afe0" d="M 103.5,100.5 C 110.833,101.167 118.167,101.833 125.5,102.5C 117.804,102.831 110.138,102.497 102.5,101.5C 102.624,100.893 102.957,100.56 103.5,100.5 Z"/></g>
 </svg>
diff --git a/src/auth/OIDCError.tsx b/src/auth/OIDCError.tsx
index aa04d882..ca8a8a9a 100644
--- a/src/auth/OIDCError.tsx
+++ b/src/auth/OIDCError.tsx
@@ -7,10 +7,12 @@ import { useSearchParams } from "next/navigation";
 import * as React from "react";
 import { useEffect, useState } from "react";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const config = loadConfig();
 
 export const OIDCError = () => {
+  const { t } = useI18n();
   const { oidcUserLoadingState } = useOidcUser();
   const params = useSearchParams();
   const errorParam = params.get("error");
@@ -24,13 +26,13 @@ export const OIDCError = () => {
     if (accessDenied) {
       if (title === "account linked successfully") {
         setTitle(
-          "Your account has been linked successfully. Please log in again to complete the setup.",
+          t("auth.accountLinkedSuccessfully"),
         );
       }
     } else {
-      setTitle("Oops, something went wrong");
+      setTitle(t("auth.somethingWentWrong"));
     }
-  }, [accessDenied, title]);
+  }, [accessDenied, title, t]);
 
   return (
     <div
@@ -50,7 +52,7 @@ export const OIDCError = () => {
       {accessDenied ? (
         <>
           <Paragraph className={"text-center mt-2"}>
-            Already verified your email address?
+            {t("auth.alreadyVerifiedEmail")}
           </Paragraph>
 
           <Button
@@ -59,7 +61,7 @@ export const OIDCError = () => {
             className={"mt-5"}
             onClick={() => logout("/", { client_id: config.clientId })}
           >
-            Continue
+            {t("actions.continue")}
             <ArrowRightIcon size={16} />
           </Button>
 
@@ -69,19 +71,18 @@ export const OIDCError = () => {
             className={"mt-5"}
             onClick={() => logout("/", { client_id: config.clientId })}
           >
-            Trouble logging in? Try again.
+            {t("auth.troubleLoggingIn")}
           </Button>
         </>
       ) : (
         <>
           <Paragraph className={"text-center mt-2 block"}>
-            There was an error logging you in. <br />
-            Error:{" "}
-            <span className={"inline capitalize"}>
-              {invalidRequest && errorDescription
+            {t("auth.errorLoggingIn")} <br />
+            {t("auth.error")}:{
+              invalidRequest && errorDescription
                 ? errorDescription
-                : oidcUserLoadingState}
-            </span>
+                : oidcUserLoadingState
+            }
           </Paragraph>
           <Button
             variant={"primary"}
@@ -89,7 +90,7 @@ export const OIDCError = () => {
             className={"mt-5"}
             onClick={() => logout("/", { client_id: config.clientId })}
           >
-            Logout
+            {t("auth.logout")}
           </Button>
         </>
       )}
diff --git a/src/auth/SessionLost.tsx b/src/auth/SessionLost.tsx
index 72b6ce3c..b07b4750 100644
--- a/src/auth/SessionLost.tsx
+++ b/src/auth/SessionLost.tsx
@@ -7,12 +7,14 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 import { useEffect } from "react";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const config = loadConfig();
 
 export const SessionLost = () => {
   const router = useRouter();
   const { logout } = useOidc();
+  const { t } = useI18n();
 
   useEffect(() => {
     router.push("/peers");
@@ -31,10 +33,9 @@ export const SessionLost = () => {
       >
         <NetBirdIcon size={20} />
       </div>
-      <h1>Session Expired</h1>
+      <h1>{t("session.expiredTitle")}</h1>
       <Paragraph className={"text-center"}>
-        It looks like your login session is no longer active or has expired.
-        Please login again to continue using the app.
+        {t("session.expiredDescription")}
       </Paragraph>
       <Button
         variant={"primary"}
@@ -42,7 +43,7 @@ export const SessionLost = () => {
         className={"mt-5"}
         onClick={() => logout("", { client_id: config.clientId })}
       >
-        Login
+        {t("session.login")}
         <LogIn size={16} />
       </Button>
     </div>
diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index bd495167..d7ee3c3b 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -23,7 +23,6 @@ const variants = cva("", {
       purple: ["bg-purple-950/50 border-purple-500 border text-purple-500"],
       yellow: ["bg-yellow-950 border-yellow-500 border text-yellow-400"],
       gray: ["bg-nb-gray-930/60 border-nb-gray-800/40 text-nb-gray-300 border"],
-      lightGray: ["bg-nb-gray-910  text-nb-gray-200 border border-nb-gray-900"],
       grayer: [
         "bg-nb-gray-900/40 border-nb-gray-800/40 text-nb-gray-300 border",
       ],
@@ -46,7 +45,6 @@ const variants = cva("", {
       "blue-darker": ["hover:bg-sky-800"],
       red: ["hover:bg-red-950/40"],
       gray: ["hover:bg-nb-gray-900"],
-      lightGray: ["hover:bg-nb-gray-900"],
       grayer: ["hover:bg-nb-gray-900"],
       "gray-ghost": ["hover:bg-nb-gray-800 cursor-pointer"],
       green: ["hover:bg-green-950/50"],
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index e2611761..4e9aba42 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -3,6 +3,7 @@ import useCopyToClipboard from "@hooks/useCopyToClipboard";
 import { cn } from "@utils/helpers";
 import { Copy } from "lucide-react";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode;
@@ -96,6 +97,7 @@ const CardTextItem = ({
   copyText,
   tooltip = true,
 }: CardTextItemProps) => {
+  const { t } = useI18n();
   const [, copyToClipBoard] = useCopyToClipboard(valueToCopy ?? `${value}`);
   return (
     <div
@@ -106,7 +108,7 @@ const CardTextItem = ({
       onClick={() =>
         copy &&
         copyToClipBoard(
-          `${copyText ? copyText : label} has been copied to clipboard.`,
+          `${copyText ? copyText : label} ${t('common.copiedToClipboard')}`,
         )
       }
     >
diff --git a/src/components/DatePickerWithRange.tsx b/src/components/DatePickerWithRange.tsx
index 874063c8..205c43ef 100644
--- a/src/components/DatePickerWithRange.tsx
+++ b/src/components/DatePickerWithRange.tsx
@@ -10,6 +10,7 @@ import { debounce } from "lodash";
 import { Calendar as CalendarIcon } from "lucide-react";
 import React, { useMemo, useState } from "react";
 import { DateRange } from "react-day-picker";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface Props {
   value?: DateRange;
@@ -64,6 +65,7 @@ export function DatePickerWithRange({
   onChange,
   disabled = false,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const isActive = useMemo(() => {
     return {
       today: isEqualDateRange(value, defaultRanges.today),
@@ -77,21 +79,21 @@ export function DatePickerWithRange({
   }, [value]);
 
   const displayDateValue = useMemo(() => {
-    if (!value) return "Select date range";
+    if (!value) return t("datePicker.selectDateRange");
 
-    if (isActive.allTime) return "All Time";
-    if (isActive.lastMonth) return "Last Month";
-    if (isActive.last14Days) return "Last 14 Days";
-    if (isActive.last2Days) return "Last 2 Days";
-    if (isActive.last7Days) return "Last 7 Days";
-    if (isActive.yesterday) return "Yesterday";
-    if (isActive.today) return "Today";
+    if (isActive.allTime) return t("datePicker.allTime");
+    if (isActive.lastMonth) return t("datePicker.lastMonth");
+    if (isActive.last14Days) return t("datePicker.last14Days");
+    if (isActive.last2Days) return t("datePicker.last2Days");
+    if (isActive.last7Days) return t("datePicker.last7Days");
+    if (isActive.yesterday) return t("datePicker.yesterday");
+    if (isActive.today) return t("datePicker.today");
 
     if (!value.to) return dayjs(value.from).format("MMM DD, YYYY").toString();
     return `${dayjs(value.from).format("MMM DD, YYYY")} - ${dayjs(
       value.to,
     ).format("MMM DD, YYYY")}`;
-  }, [value, isActive]);
+  }, [value, isActive, t]);
 
   const [calendarOpen, setCalendarOpen] = useState(false);
 
@@ -146,7 +148,7 @@ export function DatePickerWithRange({
                 label={
                   <>
                     <CalendarIcon size={14} className={"shrink-0"} />
-                    All Time
+                    {t("datePicker.allTime")}
                   </>
                 }
                 active={isActive.allTime}
@@ -155,22 +157,22 @@ export function DatePickerWithRange({
             </div>
             <div className={"flex gap-2 flex-wrap"}>
               <CalendarButton
-                label={"Last Month"}
+                label={t("datePicker.lastMonth")}
                 active={isActive.lastMonth}
                 onClick={() => updateRangeAndClose(defaultRanges.lastMonth)}
               />
               <CalendarButton
-                label={"Last 14 Days"}
+                label={t("datePicker.last14Days")}
                 active={isActive.last14Days}
                 onClick={() => updateRangeAndClose(defaultRanges.last14Days)}
               />
               <CalendarButton
-                label={"Yesterday"}
+                label={t("datePicker.yesterday")}
                 active={isActive.yesterday}
                 onClick={() => updateRangeAndClose(defaultRanges.yesterday)}
               />
               <CalendarButton
-                label={"Today"}
+                label={t("datePicker.today")}
                 active={isActive.today}
                 onClick={() => updateRangeAndClose(defaultRanges.today)}
               />
diff --git a/src/components/DeviceCard.tsx b/src/components/DeviceCard.tsx
index 9f0b74c6..2fec612c 100644
--- a/src/components/DeviceCard.tsx
+++ b/src/components/DeviceCard.tsx
@@ -7,6 +7,7 @@ import { PeerOSIcon } from "@/assets/icons/PeerOSIcon";
 import { ResourceIcon } from "@/assets/icons/ResourceIcon";
 import { NetworkResource } from "@/interfaces/Network";
 import type { Peer } from "@/interfaces/Peer";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type DeviceCardProps = {
   device?: Peer;
@@ -23,6 +24,7 @@ export const DeviceCard = ({
   address,
   description,
 }: DeviceCardProps) => {
+  const { t } = useI18n();
   if (!device && !resource) return null;
 
   const descriptionText = useMemo(() => {
@@ -75,7 +77,7 @@ export const DeviceCard = ({
           }
         >
           <TruncatedText
-            text={device?.name || resource?.name || "Unknown"}
+            text={device?.name || resource?.name || t("common.unknown")}
             maxWidth={"150px"}
             hideTooltip={true}
           />
diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
index 7e3dcd87..968935a2 100644
--- a/src/components/Dialog.tsx
+++ b/src/components/Dialog.tsx
@@ -4,6 +4,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { cn } from "@utils/helpers";
 import { X } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const Dialog = DialogPrimitive.Root;
 
@@ -31,7 +32,9 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
->(({ className, children, ...props }, ref) => (
+>(({ className, children, ...props }, ref) => {
+  const { t } = useI18n();
+  return (
   <DialogPortal>
     <DialogOverlay />
     <DialogPrimitive.Content
@@ -45,11 +48,12 @@ const DialogContent = React.forwardRef<
       {children}
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400">
         <X className="h-4 w-4" />
-        <span className="sr-only">Close</span>
+        <span className="sr-only">{t('common.close')}</span>
       </DialogPrimitive.Close>
     </DialogPrimitive.Content>
   </DialogPortal>
-));
+  );
+});
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
 const DialogHeader = ({
diff --git a/src/components/DropdownInput.tsx b/src/components/DropdownInput.tsx
index 40aeed95..b4279ea8 100644
--- a/src/components/DropdownInput.tsx
+++ b/src/components/DropdownInput.tsx
@@ -3,6 +3,7 @@ import { cn } from "@utils/helpers";
 import { SearchIcon } from "lucide-react";
 import * as React from "react";
 import { forwardRef } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: string;
@@ -17,13 +18,14 @@ export const DropdownInput = forwardRef<HTMLInputElement, Props>(
     {
       value,
       onChange,
-      placeholder = "Search...",
+      placeholder,
       className,
       hideEnterIcon = false,
       ...props
     },
     ref,
   ) => {
+    const { t } = useI18n();
     return (
       <div className={"relative w-full"}>
         <input
@@ -37,7 +39,7 @@ export const DropdownInput = forwardRef<HTMLInputElement, Props>(
           )}
           value={value}
           onChange={(e) => onChange(e.target.value)}
-          placeholder={placeholder}
+          placeholder={placeholder ?? t("dropdownInput.searchPlaceholder")}
           {...props}
         />
         <div className={"absolute left-0 top-0 h-full flex items-center pl-4"}>
diff --git a/src/components/FancyToggleSwitch.tsx b/src/components/FancyToggleSwitch.tsx
index 3fed401a..334b1684 100644
--- a/src/components/FancyToggleSwitch.tsx
+++ b/src/components/FancyToggleSwitch.tsx
@@ -8,7 +8,7 @@ import React from "react";
 export const fancyToggleSwitchVariants = cva([], {
   variants: {
     variant: {
-      default: ["px-5 py-4 border rounded-md"],
+      default: ["px-6 py-4 border rounded-md"],
       blank: null,
     },
     state: {
@@ -45,8 +45,6 @@ interface Props extends FancyToggleSwitchVariants {
   disabled?: boolean;
   dataCy?: string;
   className?: string;
-  labelClassName?: string;
-  textWrapperClassName?: string;
 }
 
 export default function FancyToggleSwitch({
@@ -59,8 +57,6 @@ export default function FancyToggleSwitch({
   dataCy,
   className,
   variant = "default",
-  labelClassName,
-  textWrapperClassName = "max-w-sm",
 }: Readonly<Props>) {
   const handleToggle = () => {
     if (disabled) return;
@@ -91,8 +87,8 @@ export default function FancyToggleSwitch({
       )}
     >
       <div className={"flex justify-between gap-10"}>
-        <div className={cn(textWrapperClassName)}>
-          <Label className={labelClassName}>{label}</Label>
+        <div className={"max-w-sm"}>
+          <Label>{label}</Label>
           <HelpText margin={false}>{helpText}</HelpText>
         </div>
         <div className={"mt-2 pr-1"}>
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 142bb7aa..0845676a 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -5,6 +5,7 @@ import { cva, VariantProps } from "class-variance-authority";
 import { AlertCircle, Eye, EyeOff } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type InputVariants = VariantProps<typeof inputVariants>;
 
@@ -68,6 +69,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     },
     ref,
   ) => {
+    const { t } = useI18n();
     const [showPassword, setShowPassword] = useState(false);
     const isPasswordType = type === "password";
     const inputType = isPasswordType && showPassword ? "text" : type;
@@ -78,7 +80,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           type="button"
           onClick={() => setShowPassword(!showPassword)}
           className={"hover:text-white transition-all"}
-          aria-label={"Toggle password visibility"}
+          aria-label={t("input.togglePasswordVisibility")}
         >
           {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
         </button>
diff --git a/src/components/JSONFileUpload.tsx b/src/components/JSONFileUpload.tsx
index 665cb040..ba8159e8 100644
--- a/src/components/JSONFileUpload.tsx
+++ b/src/components/JSONFileUpload.tsx
@@ -3,6 +3,7 @@ import { cn } from "@utils/helpers";
 import { FileJson2 } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: string;
@@ -10,6 +11,7 @@ type Props = {
 };
 
 export const JSONFileUpload = ({ onChange }: Props) => {
+  const { t } = useI18n();
   const [dragActive, setDragActive] = React.useState(false);
   const [, setFileName] = useState("");
 
@@ -19,8 +21,8 @@ export const JSONFileUpload = ({ onChange }: Props) => {
     // check if file is json
     if (files[0].type !== "application/json") {
       notify({
-        title: "You uploaded the wrong file type",
-        description: "Please upload a JSON file",
+        title: t("jsonFileUpload.wrongFileType"),
+        description: t("jsonFileUpload.uploadJsonFile"),
         icon: <FileJson2 size={20} />,
         backgroundColor: "bg-red-500",
       });
@@ -35,8 +37,8 @@ export const JSONFileUpload = ({ onChange }: Props) => {
       if (e.target === null) return;
       onChange(e.target.result as string);
       notify({
-        title: "Google Workspace",
-        description: "You successfully uploaded your service account key",
+        title: t("jsonFileUpload.googleWorkspace"),
+        description: t("jsonFileUpload.successDescription"),
         icon: <FileJson2 size={16} />,
       });
     };
@@ -102,7 +104,7 @@ export const JSONFileUpload = ({ onChange }: Props) => {
 
       <div>
         <p className={"text-[14px] font-medium text-nb-gray-100 "}>
-          Upload your service account key (.json)
+          {t("jsonFileUpload.uploadLabel")}
         </p>
         <p className={"text-xs !text-nb-gray-300 mt-1"}>
           <span
@@ -110,9 +112,9 @@ export const JSONFileUpload = ({ onChange }: Props) => {
               "underline underline-offset-4 group-hover/upload:text-nb-gray-200 transition-all"
             }
           >
-            Click to upload
+            {t("jsonFileUpload.clickToUpload")}
           </span>{" "}
-          or drag and drop your file here
+          {t("jsonFileUpload.dragAndDrop")}
         </p>
       </div>
     </div>
diff --git a/src/components/NetworkRouteSelector.tsx b/src/components/NetworkRouteSelector.tsx
index 01cfb064..ac24fe41 100644
--- a/src/components/NetworkRouteSelector.tsx
+++ b/src/components/NetworkRouteSelector.tsx
@@ -12,6 +12,7 @@ import * as React from "react";
 import { useEffect, useMemo, useState } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { GroupedRoute, Route } from "@/interfaces/Route";
 import useGroupedRoutes from "@/modules/route-group/useGroupedRoutes";
 
@@ -26,6 +27,7 @@ export function NetworkRouteSelector({
   value,
   disabled = false,
 }: MultiSelectProps) {
+  const { t } = useI18n();
   const { data: routes } = useFetchApi<Route[]>("/routes");
   const groupedRoutes = useGroupedRoutes({ routes });
 
@@ -127,7 +129,7 @@ export function NetworkRouteSelector({
                 <DomainList domains={value?.domains} />
               </div>
             ) : (
-              <span>Select an existing network...</span>
+              <span>{t("networkRouteSelector.selectNetwork")}</span>
             )}
           </div>
 
@@ -165,7 +167,7 @@ export function NetworkRouteSelector({
                 ref={searchRef}
                 value={search}
                 onValueChange={setSearch}
-                placeholder={"Search for network by name or cidr..."}
+                placeholder={t("networkRouteSelector.searchPlaceholder")}
               />
               <div
                 className={
@@ -198,12 +200,12 @@ export function NetworkRouteSelector({
                     "text-center pb-2 text-nb-gray-500 max-w-xs mx-auto"
                   }
                 >
-                  {"Seems like you don't have any network routes created yet."}
+                  {t("networkRouteSelector.noRoutes")}
                 </div>
               )}
               {notFound && (
                 <div className={"text-center pb-2 text-nb-gray-500"}>
-                  There are no networks matching your search.
+                  {t("networkRouteSelector.noMatchingNetworks")}
                 </div>
               )}
               <CommandGroup>
diff --git a/src/components/NoPeersGettingStarted.tsx b/src/components/NoPeersGettingStarted.tsx
index dfb7360e..f1d200bd 100644
--- a/src/components/NoPeersGettingStarted.tsx
+++ b/src/components/NoPeersGettingStarted.tsx
@@ -4,6 +4,7 @@ import AddPeerButton from "@components/ui/AddPeerButton";
 import GetStartedTest from "@components/ui/GetStartedTest";
 import { ExternalLinkIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import PeerIcon from "@/assets/icons/PeerIcon";
 
 type Props = {
@@ -11,6 +12,7 @@ type Props = {
 };
 
 export const NoPeersGettingStarted = ({ showBackground = true }) => {
+  const { t } = useI18n();
   return (
     <GetStartedTest
       showBackground={showBackground}
@@ -21,22 +23,20 @@ export const NoPeersGettingStarted = ({ showBackground = true }) => {
           size={"large"}
         />
       }
-      title={"Get Started with NetBird"}
-      description={
-        "It looks like you don't have any connected machines.\n" +
-        "Get started by adding one to your network."
-      }
+      title={t("noPeersGettingStarted.title")}
+      description={t("noPeersGettingStarted.description")}
       button={<AddPeerButton />}
       learnMore={
         <>
-          Learn more in our{" "}
+          {t("noPeersGettingStarted.learnMorePrefix")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/how-to/getting-started"}
             target={"_blank"}
           >
-            Getting Started Guide
+            {t("noPeersGettingStarted.gettingStartedGuide")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
+          {t("noPeersGettingStarted.learnMoreSuffix")}
         </>
       }
     />
diff --git a/src/components/Notification.tsx b/src/components/Notification.tsx
index 045d5117..64c0d61c 100644
--- a/src/components/Notification.tsx
+++ b/src/components/Notification.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { IconCircleX } from "@tabler/icons-react";
 import type { ErrorResponse } from "@utils/api";
 import { cn } from "@utils/helpers";
@@ -7,6 +9,7 @@ import { CheckIcon, Loader2, XIcon } from "lucide-react";
 import * as React from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export interface NotifyProps<T> {
   title: string;
@@ -43,6 +46,7 @@ export default function Notification<T>({
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(!!promise);
   const [readyToDismiss, setReadyToDismiss] = useState(!promise);
+  const { t } = useI18n();
 
   const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const remainingRef = useRef(duration);
@@ -122,7 +126,7 @@ export default function Notification<T>({
         })
         .catch((e) => {
           const err = e as ErrorResponse;
-          let message = err.message || "Something went wrong...";
+          let message = err.message || t("notification.genericError");
           message = message.charAt(0).toUpperCase() + message.slice(1);
           const code: number = err.code || 418;
 
diff --git a/src/components/PeerGroupSelector.tsx b/src/components/PeerGroupSelector.tsx
index c8248352..9b8b237f 100644
--- a/src/components/PeerGroupSelector.tsx
+++ b/src/components/PeerGroupSelector.tsx
@@ -36,6 +36,7 @@ import {
 import * as React from "react";
 import { Fragment, useEffect, useMemo, useState } from "react";
 import Skeleton from "react-loading-skeleton";
+import { useI18n } from "@/i18n/I18nProvider";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { useElementSize } from "@/hooks/useElementSize";
 import type { Group, GroupPeer, GroupResource } from "@/interfaces/Group";
@@ -111,12 +112,12 @@ export function PeerGroupSelector({
   closeOnSelect = false,
   resource,
   onResourceChange,
-  placeholder = "Add or select group(s)...",
+  placeholder,
   customTrigger,
   align = "start",
   side = "bottom",
   users,
-  placeholderForSearch = 'Search groups or add new group by pressing "Enter"...',
+  placeholderForSearch,
   resourceIds,
   additionalResources,
   policies,
@@ -139,6 +140,12 @@ export function PeerGroupSelector({
   const { groups, dropdownOptions, setDropdownOptions, addDropdownOptions } =
     useGroups();
 
+  const { t } = useI18n();
+  const resolvedPlaceholder =
+    placeholder ?? t("peerGroupSelector.addOrSelectGroups");
+  const resolvedSearchPlaceholder =
+    placeholderForSearch ?? t("peerGroupSelector.searchGroups");
+
   const searchRef = React.useRef<HTMLInputElement>(null);
 
   const [inputRef, { width }] = useElementSize<
@@ -288,11 +295,11 @@ export function PeerGroupSelector({
   }, [tab]);
 
   const searchPlaceholder = useMemo(() => {
-    if (tab === "groups") return placeholderForSearch;
-    if (tab === "resources") return "Search resource...";
-    if (tab === "peers") return "Search peer...";
-    return "Search...";
-  }, [tab, placeholderForSearch]);
+    if (tab === "groups") return resolvedSearchPlaceholder;
+    if (tab === "resources") return t("peerGroupSelector.searchResource");
+    if (tab === "peers") return t("peerGroupSelector.searchPeer");
+    return t("peerGroupSelector.search");
+  }, [resolvedSearchPlaceholder, tab, t]);
 
   const selectResource = (resource?: NetworkResource) => {
     onResourceChange?.(
@@ -419,8 +426,12 @@ export function PeerGroupSelector({
               })}
 
               {values.length == 0 && !resource && (
-                <span className={cn(typeof placeholder === "string" && "pl-1")}>
-                  {placeholder}
+                <span
+                  className={cn(
+                    typeof resolvedPlaceholder === "string" && "pl-1",
+                  )}
+                >
+                  {resolvedPlaceholder}
                 </span>
               )}
             </div>
@@ -525,10 +536,11 @@ export function PeerGroupSelector({
                         <div
                           className={"text-neutral-500 dark:text-nb-gray-300"}
                         >
-                          Add this group by pressing{" "}
+                          {t("peerGroupSelector.addGroupByPressingPrefix")}{" "}
                           <span className={"font-bold text-netbird"}>
-                            {"'Enter'"}
+                            {t("peerGroupSelector.enterKey")}
                           </span>
+                          {t("peerGroupSelector.addGroupByPressingSuffix")}
                         </div>
                       </CommandItem>
                     )}
@@ -552,8 +564,7 @@ export function PeerGroupSelector({
                         <FullTooltip
                           content={
                             <div className={"text-xs max-w-xs"}>
-                              This group is already part of the routing peer and
-                              can not be used for the access control groups.
+                              {t("peerGroupSelector.routingPeerGroupDisabled")}
                             </div>
                           }
                           disabled={!isDisabled}
@@ -670,6 +681,7 @@ const TabTriggers = ({
   hideGroupsTab?: boolean;
   tabOrder?: ("groups" | "peers" | "resources")[];
 }) => {
+  const { t } = useI18n();
   const tabCount =
     (!hideGroupsTab ? 1 : 0) + (showResources ? 1 : 0) + (showPeers ? 1 : 0);
   if (tabCount <= 1) return null;
@@ -687,7 +699,7 @@ const TabTriggers = ({
         }
         size={14}
       />
-      Groups
+      {t("groups.title")}
     </TabsTrigger>
   );
 
@@ -704,7 +716,7 @@ const TabTriggers = ({
         }
         size={14}
       />
-      Resources
+      {t("networkResources.linkLabel")}
     </TabsTrigger>
   );
 
@@ -721,7 +733,7 @@ const TabTriggers = ({
         }
         size={14}
       />
-      Peers
+      {t("peers.title")}
     </TabsTrigger>
   );
 
@@ -757,6 +769,7 @@ const UsersCounter = ({
   users: User[];
   selected: boolean;
 }) => {
+  const { t } = useI18n();
   const usersOfGroup =
     users?.filter((user) => user.auto_groups.includes(group.id as string)) ||
     [];
@@ -766,7 +779,7 @@ const UsersCounter = ({
       <span
         className={"group-hover/user-stack:text-nb-gray-200 text-nb-gray-300"}
       >
-        0 User(s)
+        {t("peerGroupSelector.zeroUsers")}
       </span>
     );
 
@@ -790,6 +803,7 @@ const PeerCounter = ({
   group: Group;
   showResourceCounter?: boolean;
 }) => {
+  const { t } = useI18n();
   const peerCount = group.peers?.length ?? group?.peers_count ?? 0;
   const resourcesCount = group?.resources_count ?? 0;
   const hidePeerCounter =
@@ -803,12 +817,13 @@ const PeerCounter = ({
       )}
     >
       <MonitorSmartphoneIcon size={14} className={"shrink-0"} />
-      {peerCount} Peer(s)
+      {peerCount} {t("groups.count.peers")}
     </div>
   );
 };
 
 const ResourcesCounter = ({ group }: { group: Group }) => {
+  const { t } = useI18n();
   return group?.resources_count && group.resources_count > 0 ? (
     <div
       className={
@@ -816,7 +831,7 @@ const ResourcesCounter = ({ group }: { group: Group }) => {
       }
     >
       <Layers3 size={14} className={"shrink-0"} />
-      {group.resources_count} Resource(s)
+      {t("peerGroupSelector.resourceCount", { count: group.resources_count })}
     </div>
   ) : null;
 };
@@ -842,6 +857,8 @@ const PolicyCounter = ({
 
   if (count === 0) return null;
 
+  const { t } = useI18n();
+
   return (
     <div
       className={
@@ -849,7 +866,7 @@ const PolicyCounter = ({
       }
     >
       <ShieldCheck size={14} className={"shrink-0"} />
-      {count} {count === 1 ? "Policy" : "Policies"}
+      {count} {count === 1 ? t("groups.count.policy") : t("groups.count.policies")}
     </div>
   );
 };
@@ -873,6 +890,7 @@ const ResourcesList = ({
   value?: PolicyRuleResource;
   onChange: (resource: NetworkResource) => void;
 }) => {
+  const { t } = useI18n();
   const [filteredItems, _, setSearch] = useSearch(
     resources || [],
     resourcesSearchPredicate,
@@ -897,8 +915,7 @@ const ResourcesList = ({
   if (search != "" && filteredItems.length == 0) {
     return (
       <DropdownInfoText className={"mt-5 max-w-sm mx-auto"}>
-        There are no resources matching your search. Please try a different
-        search term.
+        {t("peerGroupSelector.noMatchingResources")}
       </DropdownInfoText>
     );
   }
@@ -906,9 +923,8 @@ const ResourcesList = ({
   if (search == "" && filteredItems.length == 0) {
     return (
       <DropdownInfoText className={"mt-5 max-w-sm mx-auto"}>
-        There are no resources available yet. <br />
-        Go to <InlineLink href={"/networks"}>Networks</InlineLink> to add some
-        resources.
+        {t("peerGroupSelector.noResourcesAvailable")} <br />
+        {t("peerGroupSelector.toAddResourcesPrefix")} <InlineLink href={"/networks"}>{t("peerGroupSelector.goToNetworksToAdd")}</InlineLink> {t("peerGroupSelector.toAddResourcesSuffix")}
       </DropdownInfoText>
     );
   }
@@ -984,6 +1000,7 @@ const PeersList = ({
   value?: PolicyRuleResource;
   onChange: (peer: Peer) => void;
 }) => {
+  const { t } = useI18n();
   const [filteredItems, _, setSearch] = useSearch(
     peers || [],
     peersSearchPredicate,
@@ -1008,8 +1025,7 @@ const PeersList = ({
   if (search != "" && filteredItems.length == 0) {
     return (
       <DropdownInfoText className={"mt-5 max-w-sm mx-auto"}>
-        There are no peers matching your search. Please try a different search
-        term.
+        {t("peerGroupSelector.noMatchingPeers")}
       </DropdownInfoText>
     );
   }
@@ -1017,8 +1033,8 @@ const PeersList = ({
   if (search == "" && filteredItems.length == 0) {
     return (
       <DropdownInfoText className={"mt-5 max-w-sm mx-auto"}>
-        There are no peers available yet. <br />
-        Go to <InlineLink href={"/peers"}>Peers</InlineLink> to add some peers.
+        {t("peerGroupSelector.noPeersAvailable")} <br />
+        {t("peerGroupSelector.toAddPeersPrefix")} <InlineLink href={"/peers"}>{t("peerGroupSelector.goToPeersToAdd")}</InlineLink> {t("peerGroupSelector.toAddPeersSuffix")}
       </DropdownInfoText>
     );
   }
diff --git a/src/components/PeerSelector.tsx b/src/components/PeerSelector.tsx
index df7101b3..84aa0995 100644
--- a/src/components/PeerSelector.tsx
+++ b/src/components/PeerSelector.tsx
@@ -13,6 +13,7 @@ import { ArrowUpCircleIcon, ChevronsUpDown, MapPin } from "lucide-react";
 import * as React from "react";
 import { memo, useEffect, useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { PeerOperatingSystemIcon } from "@/modules/peers/PeerOperatingSystemIcon";
 
@@ -39,6 +40,7 @@ export function PeerSelector({
   excludedPeers,
   disabled = false,
 }: MultiSelectProps) {
+  const { t } = useI18n();
   const { data: peers } = useFetchApi<Peer[]>("/peers");
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
 
@@ -129,7 +131,7 @@ export function PeerSelector({
                 </div>
               </div>
             ) : (
-              <span>Select a peer...</span>
+              <span>{t("peerSelector.selectPeer")}</span>
             )}
           </div>
 
@@ -150,20 +152,20 @@ export function PeerSelector({
           <DropdownInput
             value={search}
             onChange={setSearch}
-            placeholder={"Search for peers by name or ip..."}
+            placeholder={t("peerSelector.searchPlaceholder")}
           />
 
           {unfilteredItems.length == 0 && !search && (
             <div className={"max-w-xs mx-auto"}>
               <DropdownInfoText>
-                {"No peers available to select."}
+                {t("peerSelector.noPeersAvailable")}
               </DropdownInfoText>
             </div>
           )}
 
           {filteredItems.length == 0 && search != "" && (
             <DropdownInfoText>
-              There are no peers matching your search.
+              {t("peerSelector.noMatchingPeers")}
             </DropdownInfoText>
           )}
 
@@ -193,9 +195,7 @@ export function PeerSelector({
                     className={"w-full flex items-center justify-between"}
                     content={
                       <div className={"max-w-[240px] text-xs"}>
-                        Please update NetBird to at least{" "}
-                        <span className={"text-netbird"}>v0.36.6</span> or later
-                        to use this peer as a routing peer.
+                        {t("peerSelector.updateNetBirdTooltip")}
                       </div>
                     }
                   >
diff --git a/src/components/PortSelector.tsx b/src/components/PortSelector.tsx
index 7d176a95..9db09ec9 100644
--- a/src/components/PortSelector.tsx
+++ b/src/components/PortSelector.tsx
@@ -12,6 +12,7 @@ import { ChevronsUpDown, SearchIcon, XIcon } from "lucide-react";
 import * as React from "react";
 import { useEffect, useMemo, useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PortRange } from "@/interfaces/Policy";
 
 interface MultiSelectProps {
@@ -52,6 +53,7 @@ export function PortSelector({
   popoverWidth = "auto",
   showAll = false,
 }: Readonly<MultiSelectProps>) {
+  const { t } = useI18n();
   const searchRef = React.useRef<HTMLInputElement>(null);
   const [open, setOpen] = useState(false);
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
@@ -131,7 +133,7 @@ export function PortSelector({
                   variant={"gray"}
                   className={"uppercase tracking-wider font-medium py-1"}
                 >
-                  All
+                  {t("portSelector.all")}
                 </Badge>
               )}
 
@@ -153,7 +155,7 @@ export function PortSelector({
                   />
                 </Badge>
               ))}
-              {ports.length == 0 && <span>Select ports...</span>}
+              {ports.length == 0 && <span>{t("portSelector.selectPorts")}</span>}
             </div>
 
             <ChevronsUpDown size={18} className={"shrink-0"} />
@@ -191,9 +193,7 @@ export function PortSelector({
                   ref={searchRef}
                   value={search}
                   onValueChange={setSearch}
-                  placeholder={
-                    'Add a port or a range e.g. 80 or 1-1023 and press "Enter" to add...'
-                  }
+                  placeholder={t("portSelector.placeholder")}
                 />
                 <div
                   className={
@@ -230,9 +230,7 @@ export function PortSelector({
                 {!notFound && search && !portsInput.includes(search) && (
                   <div className={"text-sm"}>
                     <DropdownInfoText className={"mb-[18px] pt-[4px]"}>
-                      {
-                        "Please add a valid port or port range (e.g. 80, 443, 1-1023)"
-                      }
+                      {t("portSelector.invalidPort")}
                     </DropdownInfoText>
                   </div>
                 )}
@@ -264,10 +262,11 @@ export function PortSelector({
                         <div
                           className={"text-neutral-500 dark:text-nb-gray-300"}
                         >
-                          Add this port or range by pressing{" "}
+                          {t("portSelector.addByEnter")}{" "}
                           <span className={"font-bold text-netbird"}>
-                            {"'Enter'"}
-                          </span>
+                            {t("portSelector.enterKey")}
+                          </span>{" "}
+                          {t("portSelector.addThisPort")}
                         </div>
                       </CommandItem>
                     </div>
@@ -322,8 +321,9 @@ export function PortSelector({
       </Popover>
       {portRanges?.length > 0 && (
         <Callout variant={"info"} className={"mt-4"}>
-          Port ranges requires NetBird client{" "}
-          <span className={"text-white font-normal"}>v0.48</span> or higher.
+          {t("portSelector.portRangesRequire")}{" "}
+          <span className={"text-white font-normal"}>v0.48</span>{" "}
+          {t("portSelector.orHigher")}
         </Callout>
       )}
     </>
diff --git a/src/components/SettingCard.tsx b/src/components/SettingCard.tsx
index 242607bb..85fbb51f 100644
--- a/src/components/SettingCard.tsx
+++ b/src/components/SettingCard.tsx
@@ -7,6 +7,7 @@ import { SmallBadge } from "@components/ui/SmallBadge";
 import { cn } from "@utils/helpers";
 import { PlusCircle, SquarePen } from "lucide-react";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type SettingCardItemProps = {
   label: React.ReactNode;
@@ -21,6 +22,7 @@ function SettingCardItem({
   enabled,
   onClick,
 }: Readonly<SettingCardItemProps>) {
+  const { t } = useI18n();
   return (
     <div
       role="button"
@@ -41,7 +43,7 @@ function SettingCardItem({
           <Label>{label}</Label>
           {enabled && (
             <SmallBadge
-              text="Enabled"
+              text={t("filters.enabled")}
               variant="green"
               size="md"
               className={"-top-[0.25rem]"}
@@ -59,7 +61,7 @@ function SettingCardItem({
             onClick={onClick}
           >
             <SquarePen size={12} />
-            Edit
+            {t("actions.edit")}
           </Button>
         ) : (
           <Button
@@ -69,7 +71,7 @@ function SettingCardItem({
             onClick={onClick}
           >
             <PlusCircle size={12} />
-            Add
+            {t("actions.add")}
           </Button>
         )}
       </div>
diff --git a/src/components/UserSelector.tsx b/src/components/UserSelector.tsx
index 7c762117..18bef4b4 100644
--- a/src/components/UserSelector.tsx
+++ b/src/components/UserSelector.tsx
@@ -9,6 +9,7 @@ import { ChevronsUpDown, MapPin } from "lucide-react";
 import * as React from "react";
 import { memo, useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import { SmallUserAvatar } from "@/modules/users/SmallUserAvatar";
 
@@ -39,8 +40,10 @@ export function UserSelector({
   value,
   disabled = false,
   options = [],
-  placeholder = "Select a user...",
+  placeholder,
 }: MultiSelectProps) {
+  const { t } = useI18n();
+  const resolvedPlaceholder = placeholder ?? t("userSelector.selectUser");
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
 
   const [filteredItems, search, setSearch] = useSearch(
@@ -97,7 +100,7 @@ export function UserSelector({
                 variant={"selected"}
               />
             ) : (
-              <span>{placeholder}</span>
+              <span>{resolvedPlaceholder}</span>
             )}
           </div>
 
@@ -119,22 +122,20 @@ export function UserSelector({
             value={search}
             onChange={setSearch}
             hideEnterIcon={true}
-            placeholder={"Search for users by name or email..."}
+            placeholder={t("userSelector.searchPlaceholder")}
           />
 
           {options.length == 0 && !search && (
             <div className={"max-w-xs mx-auto"}>
               <DropdownInfoText>
-                {
-                  "There are no users to select. Invite some users for this tenant before unlinking."
-                }
+                {t("userSelector.noUsers")}
               </DropdownInfoText>
             </div>
           )}
 
           {filteredItems.length == 0 && search != "" && (
             <DropdownInfoText>
-              There are no users matching your search.
+              {t("userSelector.noMatchingUsers")}
             </DropdownInfoText>
           )}
 
@@ -170,6 +171,7 @@ export const UserListItem = ({
   className,
   variant,
 }: UserListItemProps) => {
+  const { t } = useI18n();
   const isSystemUser = user?.email === "NetBird" || user?.email === "";
   const maxChars = variant === "selected" ? 30 : 20;
 
@@ -197,7 +199,7 @@ export const UserListItem = ({
           )}
         >
           <TextWithTooltip
-            text={isSystemUser ? "System" : user?.name || user?.id}
+            text={isSystemUser ? t("userSelector.system") : user?.name || user?.id}
             maxChars={maxChars}
           />
         </span>
diff --git a/src/components/VersionInfo.tsx b/src/components/VersionInfo.tsx
index 17d5a26c..9dd8dbd3 100644
--- a/src/components/VersionInfo.tsx
+++ b/src/components/VersionInfo.tsx
@@ -2,50 +2,20 @@
 
 import FullTooltip from "@components/FullTooltip";
 import { cn } from "@utils/helpers";
-import { ArrowUpCircle } from "lucide-react";
 import * as React from "react";
-import Skeleton from "react-loading-skeleton";
-import useFetchApi from "@utils/api";
 import { isNetBirdHosted } from "@utils/netbird";
 import { useApplicationContext } from "@/contexts/ApplicationProvider";
-import { VersionInfo as VersionInfoType } from "@/interfaces/Instance";
+import { useI18n } from "@/i18n/I18nProvider";
 
 function formatVersion(version: string): string {
   if (!version) return "";
-  // Add "v" prefix if version starts with a number
   if (/^\d/.test(version)) return `v${version}`;
   return version;
 }
 
-function compareVersions(current: string, latest: string): boolean {
-  // Returns true if latest is newer than current
-  if (!current || !latest) return false;
-  if (current === "development") return false;
-
-  // Strip "v" prefix if present
-  const normalizedCurrent = current.replace(/^v/, "");
-  const normalizedLatest = latest.replace(/^v/, "");
-
-  const currentParts = normalizedCurrent
-    .split(".")
-    .map((p) => parseInt(p, 10) || 0);
-  const latestParts = normalizedLatest
-    .split(".")
-    .map((p) => parseInt(p, 10) || 0);
-
-  for (let i = 0; i < Math.max(currentParts.length, latestParts.length); i++) {
-    const c = currentParts[i] || 0;
-    const l = latestParts[i] || 0;
-    if (l > c) return true;
-    if (l < c) return false;
-  }
-  return false;
-}
-
 export const NavigationVersionInfo = () => {
   const { isNavigationCollapsed, mobileNavOpen } = useApplicationContext();
 
-  // Only show for self-hosted, not cloud
   if (isNetBirdHosted()) return null;
 
   return (
@@ -63,31 +33,11 @@ export const NavigationVersionInfo = () => {
 };
 
 const NavigationVersionInfoContent = () => {
-  const { data: versionInfo, isLoading } = useFetchApi<VersionInfoType>(
-    "/instance/version",
-    true, // ignore errors
-    false, // don't revalidate on focus
-  );
+  const { t } = useI18n();
 
   const dashboardVersion =
     process.env.NEXT_PUBLIC_DASHBOARD_VERSION || "development";
 
-  if (isLoading)
-    return <Skeleton height={80} className={"rounded-lg opacity-60"} />;
-
-  if (!versionInfo) return null;
-
-  // Compare versions to detect updates (returns false for "development" versions)
-  const managementUpdateAvailable = compareVersions(
-    versionInfo.management_current_version,
-    versionInfo.management_available_version,
-  );
-  const dashboardUpdateAvailable = compareVersions(
-    dashboardVersion,
-    versionInfo.dashboard_available_version,
-  );
-  const hasUpdate = managementUpdateAvailable || dashboardUpdateAvailable;
-
   return (
     <div
       className={cn(
@@ -99,50 +49,22 @@ const NavigationVersionInfoContent = () => {
         <FullTooltip
           content={
             <span className="text-xs">
-              Latest: {formatVersion(versionInfo.management_available_version)}
+              {t("versionInfo.dashboard")}
             </span>
           }
           side="top"
           className="w-full"
         >
           <div className="flex items-center justify-between w-full cursor-default">
-            <span>Management</span>
-            <span className="text-nb-gray-300 font-medium">
-              {formatVersion(versionInfo.management_current_version)}
-            </span>
-          </div>
-        </FullTooltip>
-        <FullTooltip
-          content={
-            <span className="text-xs">
-              Latest: {formatVersion(versionInfo.dashboard_available_version)}
-            </span>
-          }
-          side="top"
-          className="w-full"
-        >
-          <div className="flex items-center justify-between w-full cursor-default">
-            <span>Dashboard</span>
+            <span>{t("versionInfo.dashboard")}</span>
             <span className="text-nb-gray-300 font-medium">
               {formatVersion(dashboardVersion)}
             </span>
           </div>
         </FullTooltip>
       </div>
-
-      {hasUpdate && (
-        <a
-          href="https://docs.netbird.io/selfhosted/maintenance/upgrade"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="flex items-center justify-center gap-1.5 text-white font-medium bg-netbird hover:bg-netbird-500 transition-colors rounded-md py-1.5 px-2 mt-1"
-        >
-          <ArrowUpCircle size={12} />
-          <span>Update available</span>
-        </a>
-      )}
     </div>
   );
 };
 
-export default NavigationVersionInfo;
\ No newline at end of file
+export default NavigationVersionInfo;
diff --git a/src/components/modal/Modal.tsx b/src/components/modal/Modal.tsx
index a5c36b3c..cf44bab2 100644
--- a/src/components/modal/Modal.tsx
+++ b/src/components/modal/Modal.tsx
@@ -6,6 +6,7 @@ import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { cn } from "@utils/helpers";
 import { X } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { headerHeight } from "@/layouts/Header";
 
 const Modal = DialogPrimitive.Root;
@@ -64,7 +65,9 @@ const ModalContent = React.forwardRef<
       ...props
     },
     ref,
-  ) => (
+  ) => {
+    const { t } = useI18n();
+    return (
     <ModalPortal>
       <ModalOverlay>
         <DialogPrimitive.Content
@@ -100,13 +103,14 @@ const ModalContent = React.forwardRef<
               className="absolute right-4 z-10 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"
             >
               <X className="h-4 w-4" />
-              <span className="sr-only">Close</span>
+              <span className="sr-only">{t('common.close')}</span>
             </DialogPrimitive.Close>
           )}
         </DialogPrimitive.Content>
       </ModalOverlay>
     </ModalPortal>
-  ),
+    );
+  },
 );
 ModalContent.displayName = DialogPrimitive.Content.displayName;
 
@@ -125,6 +129,7 @@ const SidebarModalContent = React.forwardRef<
     },
     ref,
   ) => {
+    const { t } = useI18n();
     return (
       <ModalPortal>
         <div
@@ -156,7 +161,7 @@ const SidebarModalContent = React.forwardRef<
                 className="absolute right-4 z-10 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400"
               >
                 <X className="h-4 w-4" />
-                <span className="sr-only">Close</span>
+              <span className="sr-only">{t('common.close')}</span>
               </DialogPrimitive.Close>
             )}
           </DialogPrimitive.Content>
diff --git a/src/components/select/SelectDropdown.tsx b/src/components/select/SelectDropdown.tsx
index 3bf2e025..c8ce4e79 100644
--- a/src/components/select/SelectDropdown.tsx
+++ b/src/components/select/SelectDropdown.tsx
@@ -15,6 +15,7 @@ import { useEffect, useRef, useState } from "react";
 import Skeleton from "react-loading-skeleton";
 import { useElementSize } from "@/hooks/useElementSize";
 import { DropdownInfoText } from "@components/DropdownInfoText";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export interface SelectOption {
   label: string | React.ReactNode;
@@ -62,8 +63,8 @@ export function SelectDropdown({
   options,
   showSearch = false,
   showValues = false,
-  placeholder = "Select...",
-  searchPlaceholder = "Search...",
+  placeholder,
+  searchPlaceholder,
   isLoading = false,
   variant = "input",
   className,
@@ -75,6 +76,9 @@ export function SelectDropdown({
   truncate = false,
   compact = false,
 }: Readonly<SelectDropdownProps>) {
+  const { t } = useI18n();
+  const resolvedPlaceholder = placeholder ?? t("selectDropdown.placeholder");
+  const resolvedSearchPlaceholder = searchPlaceholder ?? t("selectDropdown.searchPlaceholder");
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
 
   const toggle = (selectedValue: string) => {
@@ -139,7 +143,7 @@ export function SelectDropdown({
             size === "xs" && "text-xs",
           )}
         >
-          <span className={"text-nb-gray-200"}>{placeholder}</span>
+          <span className={"text-nb-gray-200"}>{resolvedPlaceholder}</span>
         </div>
       </div>
     );
@@ -212,14 +216,13 @@ export function SelectDropdown({
                 search={search}
                 setSearch={setSearch}
                 ref={searchRef}
-                placeholder={searchPlaceholder}
+                placeholder={resolvedSearchPlaceholder}
               />
             )}
 
             {filteredItems.length == 0 && (
               <DropdownInfoText className={"max-w-sm mx-auto px-4"}>
-                There are no results matching your search. Please try a
-                different search term.
+                {t("selectDropdown.noResults")}
               </DropdownInfoText>
             )}
 
diff --git a/src/components/select/SelectDropdownSearchInput.tsx b/src/components/select/SelectDropdownSearchInput.tsx
index d49b266c..af24c229 100644
--- a/src/components/select/SelectDropdownSearchInput.tsx
+++ b/src/components/select/SelectDropdownSearchInput.tsx
@@ -2,6 +2,7 @@ import { cn } from "@utils/helpers";
 import { SearchIcon } from "lucide-react";
 import * as React from "react";
 import { Dispatch, forwardRef } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   search: string;
@@ -14,10 +15,12 @@ export const SelectDropdownSearchInput = forwardRef<HTMLInputElement, Props>(
     {
       search,
       setSearch,
-      placeholder = "Search for peers by name or ip...",
+      placeholder,
     }: Props,
     ref,
   ) => {
+    const { t } = useI18n();
+    const resolvedPlaceholder = placeholder ?? t("selectDropdown.searchPlaceholder");
     return (
       <div className={"relative"}>
         <input
@@ -30,7 +33,7 @@ export const SelectDropdownSearchInput = forwardRef<HTMLInputElement, Props>(
           ref={ref}
           value={search}
           onChange={(e) => setSearch(e.target.value)}
-          placeholder={placeholder}
+          placeholder={resolvedPlaceholder}
         />
         <div className={"absolute left-0 top-0 h-full flex items-center pl-4"}>
           <div className={"flex items-center"}>
diff --git a/src/components/table/DataTable.tsx b/src/components/table/DataTable.tsx
index 990ad300..33085a86 100644
--- a/src/components/table/DataTable.tsx
+++ b/src/components/table/DataTable.tsx
@@ -40,6 +40,7 @@ import { usePathname } from "next/navigation";
 import * as React from "react";
 import { useEffect, useRef, useState } from "react";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 
 declare module "@tanstack/table-core" {
   interface FilterFns {
@@ -193,7 +194,7 @@ export function DataTable<TData, TValue>({
   columns,
   data,
   children,
-  searchPlaceholder = "Search...",
+  searchPlaceholder,
   columnVisibility = {},
   setColumnVisibility,
   sorting = [],
@@ -249,6 +250,7 @@ export function DataTable<TData, TValue>({
   initialSearch,
   onSearchClick,
 }: Readonly<DataTableProps<TData, TValue>>) {
+  const { t } = useI18n();
   const path = usePathname();
   const isInitialRender = useRef(true);
 
@@ -461,7 +463,7 @@ export function DataTable<TData, TValue>({
               }
               resetRowSelectionOnSearch && setRowSelection?.({});
             }}
-            placeholder={searchPlaceholder}
+            placeholder={searchPlaceholder ?? t("dataTable.searchPlaceholder")}
           />
           {children?.(table)}
           {showResetFilterButton && (
diff --git a/src/components/table/DataTableFilter.tsx b/src/components/table/DataTableFilter.tsx
index 856f4353..063b68e9 100644
--- a/src/components/table/DataTableFilter.tsx
+++ b/src/components/table/DataTableFilter.tsx
@@ -10,6 +10,7 @@ import { concat, sortBy, uniqBy } from "lodash";
 import { FilterIcon } from "lucide-react";
 import * as React from "react";
 import { useCallback, useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface Props<TData> {
   table: Table<TData>;
@@ -74,6 +75,7 @@ export function DataTableFilter<TData>({
   filters,
   disabled = false,
 }: Readonly<Props<TData>>) {
+  const { t } = useI18n();
   const searchRef = React.useRef<HTMLInputElement>(null);
   const [open, setOpen] = useState(false);
 
@@ -191,7 +193,7 @@ export function DataTableFilter<TData>({
             <span className={"text-white"}>
               {activeFiltersCount > 0 && activeFiltersCount}
             </span>
-            {activeFiltersCount > 0 ? ` Filter(s)` : "Filter"}
+            {activeFiltersCount > 0 ? ` ${t("dataTable.filters")}` : t("dataTable.filter")}
           </span>
         </Button>
       </PopoverTrigger>
@@ -210,13 +212,13 @@ export function DataTableFilter<TData>({
             ref={searchRef}
             value={search}
             onChange={setSearch}
-            placeholder={"Search filters..."}
+            placeholder={t("dataTable.searchFilters")}
             hideEnterIcon={true}
           />
 
           {filteredItems.length == 0 && search != "" && (
             <DropdownInfoText className={"mb-4"}>
-              There are no filters matching your search.
+              {t("dataTable.noMatchingFilters")}
             </DropdownInfoText>
           )}
 
diff --git a/src/components/table/DataTableGlobalSearch.tsx b/src/components/table/DataTableGlobalSearch.tsx
index 71bd1f5c..a0c2f362 100644
--- a/src/components/table/DataTableGlobalSearch.tsx
+++ b/src/components/table/DataTableGlobalSearch.tsx
@@ -4,6 +4,7 @@ import { useDebounce } from "@hooks/useDebounce";
 import { Search } from "lucide-react";
 import React, { useEffect, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
   setGlobalSearch: (value: string) => void;
@@ -21,6 +22,7 @@ export default function DataTableGlobalSearch({
   onClick,
   ...props
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const ref = React.useRef<HTMLInputElement>(null);
   const [inputValue, setInputValue] = useState(globalSearch || "");
   const debouncedValue = useDebounce(inputValue, 800);
@@ -67,7 +69,7 @@ export default function DataTableGlobalSearch({
       value={inputValue} // Shows immediate updates
       onChange={handleChange}
       maxWidthClass={className}
-      customSuffix={<Kbd>⌘ K</Kbd>}
+      customSuffix={<Kbd>{t('dataTable.searchShortcut')}</Kbd>}
       disabled={false}
     />
   );
diff --git a/src/components/table/DataTableMultiSelectPopup.tsx b/src/components/table/DataTableMultiSelectPopup.tsx
index 9f7210ac..690d3a54 100644
--- a/src/components/table/DataTableMultiSelectPopup.tsx
+++ b/src/components/table/DataTableMultiSelectPopup.tsx
@@ -5,6 +5,7 @@ import { cn } from "@utils/helpers";
 import { AnimatePresence, motion } from "framer-motion";
 import { MonitorSmartphoneIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props<T> = {
   selectedItems?: T[];
@@ -15,10 +16,11 @@ type Props<T> = {
 
 export function DataTableMultiSelectPopup<T>({
   onCanceled,
-  label = "Peer(s) selected",
+  label,
   selectedItems,
   rightSide,
 }: Props<T>) {
+  const { t } = useI18n();
   const count = selectedItems?.length || 0;
   return (
     <AnimatePresence>
@@ -57,15 +59,15 @@ export function DataTableMultiSelectPopup<T>({
                       <MonitorSmartphoneIcon size={16} className={""} />
                       <span>
                         <span className={"font-medium text-white"}>
-                          {count}
-                        </span>{" "}
-                        {label}
+                        {count}
+                      </span>{" "}
+                        {label ?? t("selection.peersSelected")}
                       </span>
                     </div>
                     <div className={"flex gap-2 items-center"}>
                       {rightSide}
                       <FullTooltip
-                        content={<span className={"text-xs"}>Cancel</span>}
+                        content={<span className={"text-xs"}>{t("common.cancel")}</span>}
                       >
                         <Button
                           onClick={onCanceled}
diff --git a/src/components/table/DataTablePagination.tsx b/src/components/table/DataTablePagination.tsx
index 31ae4e57..57242693 100644
--- a/src/components/table/DataTablePagination.tsx
+++ b/src/components/table/DataTablePagination.tsx
@@ -7,6 +7,7 @@ import {
   ChevronsLeft,
   ChevronsRight,
 } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface DataTablePaginationProps<TData> {
   table: Table<TData>;
@@ -17,10 +18,12 @@ interface DataTablePaginationProps<TData> {
 
 export function DataTablePagination<TData>({
   table,
-  text = "rows",
+  text,
   paginationPadding = "px-8 py-8",
   totalRecords,
 }: DataTablePaginationProps<TData>) {
+  const { t } = useI18n();
+  const resolvedText = text ?? t("dataTablePagination.rows");
   const rowsPerPage = table.getState().pagination.pageSize;
   const currentPage = table.getState().pagination.pageIndex + 1;
   const pageCount = table.getPageCount();
@@ -39,12 +42,12 @@ export function DataTablePagination<TData>({
         className={cn("flex items-center justify-between", paginationPadding)}
       >
         <div className="text-nb-gray-400">
-          Showing{" "}
-          <span className={"font-medium text-white"}>
-            {showingFrom} to {showingTo}
-          </span>{" "}
-          of <span className={"font-medium text-white"}>{totalRows}</span>{" "}
-          {text}
+          {t("dataTablePagination.showing", {
+            from: showingFrom,
+            to: showingTo,
+            total: totalRows,
+            text: resolvedText,
+          })}
         </div>
         {pageCount > 1 && (
           <div className={"flex items-center gap-3"}>
@@ -64,7 +67,10 @@ export function DataTablePagination<TData>({
                 </ButtonGroup.Button>
                 <ButtonGroup.Button>
                   <div>
-                    {currentPage} of {pageCount}
+                    {t("dataTablePagination.pageOf", {
+                      currentPage,
+                      pageCount,
+                    })}
                   </div>
                 </ButtonGroup.Button>
                 <ButtonGroup.Button
diff --git a/src/components/table/DataTableRefreshButton.tsx b/src/components/table/DataTableRefreshButton.tsx
index 18d5256a..6161c55a 100644
--- a/src/components/table/DataTableRefreshButton.tsx
+++ b/src/components/table/DataTableRefreshButton.tsx
@@ -4,12 +4,14 @@ import { motion } from "framer-motion";
 import { RefreshCcw } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   onClick: () => void;
   isDisabled?: boolean;
 };
 export default function DataTableRefreshButton({ onClick, isDisabled }: Props) {
+  const { t } = useI18n();
   const [rotate, setRotate] = useState(false);
   const [disabled, setDisabled] = useState(false);
   const [hovered, setHovered] = useState(false);
@@ -57,7 +59,7 @@ export default function DataTableRefreshButton({ onClick, isDisabled }: Props) {
         }}
       >
         <span className={"text-xs text-neutral-300"}>
-          {disabled ? "You can refresh it again in 5 seconds" : "Refresh"}
+          {disabled ? t("dataTable.refreshCooldown") : t("dataTable.refresh")}
         </span>
       </TooltipContent>
     </Tooltip>
diff --git a/src/components/table/DataTableRowsPerPage.tsx b/src/components/table/DataTableRowsPerPage.tsx
index 43201d33..5356c4c2 100644
--- a/src/components/table/DataTableRowsPerPage.tsx
+++ b/src/components/table/DataTableRowsPerPage.tsx
@@ -5,6 +5,7 @@ import { cn } from "@utils/helpers";
 import { Command, CommandGroup, CommandItem } from "cmdk";
 import { Check, ChevronDown, RowsIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface DataTablePaginationProps<TData> {
   table: Table<TData>;
@@ -17,6 +18,7 @@ export function DataTableRowsPerPage<TData>({
   table,
   disabled,
 }: DataTablePaginationProps<TData>) {
+  const { t } = useI18n();
   const [open, setOpen] = React.useState(false);
 
   return (
@@ -36,7 +38,9 @@ export function DataTableRowsPerPage<TData>({
               <span className={"text-white"}>
                 {table.getState().pagination.pageSize}
               </span>
-              <span className={"text-nb-gray-300"}> rows per page</span>
+              <span className={"text-nb-gray-300"}>
+                {" "}{t("table.rowsPerPage")}
+              </span>
             </div>
             <ChevronDown className="h-4 w-4 opacity-50" />
           </Button>
diff --git a/src/components/ui/AccessControlGroupCount.tsx b/src/components/ui/AccessControlGroupCount.tsx
index 7d01c009..9399bd71 100644
--- a/src/components/ui/AccessControlGroupCount.tsx
+++ b/src/components/ui/AccessControlGroupCount.tsx
@@ -6,11 +6,13 @@ import * as React from "react";
 import { useMemo } from "react";
 import Skeleton from "react-loading-skeleton";
 import { Route } from "@/interfaces/Route";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   group_id: string;
 };
 export const AccessControlGroupCount = ({ group_id }: Props) => {
+  const { t } = useI18n();
   const { data, isLoading } = useFetchApi<Route[]>("/routes");
 
   const routes = useMemo(() => {
@@ -60,7 +62,7 @@ export const AccessControlGroupCount = ({ group_id }: Props) => {
         }
       >
         <RouteIcon size={14} className={"shrink-0"} />
-        {routes.length} Route(s)
+        {routes.length} {t('accessControlGroupCount.routes')}
       </div>
     </FullTooltip>
   ) : null;
diff --git a/src/components/ui/AddGroupButton.tsx b/src/components/ui/AddGroupButton.tsx
index 7935cc1e..cbecdcf6 100644
--- a/src/components/ui/AddGroupButton.tsx
+++ b/src/components/ui/AddGroupButton.tsx
@@ -15,6 +15,7 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { useApiCall } from "@/utils/api";
 import ModalHeader from "../modal/ModalHeader";
@@ -23,6 +24,7 @@ import Paragraph from "../Paragraph";
 import Separator from "../Separator";
 
 export const AddGroupButton = () => {
+  const { t } = useI18n();
   const create = useApiCall<Group>("/groups", true).post;
   const { mutate } = useSWRConfig();
   const [name, setName] = useState<string>("");
@@ -32,9 +34,9 @@ export const AddGroupButton = () => {
 
   const createGroup = () => {
     notify({
-      title: "Create Group",
-      description: `Group '${name}' successfully created`,
-      loadingMessage: "Creating group...",
+      title: t("groups.createTitle"),
+      description: t("groups.createdDescription", { name }),
+      loadingMessage: t("groups.creating"),
       promise: create({ name }).then((g) => {
         setOpen(false);
         setName("");
@@ -54,26 +56,26 @@ export const AddGroupButton = () => {
             className={"ml-auto h-[42px]"}
           >
             <PlusCircle size={16} />
-            Create Group
+            {t("groups.createTitle")}
           </Button>
         </ModalTrigger>
         <ModalContent maxWidthClass={"max-w-xl"}>
           <ModalHeader
             icon={<FolderGit2Icon size={18} />}
-            title="Create Group"
-            description="Create a group to manage and organize access in your network"
+            title={t("groups.createTitle")}
+            description={t("groups.createDescription")}
             color="netbird"
           />
           <Separator />
           <div className={"px-8 flex-col flex gap-6 py-6"}>
             <div>
-              <Label>Name</Label>
+              <Label>{t("table.name")}</Label>
               <HelpText>
-                Set an easily identifiable name for your group
+                {t("groups.nameHelp")}
               </HelpText>
               <Input
                 tabIndex={0}
-                placeholder={"e.g., Developers"}
+                placeholder={t("groups.namePlaceholder")}
                 value={name}
                 onChange={(e) => setName(e.target.value)}
               />
@@ -82,19 +84,19 @@ export const AddGroupButton = () => {
           <ModalFooter className={"items-center"}>
             <div className={"w-full"}>
               <Paragraph className={"text-sm mt-auto"}>
-                Learn more about
+                {t("common.learnMorePrefix")}{" "}
                 <InlineLink
                   href={"https://docs.netbird.io/how-to/manage-network-access"}
                   target={"_blank"}
                 >
-                  Groups
+                  {t("groups.title")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </Paragraph>
             </div>
             <div className={"flex gap-3 w-full justify-end"}>
               <ModalClose asChild={true}>
-                <Button variant={"secondary"}>Cancel</Button>
+                <Button variant={"secondary"}>{t("common.cancel")}</Button>
               </ModalClose>
 
               <Button
@@ -104,7 +106,7 @@ export const AddGroupButton = () => {
                 onClick={createGroup}
               >
                 <PlusCircle size={16} />
-                Create Group
+                {t("groups.createTitle")}
               </Button>
             </div>
           </ModalFooter>
diff --git a/src/components/ui/AddPeerButton.tsx b/src/components/ui/AddPeerButton.tsx
index 1fefdff6..72947d3f 100644
--- a/src/components/ui/AddPeerButton.tsx
+++ b/src/components/ui/AddPeerButton.tsx
@@ -5,10 +5,12 @@ import useFetchApi from "@utils/api";
 import { PlusCircle } from "lucide-react";
 import React, { memo, useState } from "react";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import SetupModal from "@/modules/setup-netbird-modal/SetupModal";
 
 function AddPeerButton() {
+  const { t } = useI18n();
   const { data: peers } = useFetchApi<Peer[]>("/peers");
   const { oidcUser: user } = useOidcUser();
 
@@ -41,7 +43,7 @@ function AddPeerButton() {
         <ModalTrigger asChild>
           <Button variant={"primary"} size={"sm"} className={"ml-auto"}>
             <PlusCircle size={16} />
-            Add Peer
+            {t("peers.addPeer")}
           </Button>
         </ModalTrigger>
         <SetupModal user={user} />
diff --git a/src/components/ui/AnnouncementBanner.tsx b/src/components/ui/AnnouncementBanner.tsx
index de1eb890..82f78467 100644
--- a/src/components/ui/AnnouncementBanner.tsx
+++ b/src/components/ui/AnnouncementBanner.tsx
@@ -4,6 +4,7 @@ import { cva, VariantProps } from "class-variance-authority";
 import { ArrowRightIcon, XIcon } from "lucide-react";
 import * as React from "react";
 import { useAnnouncement } from "@/contexts/AnnouncementProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const variants = cva(
   {},
@@ -36,6 +37,7 @@ const variants = cva(
 export type AnnouncementVariant = VariantProps<typeof variants>;
 
 export const AnnouncementBanner = () => {
+  const { t } = useI18n();
   const { bannerHeight, closeAnnouncement, announcements } = useAnnouncement();
   const announcement = announcements?.find((a) => a.isOpen);
 
@@ -69,7 +71,7 @@ export const AnnouncementBanner = () => {
                 variants({ inlineLink: announcement.variant }),
               )}
             >
-              {announcement.linkText || "Learn more"}
+              {announcement.linkText || t("common.learnMore")}
               <ArrowRightIcon size={14} />
             </InlineLink>
           )}
diff --git a/src/components/ui/CitySelector.tsx b/src/components/ui/CitySelector.tsx
index 21f46164..c8671279 100644
--- a/src/components/ui/CitySelector.tsx
+++ b/src/components/ui/CitySelector.tsx
@@ -6,6 +6,7 @@ import useFetchApi from "@utils/api";
 import { MapPin } from "lucide-react";
 import { createElement, useMemo } from "react";
 import { City } from "@/interfaces/City";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: string;
@@ -13,6 +14,7 @@ type Props = {
   country: string;
 };
 export const CitySelector = ({ value, onChange, country = "de" }: Props) => {
+  const { t } = useI18n();
   const { data: cities, isLoading } = useFetchApi<City[]>(
     `/locations/countries/${country}/cities`,
   );
@@ -36,7 +38,7 @@ export const CitySelector = ({ value, onChange, country = "de" }: Props) => {
       } as SelectOption;
     }) as SelectOption[];
 
-    all.unshift({ label: "All Locations", value: "", icon: pinIcon });
+    all.unshift({ label: t("citySelector.allLocations"), value: "", icon: pinIcon });
     return all;
   }, [cities]);
 
@@ -45,8 +47,8 @@ export const CitySelector = ({ value, onChange, country = "de" }: Props) => {
       <SelectDropdown
         isLoading={isLoading}
         showSearch={true}
-        placeholder={"Select city (optional)..."}
-        searchPlaceholder={"Search city..."}
+        placeholder={t("citySelector.placeholder")}
+        searchPlaceholder={t("citySelector.searchPlaceholder")}
         value={value}
         onChange={onChange}
         options={cityList || []}
diff --git a/src/components/ui/CountrySelector.tsx b/src/components/ui/CountrySelector.tsx
index ce0182eb..b9ea5ff9 100644
--- a/src/components/ui/CountrySelector.tsx
+++ b/src/components/ui/CountrySelector.tsx
@@ -5,6 +5,7 @@ import {
 import { createElement, useMemo } from "react";
 import RoundedFlag from "@/assets/countries/RoundedFlag";
 import { useCountries } from "@/contexts/CountryProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: string;
@@ -14,6 +15,7 @@ type Props = {
   truncate?: boolean;
 };
 export const CountrySelector = ({ value, onChange, iconSize = 20, popoverWidth, truncate }: Props) => {
+  const { t } = useI18n();
   const { countries, isLoading } = useCountries();
 
   const countryList = useMemo(() => {
@@ -41,8 +43,8 @@ export const CountrySelector = ({ value, onChange, iconSize = 20, popoverWidth,
       <SelectDropdown
         isLoading={isLoading}
         showSearch={true}
-        placeholder={"Select country..."}
-        searchPlaceholder={"Search country..."}
+        placeholder={t("countrySelector.placeholder")}
+        searchPlaceholder={t("countrySelector.searchPlaceholder")}
         value={value}
         onChange={onChange}
         iconSize={iconSize}
diff --git a/src/components/ui/DarkModeToggle.tsx b/src/components/ui/DarkModeToggle.tsx
index 2643780a..74b1b838 100644
--- a/src/components/ui/DarkModeToggle.tsx
+++ b/src/components/ui/DarkModeToggle.tsx
@@ -10,10 +10,12 @@ import {
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import { useEffect, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function DarkModeToggle() {
   const [mounted, setMounted] = useState(false);
   const { setTheme } = useTheme();
+  const { t } = useI18n();
 
   useEffect(() => {
     setMounted(true);
@@ -42,14 +44,14 @@ export default function DarkModeToggle() {
           disabled={true}
         >
           <SunIcon size={16} />
-          Light
+          {t('darkModeToggle.light')}
         </DropdownMenuItem>
         <DropdownMenuItem
           onClick={() => setTheme("dark")}
           className={"flex gap-2"}
         >
           <MoonIcon size={16} />
-          Dark
+          {t('darkModeToggle.dark')}
         </DropdownMenuItem>
         <DropdownMenuItem
           disabled={true}
@@ -57,7 +59,7 @@ export default function DarkModeToggle() {
           className={"flex gap-2"}
         >
           <MonitorIcon size={16} />
-          System
+          {t('darkModeToggle.system')}
         </DropdownMenuItem>
       </DropdownMenuContent>
     </DropdownMenu>
diff --git a/src/components/ui/HelpAndSupportButton.tsx b/src/components/ui/HelpAndSupportButton.tsx
index f6426ee2..f984a214 100644
--- a/src/components/ui/HelpAndSupportButton.tsx
+++ b/src/components/ui/HelpAndSupportButton.tsx
@@ -22,10 +22,12 @@ import { useState } from "react";
 import Button from "@components/Button";
 import { cn } from "@utils/helpers";
 import SlackIcon from "@/assets/icons/SlackIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { isNetBirdHosted } from "@utils/netbird";
 
 export default function HelpAndSupportButton() {
   const [dropdownOpen, setDropdownOpen] = useState(false);
+  const { t } = useI18n();
 
   return (
     <DropdownMenu
@@ -49,7 +51,7 @@ export default function HelpAndSupportButton() {
         <DropdownMenuLabel className="font-normal">
           <div className="flex flex-col space-y-1 px-1">
             <div className="text-sm font-normal leading-none text-nb-gray-200 py-1">
-              Help and Support
+              {t("help.title")}
             </div>
           </div>
         </DropdownMenuLabel>
@@ -62,7 +64,7 @@ export default function HelpAndSupportButton() {
         >
           <div className={"flex gap-3 items-center"}>
             <BookText size={14} />
-            Documentation
+            {t("help.documentation")}
           </div>
           <DropdownMenuShortcut>
             <ArrowUpRightIcon size={16} />
@@ -76,7 +78,7 @@ export default function HelpAndSupportButton() {
         >
           <div className={"flex gap-3 items-center"}>
             <TriangleAlert size={14} />
-            Troubleshooting
+            {t("help.troubleshooting")}
           </div>
           <DropdownMenuShortcut>
             <ArrowUpRightIcon size={16} />
@@ -102,7 +104,7 @@ export default function HelpAndSupportButton() {
         >
           <div className={"flex gap-3 items-center"}>
             <MessagesSquareIcon size={14} />
-            NetBird Forum
+            {t("help.forum")}
           </div>
           <DropdownMenuShortcut>
             <ArrowUpRightIcon size={16} />
@@ -116,7 +118,7 @@ export default function HelpAndSupportButton() {
         >
           <div className={"flex gap-3 items-center"}>
             <SlackIcon size={14} />
-            NetBird Slack
+            {t("help.slack")}
           </div>
           <DropdownMenuShortcut>
             <ArrowUpRightIcon size={16} />
@@ -133,7 +135,7 @@ export default function HelpAndSupportButton() {
         >
           <div className={"flex gap-3 items-center"}>
             <MessageSquareShare size={14} />
-            Feedback
+            {t("help.feedback")}
           </div>
           <DropdownMenuShortcut>
             <ArrowUpRightIcon size={16} />
diff --git a/src/components/ui/InputDomain.tsx b/src/components/ui/InputDomain.tsx
index 3f646932..1e68e247 100644
--- a/src/components/ui/InputDomain.tsx
+++ b/src/components/ui/InputDomain.tsx
@@ -6,6 +6,7 @@ import { GlobeIcon, MinusCircleIcon } from "lucide-react";
 import * as React from "react";
 import { useEffect, useMemo, useState } from "react";
 import { Domain } from "@/interfaces/Domain";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: Domain;
@@ -47,6 +48,7 @@ export default function InputDomain({
   allowWildcard = true,
   showRemoveButton = true,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [name, setName] = useState(value?.name || "");
 
   const handleNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -64,7 +66,7 @@ export default function InputDomain({
       preventLeadingAndTrailingDots,
     });
     if (!valid) {
-      return "Please enter a valid domain, e.g. example.com or intra.example.com";
+      return t("inputDomain.error");
     }
   }, [name]);
 
@@ -80,7 +82,7 @@ export default function InputDomain({
       <div className={"w-full"}>
         <Input
           customPrefix={<GlobeIcon size={15} />}
-          placeholder={"e.g., example.com"}
+          placeholder={t("inputDomain.placeholder")}
           maxWidthClass={"w-full"}
           data-cy={"domain-input"}
           value={name}
diff --git a/src/components/ui/InstallNetBirdButton.tsx b/src/components/ui/InstallNetBirdButton.tsx
index 6cf366e9..4a649221 100644
--- a/src/components/ui/InstallNetBirdButton.tsx
+++ b/src/components/ui/InstallNetBirdButton.tsx
@@ -2,9 +2,11 @@ import Button from "@components/Button";
 import { Modal, ModalTrigger } from "@components/modal/Modal";
 import { DownloadIcon } from "lucide-react";
 import React, { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import SetupModal from "@/modules/setup-netbird-modal/SetupModal";
 
 export function InstallNetBirdButton() {
+  const { t } = useI18n();
   const [installModal, setInstallModal] = useState(false);
 
   return (
@@ -12,7 +14,7 @@ export function InstallNetBirdButton() {
       <ModalTrigger asChild>
         <Button variant={"secondary"} size={"sm"}>
           <DownloadIcon size={16} />
-          Install NetBird
+          {t("common.installNetBird")}
         </Button>
       </ModalTrigger>
       <SetupModal />
diff --git a/src/components/ui/MultipleGroups.tsx b/src/components/ui/MultipleGroups.tsx
index 5083248b..4edf530e 100644
--- a/src/components/ui/MultipleGroups.tsx
+++ b/src/components/ui/MultipleGroups.tsx
@@ -16,6 +16,7 @@ import { useUsers } from "@/contexts/UsersProvider";
 import { Group } from "@/interfaces/Group";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
 import { HorizontalUsersStack } from "@/modules/users/HorizontalUsersStack";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   groups: Group[];
@@ -31,8 +32,8 @@ type Props = {
 
 export default function MultipleGroups({
   groups,
-  label = "Assigned Groups",
-  description = "Use groups to control what this peer can access",
+  label,
+  description,
   onClick,
   className,
   showResources = false,
@@ -40,7 +41,11 @@ export default function MultipleGroups({
   redirectGroupTab,
   disableRedirect = false,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
+  
+  const defaultLabel = label || t("groups.assignedGroups");
+  const defaultDescription = description || t("groups.useGroupsToControlAccess");
 
   if (!groups || groups?.length === 0) return <EmptyRow />;
   const orderedGroups = groups.sort((a, b) => {
@@ -92,7 +97,7 @@ export default function MultipleGroups({
             onClick={(e) => e.stopPropagation()}
           >
             <div className={"text-sm font-medium text-left px-5 pt-3"}>
-              {label}
+              {defaultLabel}
             </div>
             <ScrollArea
               className={
diff --git a/src/components/ui/NoResults.tsx b/src/components/ui/NoResults.tsx
index 8967675f..9c41a2f8 100644
--- a/src/components/ui/NoResults.tsx
+++ b/src/components/ui/NoResults.tsx
@@ -6,6 +6,7 @@ import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import React, { useCallback } from "react";
 import Skeleton from "react-loading-skeleton";
 import SquareIcon from "@components/SquareIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   icon?: React.ReactNode;
@@ -20,14 +21,15 @@ type Props = {
 
 export default function NoResults({
   icon,
-  title = "Could not find any results",
-  description = "We couldn't find any results. Please try a different search term or change your filters.",
+  title,
+  description,
   children,
   className,
   hasFiltersApplied = false,
   onResetFilters,
   contentClassName,
 }: Props) {
+  const { t } = useI18n();
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
@@ -83,9 +85,9 @@ export default function NoResults({
         </div>
 
         <div className={"text-center"}>
-          <h1 className={"text-2xl font-medium max-w-lg mx-auto"}>{title}</h1>
+          <h1 className={"text-2xl font-medium max-w-lg mx-auto"}>{title ?? t("noResults.title")}</h1>
           <Paragraph className={"justify-center my-2 !text-nb-gray-400"}>
-            {description}
+            {description ?? t("noResults.description")}
           </Paragraph>
           {hasFiltersApplied && onResetFilters && (
             <Button
@@ -94,7 +96,7 @@ export default function NoResults({
               className="mt-4"
             >
               <FilterX size={16} />
-              Reset Filters & Search
+              {t("noResults.resetFilters")}
             </Button>
           )}
           {children}
diff --git a/src/components/ui/NoResultsCard.tsx b/src/components/ui/NoResultsCard.tsx
index 338f731e..bd1055b2 100644
--- a/src/components/ui/NoResultsCard.tsx
+++ b/src/components/ui/NoResultsCard.tsx
@@ -4,6 +4,7 @@ import { cn } from "@utils/helpers";
 import { FilterX } from "lucide-react";
 import React from "react";
 import Skeleton from "react-loading-skeleton";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   icon?: React.ReactNode;
@@ -15,11 +16,12 @@ type Props = {
 
 export default function NoResultsCard({
   icon,
-  title = "Could not find any results",
-  description = "We couldn't find any results. Please try a different search term or change your filters.",
+  title,
+  description,
   children,
   className,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   return (
     <div className={cn("px-8 mt-8", className)}>
       <Card className={"w-full relative overflow-hidden"}>
@@ -50,9 +52,9 @@ export default function NoResultsCard({
             {icon || <FilterX size={24} />}
           </div>
           <div className={"text-center"}>
-            <h1 className={"text-2xl font-medium max-w-lg mx-auto"}>{title}</h1>
+            <h1 className={"text-2xl font-medium max-w-lg mx-auto"}>{title ?? t("noResults.title")}</h1>
             <Paragraph className={"justify-center my-2 !text-nb-gray-400"}>
-              {description}
+              {description ?? t("noResults.description")}
             </Paragraph>
             {children}
           </div>
diff --git a/src/components/ui/PageNotFound.tsx b/src/components/ui/PageNotFound.tsx
index b641cbab..a22c6b2b 100644
--- a/src/components/ui/PageNotFound.tsx
+++ b/src/components/ui/PageNotFound.tsx
@@ -7,16 +7,18 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 import Skeleton from "react-loading-skeleton";
 import PageContainer from "@/layouts/PageContainer";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   title?: string;
   description?: string;
 };
 export const PageNotFound = ({
-  title = "The requested page was not found",
-  description = "The page you are attempting to access cannot be found. Please verify the URL or return to the dashboard to continue browsing.",
+  title,
+  description,
 }: Props) => {
   const router = useRouter();
+  const { t } = useI18n();
 
   return (
     <PageContainer>
@@ -66,10 +68,10 @@ export const PageNotFound = ({
                             "text-3xl font-medium mx-auto mt-3 capitalize"
                           }
                         >
-                          {title}
+                          {title ?? t("pageNotFound.title")}
                         </h1>
                         <Paragraph className={"justify-center my-3 max-w-xl"}>
-                          {description}
+                          {description ?? t("pageNotFound.description")}
                         </Paragraph>
                         <Button
                           variant={"secondary"}
@@ -77,7 +79,7 @@ export const PageNotFound = ({
                           onClick={() => router.back()}
                         >
                           <Undo2Icon size={15} className={"shrink-0"} />
-                          Go Back
+                          {t("pageNotFound.goBack")}
                         </Button>
                       </div>
                     </div>
diff --git a/src/components/ui/PeerCountBadge.tsx b/src/components/ui/PeerCountBadge.tsx
index 0864852a..d4a50db0 100644
--- a/src/components/ui/PeerCountBadge.tsx
+++ b/src/components/ui/PeerCountBadge.tsx
@@ -1,9 +1,10 @@
 import Badge, { BadgeVariants } from "@components/Badge";
-import { cn, singularize } from "@utils/helpers";
+import { cn } from "@utils/helpers";
 import { MonitorSmartphoneIcon } from "lucide-react";
 import { useRouter } from "next/navigation";
 import * as React from "react";
 import { useMemo } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { Group } from "@/interfaces/Group";
 import ResourceCountBadge from "@components/ui/ResourceCountBadge";
@@ -21,6 +22,7 @@ export default function PeerCountBadge({
   disableRedirect = false,
 }: Props) {
   const router = useRouter();
+  const { t } = useI18n();
   const { dropdownOptions, groups } = useGroups();
 
   const currentGroup = useMemo(() => {
@@ -62,7 +64,7 @@ export default function PeerCountBadge({
       useHover={canRedirect}
     >
       <MonitorSmartphoneIcon size={12} />
-      {singularize("Peers", peerCount, true)}
+      {peerCount} {t("groups.count.peers")}
     </Badge>
   );
 }
diff --git a/src/components/ui/RestrictedAccess.tsx b/src/components/ui/RestrictedAccess.tsx
index 50cec24d..04ba862c 100644
--- a/src/components/ui/RestrictedAccess.tsx
+++ b/src/components/ui/RestrictedAccess.tsx
@@ -1,9 +1,12 @@
+"use client";
+
 import Card from "@components/Card";
 import Paragraph from "@components/Paragraph";
 import SquareIcon from "@components/SquareIcon";
 import { LockIcon } from "lucide-react";
 import * as React from "react";
 import Skeleton from "react-loading-skeleton";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children?: React.ReactNode;
@@ -14,8 +17,11 @@ type Props = {
 export const RestrictedAccess = ({
   children,
   hasAccess = false,
-  page = "this page",
+  page,
 }: Props) => {
+  const { t } = useI18n();
+  const currentPage = page ?? t("common.thisPage");
+
   if (hasAccess) return children;
 
   return (
@@ -61,12 +67,10 @@ export const RestrictedAccess = ({
                       <h1
                         className={"text-3xl font-medium max-w-xl mx-auto mt-3"}
                       >
-                        {"You don't have access to"} <br /> {page}
+                        {t("restricted.titlePrefix")} <br /> {currentPage}
                       </h1>
                       <Paragraph className={"justify-center my-3"}>
-                        {
-                          "Seems like you don't have access to this page. Only users with proper permissions can visit this page. Please contact your network administrator for further information."
-                        }
+                        {t("restricted.description")}
                       </Paragraph>
                     </div>
                   </div>
diff --git a/src/components/ui/UserDropdown.tsx b/src/components/ui/UserDropdown.tsx
index 6f1c943b..865cbb65 100644
--- a/src/components/ui/UserDropdown.tsx
+++ b/src/components/ui/UserDropdown.tsx
@@ -7,11 +7,15 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@components/DropdownMenu";
+import { Modal } from "@components/modal/Modal";
 import TextWithTooltip from "@components/ui/TextWithTooltip";
 import { UserAvatar } from "@components/ui/UserAvatar";
-import { KeyRound, LogOutIcon, User2 } from "lucide-react";
+import { GlobeIcon, KeyRound, LogOutIcon, User2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
@@ -19,18 +23,19 @@ import { useApplicationContext } from "@/contexts/ApplicationProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
 import useOSDetection from "@/hooks/useOperatingSystem";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ChangePasswordModalContent } from "@/modules/users/ChangePasswordModal";
 import { isNetBirdHosted } from "@utils/netbird";
-import { Modal } from "@components/modal/Modal";
 
 export default function UserDropdown() {
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const [changePasswordModal, setChangePasswordModal] = useState(false);
   const { user } = useApplicationContext();
   const { loggedInUser, logout } = useLoggedInUser();
-  const { isRestricted, permission } = usePermissions();
+  const { isRestricted } = usePermissions();
   const isMac = useOSDetection();
   const router = useRouter();
+  const { locale, locales, setLocale, t } = useI18n();
 
   useHotkeys("shift+mod+l", () => logout(), []);
 
@@ -51,43 +56,44 @@ export default function UserDropdown() {
         open={dropdownOpen}
         onOpenChange={setDropdownOpen}
       >
-      <DropdownMenuTrigger>
-        <UserAvatar size={"medium"} />
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-56" align="end" forceMount>
-        <DropdownMenuLabel className="font-normal">
-          <div className="flex flex-col space-y-0.5 px-1">
-            <div className="text-sm font-medium leading-none dark:text-gray-300">
-              <TextWithTooltip
-                text={user?.name}
-                maxChars={20}
-                hideTooltip={true}
-              />
-            </div>
-            <div className="text-xs leading-none dark:text-gray-400">
-              <TextWithTooltip
-                text={user?.email}
-                maxChars={28}
-                hideTooltip={true}
-              />
+        <DropdownMenuTrigger>
+          <UserAvatar size={"medium"} />
+        </DropdownMenuTrigger>
+        <DropdownMenuContent className="w-56" align="end" forceMount>
+          <DropdownMenuLabel className="font-normal">
+            <div className="flex flex-col space-y-0.5 px-1">
+              <div className="text-sm font-medium leading-none dark:text-gray-300">
+                <TextWithTooltip
+                  text={user?.name}
+                  maxChars={20}
+                  hideTooltip={true}
+                />
+              </div>
+              <div className="text-xs leading-none dark:text-gray-400">
+                <TextWithTooltip
+                  text={user?.email}
+                  maxChars={28}
+                  hideTooltip={true}
+                />
+              </div>
             </div>
-          </div>
-        </DropdownMenuLabel>
+          </DropdownMenuLabel>
 
-        <DropdownMenuSeparator />
+          <DropdownMenuSeparator />
 
-        {!isRestricted && (
-          <ProfileSettingsDropdownItem
-            onClick={() => {
-              setDropdownOpen(false);
-              if (loggedInUser) {
-                router.push(`/team/user?id=${loggedInUser.id}`);
-              }
-            }}
-          />
-        )}
+          {!isRestricted && (
+            <ProfileSettingsDropdownItem
+              label={t("user.profileSettings")}
+              onClick={() => {
+                setDropdownOpen(false);
+                if (loggedInUser) {
+                  router.push(`/team/user?id=${loggedInUser.id}`);
+                }
+              }}
+            />
+          )}
 
-        {!isNetBirdHosted() && loggedInUser?.idp_id === "local" && (
+          {!isNetBirdHosted() && loggedInUser?.idp_id === "local" && (
             <DropdownMenuItem
               onClick={() => {
                 setDropdownOpen(false);
@@ -96,30 +102,69 @@ export default function UserDropdown() {
             >
               <div className={"flex gap-3 items-center"}>
                 <KeyRound size={14} />
-                Change Password
+                {t("user.changePassword")}
               </div>
             </DropdownMenuItem>
           )}
 
-        <DropdownMenuItem onClick={logout}>
-          <div className={"flex gap-3 items-center"}>
-            <LogOutIcon size={14} />
-            Log out
-          </div>
-          <DropdownMenuShortcut>{isMac ? "⇧⌘L" : "⇧ ⊞ L"}</DropdownMenuShortcut>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
+          <DropdownMenuSub>
+            <DropdownMenuSubTrigger>
+              <div className={"flex gap-3 items-center"}>
+                <GlobeIcon size={14} />
+                {t("common.language")}
+              </div>
+            </DropdownMenuSubTrigger>
+            <DropdownMenuSubContent>
+              {locales.map((language) => (
+                <DropdownMenuItem
+                  key={language}
+                  onClick={() => {
+                    setLocale(language);
+                    setDropdownOpen(false);
+                  }}
+                >
+                  <div className={"flex gap-3 items-center"}>
+                    <span>
+                      {t(
+                        language === "en"
+                          ? "common.language.en"
+                          : "common.language.zh-CN",
+                      )}
+                    </span>
+                    {locale === language && <span>{t("common.selected")}</span>}
+                  </div>
+                </DropdownMenuItem>
+              ))}
+            </DropdownMenuSubContent>
+          </DropdownMenuSub>
+
+          <DropdownMenuItem onClick={logout}>
+            <div className={"flex gap-3 items-center"}>
+              <LogOutIcon size={14} />
+              {t("user.logout")}
+            </div>
+            <DropdownMenuShortcut>
+              {isMac ? "Shift+Cmd+L" : "Shift+Ctrl+L"}
+            </DropdownMenuShortcut>
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
     </>
   );
 }
 
-const ProfileSettingsDropdownItem = ({ onClick }: { onClick: () => void }) => {
+const ProfileSettingsDropdownItem = ({
+  onClick,
+  label,
+}: {
+  onClick: () => void;
+  label: string;
+}) => {
   return (
     <DropdownMenuItem onClick={onClick}>
       <div className={"flex gap-3 items-center"}>
         <User2 size={14} />
-        Profile Settings
+        {label}
       </div>
     </DropdownMenuItem>
   );
diff --git a/src/contexts/AnalyticsProvider.tsx b/src/contexts/AnalyticsProvider.tsx
index 8f077c2b..c6cb6547 100644
--- a/src/contexts/AnalyticsProvider.tsx
+++ b/src/contexts/AnalyticsProvider.tsx
@@ -5,6 +5,7 @@ import Script from "next/script";
 import React, { useEffect, useState } from "react";
 import ReactGA from "react-ga4";
 import { hotjar } from "react-hotjar";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children: React.ReactNode;
@@ -135,12 +136,13 @@ export const GoogleTagManagerHeadScript = () => {
 };
 
 const GoogleTageManagerBodyScript = () => {
+  const { t } = useI18n();
   if (!config.googleTagManagerID) return null;
   return (
     isProduction() && (
       <noscript>
         <iframe
-          title={"Google Tag Manager"}
+          title={t("analytics.googleTagManager")}
           src={`https://www.googletagmanager.com/ns.html?id=${config.googleTagManagerID}`}
           height="0"
           width="0"
diff --git a/src/contexts/DialogProvider.tsx b/src/contexts/DialogProvider.tsx
index 64688ba6..7edb8e4e 100644
--- a/src/contexts/DialogProvider.tsx
+++ b/src/contexts/DialogProvider.tsx
@@ -8,6 +8,7 @@ import {
 import ModalHeader from "@components/modal/ModalHeader";
 import { AlertCircle, AlertTriangle } from "lucide-react";
 import React, { useCallback, useRef, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children: React.ReactNode;
@@ -32,6 +33,7 @@ type DialogOptions = {
 };
 
 export default function DialogProvider({ children }: Props) {
+  const { t } = useI18n();
   const [state, setState] = useState({
     isOpen: false,
   });
@@ -73,11 +75,11 @@ export default function DialogProvider({ children }: Props) {
           >
             <ModalHeader
               center={dialogOptions.center ?? dialogOptions.type == "center"}
-              title={dialogOptions.title || "Confirmation"}
+              title={dialogOptions.title || t("dialog.confirmation")}
               margin={"mt-1"}
               description={
                 dialogOptions.description ||
-                "Are you sure you want to continue? This action cannot be undone."
+                t("dialog.confirmationDescription")
               }
               icon={dialogOptions.hideIcon ? "" : dialogTypes[dialogOptions.type || "default"]}
               color={
@@ -107,7 +109,7 @@ export default function DialogProvider({ children }: Props) {
                   data-cy={"confirmation.cancel"}
                   onClick={() => fn.current && fn.current(false)}
                 >
-                  {dialogOptions.cancelText || "Cancel"}
+                  {dialogOptions.cancelText || t("common.cancel")}
                 </Button>
               </ModalClose>
               <Button
@@ -123,7 +125,7 @@ export default function DialogProvider({ children }: Props) {
                 data-cy={"confirmation.confirm"}
                 onClick={() => fn.current && fn.current(true)}
               >
-                {dialogOptions.confirmText || "Confirm"}
+                {dialogOptions.confirmText || t("dialog.confirm")}
               </Button>
             </ModalFooter>
           </ModalContent>
diff --git a/src/contexts/GroupProvider.tsx b/src/contexts/GroupProvider.tsx
index db557ab1..8f33260f 100644
--- a/src/contexts/GroupProvider.tsx
+++ b/src/contexts/GroupProvider.tsx
@@ -11,6 +11,7 @@ import { Peer } from "@/interfaces/Peer";
 import { User } from "@/interfaces/User";
 import { EditGroupNameModal } from "@/modules/groups/EditGroupNameModal";
 import { useGroupIdentification } from "@/modules/groups/useGroupIdentification";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   group: Group;
@@ -41,6 +42,7 @@ export const GroupProvider = ({
   children,
   isDetailPage = true,
 }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const [groupNameModal, setGroupNameModal] = useState(false);
   const { mutate } = useSWRConfig();
@@ -58,7 +60,7 @@ export const GroupProvider = ({
   const isAllowedToDelete = !isIntegrationGroup && permission?.groups?.delete;
 
   const handleDelete = async () => {
-    if (!isAllowedToDelete) return Promise.reject("Not allowed to delete");
+    if (!isAllowedToDelete) return Promise.reject(t("group.notAllowedToDelete"));
 
     const promise = groupRequest.del().then(() => {
       deleteGroupDropdownOption(group.name);
@@ -67,10 +69,10 @@ export const GroupProvider = ({
     });
 
     notify({
-      title: "Delete Group " + group.name,
-      description: "Group successfully deleted",
+      title: t("group.deleteGroup") + " " + group.name,
+      description: t("group.groupDeleted"),
       promise,
-      loadingMessage: "Deleting group...",
+      loadingMessage: t("group.deletingGroup"),
     });
 
     return promise;
@@ -78,11 +80,10 @@ export const GroupProvider = ({
 
   const deleteGroup = async () => {
     const choice = await confirm({
-      title: `Delete '${group.name}'?`,
-      description:
-        "Are you sure you want to delete this group? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("group.deleteGroupConfirm", { name: group.name }),
+      description: t("group.deleteGroupDescription"),
+      confirmText: t("common.delete"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -90,7 +91,7 @@ export const GroupProvider = ({
   };
 
   const renameGroup = (name: string) => {
-    if (!isAllowedToRename) return Promise.reject("Not allowed to rename");
+    if (!isAllowedToRename) return Promise.reject(t("group.notAllowedToRename"));
 
     const currentPeerIds =
       group.peers?.map((p) => (typeof p === "string" ? p : p.id)) || [];
@@ -103,10 +104,10 @@ export const GroupProvider = ({
       });
 
     notify({
-      title: `Rename Group ${group.name}`,
-      description: "Group successfully renamed to " + name,
+      title: t("group.renameGroup") + " " + group.name,
+      description: t("group.groupRenamed", { name }),
       promise,
-      loadingMessage: "Renaming group...",
+      loadingMessage: t("group.renamingGroup"),
     });
 
     return promise;
@@ -118,13 +119,13 @@ export const GroupProvider = ({
 
     const choice = await confirm({
       title: peer
-        ? `Remove peer '${peer.name}' from '${group.name}'?`
-        : `Remove peers from '${group.name}'?`,
+        ? t("group.removePeerConfirm", { peerName: peer.name, groupName: group.name })
+        : t("group.removePeersConfirm", { groupName: group.name }),
       description: peer
-        ? `Are you sure you want to remove this peer from the group? You can add it back later if needed.`
-        : `Are you sure you want to remove these peers from the group? You can add them back later if needed.`,
-      confirmText: "Remove",
-      cancelText: "Cancel",
+        ? t("group.removePeerDescription")
+        : t("group.removePeersDescription"),
+      confirmText: t("common.remove"),
+      cancelText: t("common.cancel"),
       type: "warning",
       maxWidthClass: "max-w-lg",
     });
@@ -144,14 +145,14 @@ export const GroupProvider = ({
       });
 
     notify({
-      title: `Remove Peer from Group`,
+      title: t("group.removePeerFromGroup"),
       description: peer
-        ? `Peer '${peer.name}' successfully removed from group '${group.name}'`
-        : `Peers successfully removed from group '${group.name}'`,
+        ? t("group.peerRemoved", { peerName: peer.name, groupName: group.name })
+        : t("group.peersRemoved", { groupName: group.name }),
       promise,
       loadingMessage: peer
-        ? "Removing peer from group..."
-        : `Removing peers from group...`,
+        ? t("group.removingPeerFromGroup")
+        : t("group.removingPeersFromGroup"),
     });
 
     return promise;
@@ -174,10 +175,10 @@ export const GroupProvider = ({
       });
 
     notify({
-      title: "Adding peers to group",
-      description: `Peers were successfully added to ${group.name}.`,
+      title: t("group.addingPeersToGroup"),
+      description: t("group.peersAdded", { groupName: group.name }),
       promise,
-      loadingMessage: "Adding peers to group...",
+      loadingMessage: t("group.addingPeersToGroup"),
     });
 
     return promise;
@@ -203,10 +204,10 @@ export const GroupProvider = ({
 
     if (!returnOnlyPromise) {
       notify({
-        title: `Remove User from Group ${group.name}`,
-        description: `User '${user.name}' was successfully removed from group '${group.name}'.`,
+        title: t("group.removeUserFromGroup") + " " + group.name,
+        description: t("group.userRemoved", { userName: user.name, groupName: group.name }),
         promise,
-        loadingMessage: "Removing user from group...",
+        loadingMessage: t("group.removingUserFromGroup"),
       });
     }
 
@@ -222,13 +223,13 @@ export const GroupProvider = ({
 
     const choice = await confirm({
       title: user
-        ? `Remove user '${user?.name ?? user?.id}' from '${group.name}'?`
-        : `Remove users from '${group.name}'?`,
+        ? t("group.removeUserConfirm", { userName: user?.name ?? user?.id, groupName: group.name })
+        : t("group.removeUsersConfirm", { groupName: group.name }),
       description: user
-        ? `Are you sure you want to remove this user from the group? You can add it back later if needed.`
-        : `Are you sure you want to remove these users from the group? You can add them back later if needed.`,
-      confirmText: "Remove",
-      cancelText: "Cancel",
+        ? t("group.removeUserDescription")
+        : t("group.removeUsersDescription"),
+      confirmText: t("common.remove"),
+      cancelText: t("common.cancel"),
       type: "warning",
       maxWidthClass: "max-w-lg",
     });
@@ -240,10 +241,10 @@ export const GroupProvider = ({
       mutate("/users?service_user=false");
     });
     notify({
-      title: `Remove Users from Group ${group.name}`,
-      description: `Users were successfully removed from group '${group.name}'.`,
+      title: t("group.removeUsersFromGroup") + " " + group.name,
+      description: t("group.usersRemoved", { groupName: group.name }),
       promise,
-      loadingMessage: "Removing users from group...",
+      loadingMessage: t("group.removingUsersFromGroup"),
     });
     return promise;
   };
@@ -263,10 +264,10 @@ export const GroupProvider = ({
       });
     if (!returnOnlyPromise) {
       notify({
-        title: `Add User to Group ${group.name}`,
-        description: `User '${user.name}' was successfully added to group '${group.name}'.`,
+        title: t("group.addUserToGroup") + " " + group.name,
+        description: t("group.userAdded", { userName: user.name, groupName: group.name }),
         promise,
-        loadingMessage: "Adding user to group...",
+        loadingMessage: t("group.addingUserToGroup"),
       });
     }
     return promise;
@@ -280,10 +281,10 @@ export const GroupProvider = ({
       mutate("/users?service_user=false");
     });
     notify({
-      title: `Add Users to Group ${group.name}`,
-      description: `Users were successfully added to group '${group.name}'.`,
+      title: t("group.addUsersToGroup") + " " + group.name,
+      description: t("group.usersAdded", { groupName: group.name }),
       promise,
-      loadingMessage: "Adding users to group...",
+      loadingMessage: t("group.addingUsersToGroup"),
     });
     return promise;
   };
diff --git a/src/contexts/ReverseProxiesProvider.tsx b/src/contexts/ReverseProxiesProvider.tsx
index 845c50ad..62920d1b 100644
--- a/src/contexts/ReverseProxiesProvider.tsx
+++ b/src/contexts/ReverseProxiesProvider.tsx
@@ -11,6 +11,7 @@ import React, {
 } from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network, NetworkResource } from "@/interfaces/Network";
 import { Peer } from "@/interfaces/Peer";
 import {
@@ -90,6 +91,7 @@ export default function ReverseProxiesProvider({
 }: Readonly<Props>) {
   const { mutate } = useSWRConfig();
   const { confirm } = useDialog();
+  const { t } = useI18n();
 
   // Reverse Proxies
   const { data: rawReverseProxies, isLoading } = useFetchApi<ReverseProxy[]>(
@@ -206,8 +208,8 @@ export default function ReverseProxiesProvider({
       notify({
         title: targetModalProxy.domain,
         description: isEditing
-          ? "Target updated successfully"
-          : "Target added successfully",
+          ? t("reverseProxy.targetUpdated")
+          : t("reverseProxy.targetAdded"),
         promise: request
           .put(
             { ...targetModalProxy, targets: sanitizeTargets(updatedTargets) },
@@ -228,11 +230,13 @@ export default function ReverseProxiesProvider({
               }, 200);
             }
           }),
-        loadingMessage: isEditing ? "Updating target..." : "Adding target...",
+        loadingMessage: isEditing
+          ? t("reverseProxy.targetUpdating")
+          : t("reverseProxy.targetAdding"),
       });
       closeTargetModal();
     },
-    [targetModalProxy, editingTarget, request, mutate, closeTargetModal],
+    [targetModalProxy, editingTarget, request, mutate, closeTargetModal, t],
   );
 
   const handleCreateOrUpdateProxy = useCallback(
@@ -249,8 +253,8 @@ export default function ReverseProxiesProvider({
       notify({
         title: data.domain || "",
         description: isCreating
-          ? "Service was successfully created"
-          : "Service was successfully updated",
+          ? t("reverseProxy.serviceCreated")
+          : t("reverseProxy.serviceUpdated"),
         promise: promise.then((result) => {
           mutate("/reverse-proxies/services");
           onSuccess?.();
@@ -267,11 +271,11 @@ export default function ReverseProxiesProvider({
           }
         }),
         loadingMessage: isCreating
-          ? "Creating service..."
-          : "Updating service...",
+          ? t("reverseProxy.serviceCreating")
+          : t("reverseProxy.serviceUpdating"),
       });
     },
-    [request, mutate],
+    [request, mutate, t],
   );
 
   const handleToggle = useCallback(
@@ -279,7 +283,9 @@ export default function ReverseProxiesProvider({
       const newEnabled = !proxy.enabled;
       notify({
         title: proxy.domain,
-        description: `Reverse proxy ${newEnabled ? "enabled" : "disabled"}`,
+        description: newEnabled
+          ? t("reverseProxy.toggledEnabled")
+          : t("reverseProxy.toggledDisabled"),
         promise: request
           .put(
             {
@@ -292,12 +298,12 @@ export default function ReverseProxiesProvider({
           .then(() => {
             mutate("/reverse-proxies/services");
           }),
-        loadingMessage: `${
-          newEnabled ? "Enabling" : "Disabling"
-        } reverse proxy...`,
+        loadingMessage: newEnabled
+          ? t("reverseProxy.enabling")
+          : t("reverseProxy.disabling"),
       });
     },
-    [mutate, request],
+    [mutate, request, t],
   );
 
   const handleToggleTarget = useCallback(
@@ -309,7 +315,9 @@ export default function ReverseProxiesProvider({
       });
       notify({
         title: proxy.domain,
-        description: `Target ${newEnabled ? "enabled" : "disabled"}`,
+        description: newEnabled
+          ? t("reverseProxy.targetEnabled")
+          : t("reverseProxy.targetDisabled"),
         promise: request
           .put(
             { ...proxy, targets: sanitizeTargets(updatedTargets) },
@@ -318,34 +326,35 @@ export default function ReverseProxiesProvider({
           .then(() => {
             mutate("/reverse-proxies/services");
           }),
-        loadingMessage: `${newEnabled ? "Enabling" : "Disabling"} target...`,
+        loadingMessage: newEnabled
+          ? t("reverseProxy.targetEnabling")
+          : t("reverseProxy.targetDisabling"),
       });
     },
-    [mutate, request],
+    [mutate, request, t],
   );
 
   const handleDelete = useCallback(
     async (proxy: ReverseProxy) => {
       const choice = await confirm({
-        title: `Delete '${proxy.domain}'?`,
-        description:
-          "Are you sure you want to delete this reverse proxy? This action cannot be undone.",
-        confirmText: "Delete",
-        cancelText: "Cancel",
+        title: t("reverseProxy.deleteTitle", { name: proxy.domain }),
+        description: t("reverseProxy.deleteConfirmDescription"),
+        confirmText: t("actions.delete"),
+        cancelText: t("actions.cancel"),
         type: "danger",
       });
       if (!choice) return;
 
       notify({
         title: proxy.domain,
-        description: "Reverse proxy was successfully deleted",
+        description: t("reverseProxy.deleted"),
         promise: request.del({}, `/${proxy.id}`).then(() => {
           mutate("/reverse-proxies/services");
         }),
-        loadingMessage: "Deleting reverse proxy...",
+        loadingMessage: t("reverseProxy.deleting"),
       });
     },
-    [confirm, request, mutate],
+    [confirm, request, mutate, t],
   );
 
   const handleDeleteTarget = useCallback(
@@ -353,12 +362,14 @@ export default function ReverseProxiesProvider({
       const isOnlyTarget = proxy.targets.length <= 1;
 
       const choice = await confirm({
-        title: isOnlyTarget ? `Delete '${proxy.domain}'?` : `Delete target?`,
+        title: isOnlyTarget
+          ? t("reverseProxy.deleteTitle", { name: proxy.domain })
+          : t("reverseProxy.deleteTargetTitle"),
         description: isOnlyTarget
-          ? "This is the only target for this service. Deleting it will remove the entire service. This action cannot be undone."
-          : "Are you sure you want to delete this target? This action cannot be undone.",
-        confirmText: "Delete",
-        cancelText: "Cancel",
+          ? t("reverseProxy.deleteOnlyTargetDescription")
+          : t("reverseProxy.deleteTargetDescription"),
+        confirmText: t("actions.delete"),
+        cancelText: t("actions.cancel"),
         type: "danger",
       });
       if (!choice) return;
@@ -366,11 +377,11 @@ export default function ReverseProxiesProvider({
       if (isOnlyTarget) {
         notify({
           title: proxy.domain,
-          description: "Service was successfully deleted",
+          description: t("reverseProxy.serviceDeleted"),
           promise: request.del({}, `/${proxy.id}`).then(() => {
             mutate("/reverse-proxies/services");
           }),
-          loadingMessage: "Deleting service...",
+          loadingMessage: t("reverseProxy.serviceDeleting"),
         });
       } else {
         const targetIndex = proxy.targets.indexOf(target);
@@ -380,7 +391,7 @@ export default function ReverseProxiesProvider({
 
         notify({
           title: proxy.domain,
-          description: "Target was successfully deleted",
+          description: t("reverseProxy.targetDeleted"),
           promise: request
             .put(
               { ...proxy, targets: sanitizeTargets(updatedTargets) },
@@ -389,11 +400,11 @@ export default function ReverseProxiesProvider({
             .then(() => {
               mutate("/reverse-proxies/services");
             }),
-          loadingMessage: "Deleting target...",
+          loadingMessage: t("reverseProxy.targetDeleting"),
         });
       }
     },
-    [confirm, request, mutate],
+    [confirm, request, mutate, t],
   );
 
   const createDomain = useCallback(
@@ -411,14 +422,14 @@ export default function ReverseProxiesProvider({
           return d;
         });
       notify({
-        title: "Add Custom Domain",
-        description: "Domain successfully added",
+        title: t("reverseProxy.addCustomDomain"),
+        description: t("reverseProxy.domainAdded"),
         promise,
-        loadingMessage: "Adding domain...",
+        loadingMessage: t("reverseProxy.domainAdding"),
       });
       return promise;
     },
-    [domainRequest, mutate],
+    [domainRequest, mutate, t],
   );
 
   const validateDomain = useCallback(
@@ -426,41 +437,40 @@ export default function ReverseProxiesProvider({
       // Delay refetch to allow the server to propagate the validation result
       const DOMAIN_VALIDATION_REFETCH_DELAY_MS = 2000;
       notify({
-        title: "Domain Validation",
-        description: "Domain validation started",
+        title: t("reverseProxy.domainValidation"),
+        description: t("reverseProxy.domainValidationStarted"),
         promise: domainRequest.get(`/${domainId}/validate`).then(() => {
           setTimeout(() => {
             mutate("/reverse-proxies/domains");
           }, DOMAIN_VALIDATION_REFETCH_DELAY_MS);
         }),
-        loadingMessage: "Validating domain...",
+        loadingMessage: t("reverseProxy.domainValidating"),
       });
     },
-    [domainRequest, mutate],
+    [domainRequest, mutate, t],
   );
 
   const deleteDomain = useCallback(
     async (domain: ReverseProxyDomain) => {
       const choice = await confirm({
-        title: `Delete '${domain.domain}'?`,
-        description:
-          "Are you sure you want to delete this domain? This action cannot be undone.",
-        confirmText: "Delete",
-        cancelText: "Cancel",
+        title: t("reverseProxy.domainDeleteTitle", { name: domain.domain }),
+        description: t("reverseProxy.domainDeleteConfirmDescription"),
+        confirmText: t("actions.delete"),
+        cancelText: t("actions.cancel"),
         type: "danger",
       });
       if (!choice) return;
 
       notify({
         title: domain.domain,
-        description: "Domain was successfully deleted",
+        description: t("reverseProxy.domainDeleted"),
         promise: domainRequest.del({}, `/${domain.id}`).then(() => {
           mutate("/reverse-proxies/domains");
         }),
-        loadingMessage: "Deleting domain...",
+        loadingMessage: t("reverseProxy.domainDeleting"),
       });
     },
-    [confirm, domainRequest, mutate],
+    [confirm, domainRequest, mutate, t],
   );
 
   return (
diff --git a/src/hooks/useCopyToClipboard.ts b/src/hooks/useCopyToClipboard.ts
index c97fea6f..bf7efae9 100644
--- a/src/hooks/useCopyToClipboard.ts
+++ b/src/hooks/useCopyToClipboard.ts
@@ -1,11 +1,13 @@
 import { notify } from "@components/Notification";
 import { useRef, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function useCopyToClipboard(textToCopy?: string) {
+  const { t } = useI18n();
   const wrapper = useRef<HTMLDivElement>(null);
   const [copied, setCopied] = useState(false);
   const copyToClipboard = async (
-    description = "Text has been copied to your clipboard.",
+    description = t("common.textCopied"),
   ) => {
     const copy = textToCopy ? textToCopy : wrapper.current?.innerText;
     if (!copy) return;
@@ -14,7 +16,7 @@ export default function useCopyToClipboard(textToCopy?: string) {
       setCopied(true);
 
       notify({
-        title: "Copied to clipboard",
+        title: t("common.copiedToClipboard"),
         description: description,
       });
 
diff --git a/src/hooks/useUrlTab.ts b/src/hooks/useUrlTab.ts
index 12d108dc..0d228fd6 100644
--- a/src/hooks/useUrlTab.ts
+++ b/src/hooks/useUrlTab.ts
@@ -1,33 +1,37 @@
-import { useRouter, useSearchParams } from "next/navigation";
-import { useCallback, useMemo } from "react";
+import { useSearchParams } from "next/navigation";
+import { useCallback, useEffect, useState } from "react";
 
 export default function useUrlTab(
   validTabs: string[],
   defaultTab: string,
-  paramName: string = "tab",
 ): [string, (value: string) => void] {
   const searchParams = useSearchParams();
-  const router = useRouter();
 
   const getTab = useCallback(
     (params: URLSearchParams) => {
-      const tabParam = params.get(paramName);
+      const tabParam = params.get("tab");
       if (tabParam && validTabs.includes(tabParam)) return tabParam;
       return defaultTab;
     },
-    [validTabs, defaultTab, paramName],
+    [validTabs, defaultTab],
   );
 
-  const tab = useMemo(() => getTab(searchParams), [searchParams, getTab]);
+  const [tab, setTabState] = useState(() => getTab(searchParams));
+
+  useEffect(() => {
+    const newTab = getTab(searchParams);
+    setTabState(newTab);
+  }, [searchParams, getTab]);
 
   const setTab = useCallback(
     (value: string) => {
       const nextTab = validTabs.includes(value) ? value : defaultTab;
-      const params = new URLSearchParams(searchParams.toString());
-      params.set(paramName, nextTab);
-      router.replace(`?${params.toString()}`, { scroll: false });
+      setTabState(nextTab);
+      const params = new URLSearchParams(window.location.search);
+      params.set("tab", nextTab);
+      window.history.replaceState(null, "", `?${params.toString()}`);
     },
-    [searchParams, router, validTabs, defaultTab, paramName],
+    [validTabs, defaultTab],
   );
 
   return [tab, setTab];
diff --git a/src/i18n/I18nProvider.tsx b/src/i18n/I18nProvider.tsx
new file mode 100644
index 00000000..7ffbfd28
--- /dev/null
+++ b/src/i18n/I18nProvider.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import React, { createContext, useContext, useEffect, useMemo } from "react";
+import { useLocalStorage } from "@/hooks/useLocalStorage";
+import {
+  defaultLocale,
+  Locale,
+  locales,
+  MessageKey,
+  messages,
+} from "./messages";
+
+type TranslationValues = Record<string, string | number>;
+
+type I18nContextValue = {
+  locale: Locale;
+  locales: readonly Locale[];
+  setLocale: (locale: Locale) => void;
+  t: (key: MessageKey, values?: TranslationValues) => string;
+};
+
+const I18nContext = createContext<I18nContextValue | undefined>(undefined);
+
+function interpolate(template: string, values?: TranslationValues): string {
+  if (!values) return template;
+
+  return template.replace(/\{(\w+)\}/g, (_, key: string) => {
+    const value = values[key];
+    return value === undefined ? `{${key}}` : String(value);
+  });
+}
+
+export function I18nProvider({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  const [locale, setLocale] = useLocalStorage<Locale>(
+    "netbird-locale",
+    defaultLocale,
+  );
+
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    document.documentElement.lang = locale;
+    dayjs.locale(locale === "zh-CN" ? "zh-cn" : "en");
+  }, [locale]);
+
+  const value = useMemo<I18nContextValue>(() => {
+    return {
+      locale,
+      locales,
+      setLocale,
+      t: (key, values) => {
+        const localeMessages = messages[locale] as Record<string, string>;
+        const enMessages = messages.en as Record<string, string>;
+        const message = localeMessages[key] ?? enMessages[key] ?? key;
+        return interpolate(message, values);
+      },
+    };
+  }, [locale, setLocale]);
+
+  return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;
+}
+
+export function useI18n() {
+  const context = useContext(I18nContext);
+
+  if (!context) {
+    throw new Error("useI18n must be used within I18nProvider");
+  }
+
+  return context;
+}
diff --git a/src/i18n/messages.ts b/src/i18n/messages.ts
new file mode 100644
index 00000000..c12d875e
--- /dev/null
+++ b/src/i18n/messages.ts
@@ -0,0 +1,5281 @@
+export const locales = ["en", "zh-CN"] as const;
+
+export type Locale = (typeof locales)[number];
+
+export const defaultLocale: Locale = "zh-CN";
+
+export const messages = {
+  en: {
+    "common.language": "Language",
+    "common.language.en": "English",
+    "common.language.zh-CN": "Chinese",
+    "common.selected": "Selected",
+    "common.beta": "Beta",
+    "common.on": "On",
+    "common.off": "Off",
+    "common.yes": "Yes",
+    "common.no": "No",
+    "common.cancel": "Cancel",
+    "common.later": "Later",
+    "common.group": "Group",
+    "common.unknown": "Unknown",
+    "common.username": "Username",
+    "common.password": "Password",
+    "common.value": "Value",
+    "common.savingChanges": "Saving Changes",
+    "common.thisPage": "this page",
+    "common.learnMore": "Learn more",
+    "common.installNetBird": "Install Cloink",
+    "common.copiedToClipboard": "Copied to clipboard",
+    "common.close": "Close",
+    "common.delete": "Delete",
+    "common.disabled": "Disabled",
+    "common.none": "None",
+    "common.moreCount": "+ {count} more",
+    "common.remove": "Remove",
+    "common.learnMorePrefix": "Learn more about",
+    "common.inDocumentationSuffix": "in our documentation.",
+    "actions.save": "Save",
+    "actions.saveChanges": "Save Changes",
+    "actions.confirmChanges": "Confirm Changes",
+    "actions.rename": "Rename",
+    "actions.add": "Add",
+    "actions.remove": "Remove",
+    "actions.goBack": "Go Back",
+    "nav.controlCenter": "Control Center",
+    "nav.peers": "Peers",
+    "nav.setupKeys": "Setup Keys",
+    "nav.accessControl": "Access Control",
+    "nav.policies": "Policies",
+    "nav.groups": "Groups",
+    "nav.postureChecks": "Posture Checks",
+    "nav.reverseProxy": "Reverse Proxy",
+    "nav.services": "Services",
+    "nav.customDomains": "Custom Domains",
+    "nav.dns": "DNS",
+    "nav.nameservers": "Nameservers",
+    "nav.zones": "Zones",
+    "nav.dnsSettings": "DNS Settings",
+    "nav.team": "Team",
+    "nav.users": "Users",
+    "nav.serviceUsers": "Service Users",
+    "nav.activity": "Activity",
+    "nav.auditEvents": "Audit Events",
+    "nav.proxyEvents": "Proxy Events",
+    "nav.settings": "Settings",
+    "nav.documentation": "Documentation",
+    "help.title": "Help and Support",
+    "help.documentation": "Documentation",
+    "help.troubleshooting": "Troubleshooting",
+    "help.forum": "Cloink Forum",
+    "help.slack": "Cloink Slack",
+    "help.feedback": "Feedback",
+    "errorPage.blockedTitle": "User Account Blocked",
+    "errorPage.pendingTitle": "User Approval Pending",
+    "errorPage.defaultTitle": "Access Error",
+    "errorPage.blockedDescription":
+      "Your access has been blocked by the Cloink account administrator, possibly due to new user approval requirements or security policies. Please contact your administrator to regain access.",
+    "errorPage.pendingDescription":
+      "Your account is pending approval from an administrator. Please wait for approval before accessing the dashboard.",
+    "errorPage.defaultDescription":
+      "An error occurred while trying to access the dashboard. Please try again or contact your administrator.",
+    "errorPage.responseMessage": "response_message",
+    "errorPage.contactAdmin":
+      "If you believe this is an error, please contact your administrator.",
+    "errorPage.tryAgain": "Try Again",
+    "errorPage.signOut": "Sign Out",
+    "controlCenter.allNetworks": "All Networks",
+    "controlCenter.searchPeersOfUser": "Search peers of user...",
+    "controlCenter.emptyNetworkTitle": "Create New Network",
+    "controlCenter.emptyNetworkDescription":
+      "It looks like you don't have any networks. Access internal resources in your LANs and VPC by adding a network.",
+    "controlCenter.goToNetworks": "Go to Networks",
+    "user.profileSettings": "Profile Settings",
+    "user.changePassword": "Change Password",
+    "user.logout": "Log out",
+    "restricted.titlePrefix": "You don't have access to",
+    "restricted.description":
+      "Seems like you don't have access to this page. Only users with proper permissions can visit this page. Please contact your network administrator for further information.",
+    "peers.title": "Peers",
+    "peers.description":
+      "A list of all machines and devices connected to your private network. Use this view to manage peers.",
+    "peers.learnMorePrefix": "Learn more about",
+    "peers.learnMoreLink": "Peers",
+    "peers.learnMoreSuffix": "in our documentation.",
+    "peers.blockedTitle": "Add new device to your network",
+    "peers.blockedDescription":
+      "To get started, install Cloink and log in using your email account. After that you should be connected. If you have further questions check out our",
+    "peers.addPeer": "Add Peer",
+    "peers.installationGuide": "Installation Guide",
+    "setupKeys.title": "Setup Keys",
+    "setupKeys.description":
+      "Setup keys are pre-authentication keys that allow to register new machines in your network.",
+    "groups.title": "Groups",
+    "groups.description":
+      "Here is the overview of the groups of your organization. You can delete the unused ones.",
+    "groups.saved": "{name} was successfully saved.",
+    "groups.updating": "Updating group...",
+    "groups.createTitle": "Create Group",
+    "groups.createDescription":
+      "Create a group to manage and organize access in your network",
+    "groups.createdDescription": "Group '{name}' successfully created",
+    "groups.assignedGroups": "Assigned Groups",
+    "groups.useGroupsToControlAccess": "Use groups to control what this peer can access",
+    "groups.searchPlaceholder": "Search groups...",
+    "groups.count.peers": "Peer(s)",
+    "groups.count.resources": "Resource(s)",
+    "groups.creating": "Creating group...",
+    "groups.nameHelp": "Set an easily identifiable name for your group",
+    "groups.namePlaceholder": "e.g., Developers",
+    "team.title": "Team",
+    "users.title": "Users",
+    "users.description":
+      "Manage users and their permissions. Same-domain email users are added automatically on first sign-in.",
+    "serviceUsers.title": "Service Users",
+    "serviceUsers.description":
+      "Use service users to create API tokens and avoid losing automated access.",
+    "settings.title": "Settings",
+    "settings.authentication": "Authentication",
+    "settings.identityProviders": "Identity Providers",
+    "settings.groups": "Groups",
+    "settings.permissions": "Permissions",
+    "settings.networks": "Networks",
+    "settings.clients": "Clients",
+    "settings.dangerZone": "Danger zone",
+    "accessControl.title": "Access Control",
+    "accessControl.policiesTitle": "Access Control Policies",
+    "accessControl.description":
+      "Create rules to manage access in your network and define what peers can connect.",
+    "accessControl.learnMoreLink": "Access Controls",
+    "dns.title": "DNS",
+    "nameservers.title": "Nameservers",
+    "nameservers.description":
+      "Add nameservers for domain name resolution in your Cloink network.",
+    "nameservers.tableTitle": "Nameservers",
+    "nameserverTemplate.google": "Google DNS",
+    "nameserverTemplate.googleDesc":
+      "A free, global DNS resolution service by Google that implements a number of security, performance, and compliance improvements.",
+    "nameserverTemplate.cloudflare": "Cloudflare DNS",
+    "nameserverTemplate.cloudflareDesc":
+      "Enterprise-grade DNS service that offers the fastest response time, unparalleled redundancy, and advanced security with built-in DDoS mitigation and DNSSEC.",
+    "nameserverTemplate.quad9": "Quad9 DNS",
+    "nameserverTemplate.quad9Desc":
+      "The Quad9 DNS service is operated by the Swiss-based Quad9 Foundation, whose mission is to provide a safer and more robust Internet for everyone.",
+    "nameserverTemplate.custom": "Custom DNS",
+    "nameserverTemplate.customDesc":
+      "Use custom nameservers to resolve domains in your network. You can either use a public DNS or your own nameservers.",
+    "nameserverTemplate.learnMore": "Learn more",
+    "nameservers.searchPlaceholder":
+      "Search by name, domains or nameservers...",
+    "nameservers.emptyGroupTitle":
+      "This group is not used within any nameservers yet",
+    "nameservers.emptyGroupDescription":
+      "Assign this group as a distribution group in your nameservers to see them listed here.",
+    "nameservers.emptyTitle": "Create Nameserver",
+    "nameservers.emptyDescription":
+      "It looks like you don't have any nameservers. Get started by adding one to your network. Select a predefined or add your custom nameservers.",
+    "nameservers.add": "Add Nameserver",
+    "nameservers.updateModalTitle": "Update Nameserver",
+    "nameservers.modalDescription":
+      "Use a nameserver to resolve domains in your network",
+    "nameservers.tabNameserver": "Nameserver",
+    "nameservers.tabDomains": "Domains",
+    "nameservers.tabGeneral": "Name & Description",
+    "nameservers.distributionGroupsHelp":
+      "Advertise this nameserver to peers that belong to the following groups",
+    "nameservers.enableLabel": "Enable Nameserver",
+    "nameservers.enableHelp":
+      "Use this switch to enable or disable the nameserver.",
+    "nameservers.addDomain": "Add Domain",
+    "nameservers.matchDomainsHelp":
+      "Add domain if you want to have a specific one resolved by this nameserver.",
+    "nameservers.searchDomainsLabel":
+      "Mark match domains as search domains",
+    "nameservers.searchDomainsHelp":
+      "E.g., 'peer.example.com' will be accessible with 'peer'",
+    "nameservers.dnsName": "DNS Name",
+    "nameservers.dnsNameHelp": "Enter a name for this nameserver.",
+    "nameservers.namePlaceholder": "e.g., Public DNS",
+    "nameservers.descriptionLabel": "Description (optional)",
+    "nameservers.descriptionHelp":
+      "Write a short description to add more context to this nameserver.",
+    "nameservers.descriptionPlaceholder":
+      "e.g., Berlin office resolver for remote developers",
+    "nameservers.nameLengthError": "Name should be less than 40 characters",
+    "nameservers.validIpError":
+      "Please enter a valid IP, e.g., 192.168.1.0",
+    "nameservers.ipPlaceholder": "e.g., 172.16.0.0",
+    "nameservers.updateSuccessDescription":
+      "Nameserver was updated successfully.",
+    "nameservers.updating": "Updating your nameserver...",
+    "nameservers.createSuccessDescription":
+      "Nameserver was created successfully.",
+    "nameservers.creating": "Creating your nameserver...",
+    "nameservers.enabled": "Enabled",
+    "nameservers.matchDomains": "Match Domains",
+    "nameservers.nameservers": "Nameservers",
+    "nameservers.distributionGroups": "Distribution Groups",
+    "nameservers.deleteSuccessTitle": "Nameserver {name}",
+    "nameservers.deleteSuccessDescription":
+      "The nameserver was successfully removed.",
+    "nameservers.deleting": "Deleting the nameserver...",
+    "nameservers.deleteConfirmTitle": "Delete '{name}'?",
+    "nameservers.deleteConfirmDescription":
+      "Are you sure you want to delete this nameserver? This action cannot be undone.",
+    "zones.title": "Zones",
+    "zones.pageTitle": "DNS Zones",
+    "zones.description":
+      "Manage DNS zones to control domain name resolution for your network.",
+    "zones.learnMoreLink": "DNS Zones",
+    "zones.tableTitle": "DNS Zones",
+    "zones.searchPlaceholder": "Search by domain, ip, content or group...",
+    "zones.emptyGroupTitle": "This group is not used within any zones yet",
+    "zones.emptyGroupDescription":
+      "Assign this group as a distribution group in your zones to see them listed here.",
+    "zones.emptyTitle": "Create New Zone",
+    "zones.emptyDescription":
+      "It looks like you don't have any zones. Control domain name resolution for your network by adding a zone.",
+    "zones.add": "Add Zone",
+    "zones.zone": "Zone",
+    "zones.records": "Records",
+    "zones.distributionGroups": "Distribution Groups",
+    "zones.searchDomain": "Search Domain",
+    "zones.modalUpdateTitle": "Update DNS Zone",
+    "zones.modalAddTitle": "Add DNS Zone",
+    "zones.modalDescription":
+      "Use a zone to control domain name resolution for your network.",
+    "zones.domain": "Domain",
+    "zones.domainHelp":
+      "Enter a domain for this zone (e.g., company.internal, intra.example.com)",
+    "zones.domainPlaceholder": "e.g., company.internal",
+    "zones.domainError":
+      "Please enter a valid domain, e.g. internal, company.internal or intra.example.com",
+    "zones.distributionGroupsHelp":
+      "Advertise this zone and its records to peers that belong to the following groups",
+    "zones.distributionGroupsDescription": "Advertise this zone to peers that belong to the following groups",
+    "zones.enableSearchDomains": "Enable Search Domains",
+    "zones.enableSearchDomainsHelp":
+      "E.g., 'server.company.internal' will be accessible with 'server'",
+    "zones.enableLabel": "Enable DNS Zone",
+    "zones.enableHelp": "Use this switch to enable or disable the dns zone.",
+    "zones.notifyTitle": "DNS Zone '{domain}'",
+    "zones.createdDescription": "DNS Zone was added successfully.",
+    "zones.creating": "Adding DNS Zone...",
+    "zones.updatedDescription": "DNS Zone was updated successfully.",
+    "zones.updating": "Updating DNS Zone...",
+    "zones.deletedDescription": "DNS Zone was deleted successfully.",
+    "zones.deleting": "Deleting DNS Zone...",
+    "zones.deleteConfirmTitle": "Delete zone '{domain}'?",
+    "zones.deleteConfirmDescription":
+      "Are you sure you want to delete this zone? This action cannot be undone.",
+    "zones.recordNotifyTitle": "{type} Record '{name}'",
+    "zones.recordCreatedDescription": "DNS Record was added successfully.",
+    "zones.recordCreating": "Adding DNS Record...",
+    "zones.recordUpdatedDescription": "DNS Record was updated successfully.",
+    "zones.recordUpdating": "Updating DNS Record...",
+    "zones.recordDeletedDescription": "DNS Record was deleted successfully.",
+    "zones.recordDeleting": "Deleting DNS Record...",
+    "zones.recordDeleteConfirmTitle": "Delete record '{name}'?",
+    "zones.recordDeleteConfirmDescription":
+      "Are you sure you want to delete this record? This action cannot be undone.",
+    "zones.askRecordTitle": "Add new record to '{name}'?",
+    "zones.askRecordDescription":
+      "Add either an A, AAAA or a CNAME record to control domain name resolution for your network.",
+    "zones.addRecord": "Add Record",
+    "zones.later": "Later",
+    "zones.recordModalUpdateTitle": "Update DNS Record",
+    "zones.recordModalAddTitle": "Add DNS Record",
+    "zones.recordModalUpdateDescription": "Update record of '{zone}' zone",
+    "zones.recordModalAddDescription": "Add new record to the '{zone}' zone",
+    "zones.recordType": "Record Type",
+    "zones.recordTypeHelp": "Select the type of record you want to add",
+    "zones.selectType": "Select type...",
+    "zones.hostname": "Hostname",
+    "zones.hostnameHelp":
+      "Enter a subdomain, wildcard or leave empty to use the primary domain.",
+    "zones.hostnamePlaceholder":
+      "E.g., dev, * or leave empty for primary domain",
+    "zones.recordDomainError":
+      "Please enter a valid domain, e.g. example.com or intra.example.com",
+    "zones.ipv4Address": "IPv4 Address",
+    "zones.ipv4Placeholder": "192.168.1.1",
+    "zones.ipv4Error": "Please enter a valid IPv4 address, e.g. 192.168.1.1",
+    "zones.ipv6Address": "IPv6 Address",
+    "zones.ipv6Placeholder": "2001:0db8:85a3::8a2e:0370:7334",
+    "zones.ipv6Error":
+      "Please enter a valid IPv6 address, e.g. 2001:0db8:85a3::8a2e:0370:7334",
+    "zones.targetDomain": "Target Domain",
+    "zones.targetDomainPlaceholder": "e.g., example.com or intra.example.com",
+    "zones.cnameError":
+      "Please enter a valid domain, e.g. example.com or server.example.com",
+    "zones.ttl": "TTL (Time to Live)",
+    "zones.selectTtl": "Select TTL...",
+    "zones.recordsLearnMore": "DNS Records",
+    "zones.time.sec": "{count} Sec.",
+    "zones.time.min.one": "1 Min.",
+    "zones.time.min.other": "{count} Min.",
+    "zones.time.hour.one": "1 Hour",
+    "zones.time.hour.other": "{count} Hours",
+    "zones.time.day.one": "1 Day",
+    "zones.time.day.other": "{count} Days",
+    "reverseProxy.title": "Reverse Proxy",
+    "reverseProxy.servicesTitle": "Services",
+    "reverseProxy.servicesDescription":
+      "Expose services securely through Cloink's reverse proxy.",
+    "reverseProxy.tableTitle": "Reverse Proxy",
+    "reverseProxy.searchPlaceholder": "Search by URL, domain, or target...",
+    "reverseProxy.emptyTitle": "Create Services",
+    "reverseProxy.emptyDescription":
+      "Expose your internal services securely through Cloink's reverse proxy with automatic TLS and optional authentication to protect your services.",
+    "reverseProxy.addService": "Add Service",
+    "reverseProxy.domain": "Domain",
+    "reverseProxy.type": "Type",
+    "reverseProxy.cluster": "Cluster",
+    "reverseProxy.targets": "Target(s)",
+    "reverseProxy.authMethods": "Auth Methods",
+    "reverseProxy.accessControl": "Access Control",
+    "reverseProxy.inactive": "Inactive",
+    "reverseProxy.modalNoProtectionTitle": "No Protection Configured",
+    "reverseProxy.modalNoProtectionDescription":
+      "This service has no authentication or access control rules configured. It will be publicly accessible to everyone on the internet. Are you sure you want to continue?",
+    "reverseProxy.modalEditPrefix": "Edit",
+    "reverseProxy.modalAddPrefix": "Add",
+    "reverseProxy.modalDefaultLabel": "Service",
+    "reverseProxy.serviceType": "Service Type",
+    "reverseProxy.serviceTypeHelp":
+      "Select a type to define how the proxy handles and forwards traffic to your backend services.",
+    "reverseProxy.selectServiceType": "Select type...",
+    "reverseProxy.serviceModeHttp": "HTTP/S Service",
+    "reverseProxy.serviceModeHttpDescription":
+      "Reverse proxy with path routing and built-in authentication (SSO, PIN, password). Typically used for web applications and APIs.",
+    "reverseProxy.serviceModeTls": "TLS Passthrough",
+    "reverseProxy.serviceModeTlsDescription":
+      "Passes encrypted TLS traffic straight through to the backend. Typically used for services that manage their own TLS certificates.",
+    "reverseProxy.serviceModeTcp": "TCP Service",
+    "reverseProxy.serviceModeTcpDescription":
+      "Forwards raw TCP traffic to your backend on a dedicated port. Typically used for databases, custom protocols, or any TCP-based service.",
+    "reverseProxy.serviceModeUdp": "UDP Service",
+    "reverseProxy.serviceModeUdpDescription":
+      "Forwards raw UDP traffic to your backend on a dedicated port. Typically used for real-time services like voice, video, or streaming.",
+    "reverseProxy.modalL4Description":
+      "Forward traffic directly to your backend service.",
+    "reverseProxy.modalHttpDescription":
+      "Expose services securely through Cloink's reverse proxy.",
+    "reverseProxy.tabService": "Service",
+    "reverseProxy.tabAuthentication": "Authentication",
+    "reverseProxy.tabAccessControl": "Access Control",
+    "reverseProxy.tabAdvancedSettings": "Advanced Settings",
+    "reverseProxy.authSso": "SSO (Single Sign-On)",
+    "reverseProxy.authSsoDescription":
+      "Require users to authenticate via SSO to access this service.",
+    "reverseProxy.authPassword": "Password",
+    "reverseProxy.authPasswordDescription":
+      "Require a password to access this service.",
+    "reverseProxy.authPin": "PIN Code",
+    "reverseProxy.authPinDescription":
+      "Require a numeric PIN code to access this service.",
+    "reverseProxy.authHeaders": "HTTP Headers",
+    "reverseProxy.authHeadersDescription":
+      "Require specific HTTP headers to access this service.",
+    "reverseProxy.preserveClientIp": "Preserve Client Source IP",
+    "reverseProxy.preserveClientIpHelp":
+      "Preserve client source IP addresses when forwarding traffic to the backend using PROXY Protocol v2.",
+    "reverseProxy.sessionIdleTimeout": "Session Idle Timeout",
+    "reverseProxy.connectionTimeout": "Connection Timeout",
+    "reverseProxy.sessionIdleTimeoutHelp":
+      "Close the UDP session after this period of inactivity. Leave this field empty for no timeout.",
+    "reverseProxy.connectionTimeoutHelp":
+      "Timeout for establishing backend connections. Leave this field empty for no timeout.",
+    "reverseProxy.timeoutPlaceholder": "e.g. 10s, 30s, 1m",
+    "reverseProxy.passHostHeader": "Pass Host Header",
+    "reverseProxy.passHostHeaderHelp":
+      "Forward the original Host header to the backend instead of rewriting it to the target address.",
+    "reverseProxy.rewriteRedirects": "Rewrite Redirects",
+    "reverseProxy.rewriteRedirectsHelp":
+      "Rewrite Location headers in backend responses to use the public domain instead of the internal backend address.",
+    "reverseProxy.statusGenericError":
+      "Something went wrong while setting up this service. See our",
+    "reverseProxy.statusTunnelError":
+      "The tunnel to the target peer could not be established. See our",
+    "reverseProxy.statusTroubleshootingSuffix": "for more details.",
+    "reverseProxy.statusTroubleshootingLink": "Troubleshooting Docs",
+    "reverseProxy.statusError": "Error",
+    "reverseProxy.statusTunnelNotCreated": "Tunnel not created",
+    "reverseProxy.statusIssuingCertificate": "Issuing certificate...",
+    "reverseProxy.statusSettingUpService": "Setting up service...",
+    "reverseProxy.httpTargets": "HTTP/S Targets",
+    "reverseProxy.httpTargetsHelp":
+      "Add one or more devices running your service or resources to make it publicly accessible.",
+    "reverseProxy.editTarget": "Edit Target",
+    "reverseProxy.removeTarget": "Remove Target",
+    "reverseProxy.addTarget": "Add Target",
+    "reverseProxy.accessControlRules": "Access Control Rules",
+    "reverseProxy.accessControlRulesDescription":
+      "Define rules to allow or block traffic based on country, IP address, or CIDR block.",
+    "reverseProxy.blockRulesPriority":
+      "Block rules always take priority over allow rules.",
+    "reverseProxy.allowOnly": "Allow Only",
+    "reverseProxy.blockOnly": "Block Only",
+    "reverseProxy.country": "Country",
+    "reverseProxy.ipAddress": "IP Address",
+    "reverseProxy.cidrBlock": "CIDR Block",
+    "reverseProxy.ipAddressPlaceholder": "e.g., 85.203.15.42",
+    "reverseProxy.cidrBlockPlaceholder": "e.g., 74.125.0.0/16",
+    "reverseProxy.validIpAddress":
+      "Please enter a valid IP address, e.g., 85.203.15.42",
+    "reverseProxy.validCidrBlock":
+      "Please enter a valid CIDR block, e.g., 74.125.0.0/16",
+    "reverseProxy.removeRule": "Remove rule",
+    "reverseProxy.addRule": "Add Rule",
+    "reverseProxy.searchTargetsPlaceholder":
+      "Search by URL, destination, or target...",
+    "reverseProxy.noResourcesPrefix":
+      "There are currently no resources in your network",
+    "reverseProxy.noResourcesSuffix":
+      ". Add resources to your network before exposing it as a service.",
+    "reverseProxy.goToResources": "Go to Resources",
+    "reverseProxy.targetUpdated": "Target updated successfully",
+    "reverseProxy.targetAdded": "Target added successfully",
+    "reverseProxy.targetUpdating": "Updating target...",
+    "reverseProxy.targetAdding": "Adding target...",
+    "reverseProxy.serviceCreated": "Service was successfully created",
+    "reverseProxy.serviceUpdated": "Service was successfully updated",
+    "reverseProxy.serviceCreating": "Creating service...",
+    "reverseProxy.serviceUpdating": "Updating service...",
+    "reverseProxy.toggledEnabled": "Reverse proxy enabled",
+    "reverseProxy.toggledDisabled": "Reverse proxy disabled",
+    "reverseProxy.enabling": "Enabling reverse proxy...",
+    "reverseProxy.disabling": "Disabling reverse proxy...",
+    "reverseProxy.targetEnabled": "Target enabled",
+    "reverseProxy.targetDisabled": "Target disabled",
+    "reverseProxy.targetEnabling": "Enabling target...",
+    "reverseProxy.targetDisabling": "Disabling target...",
+    "reverseProxy.deleteConfirmDescription":
+      "Are you sure you want to delete this reverse proxy? This action cannot be undone.",
+    "reverseProxy.deleteTitle": "Delete '{name}'?",
+    "reverseProxy.deleted": "Reverse proxy was successfully deleted",
+    "reverseProxy.deleting": "Deleting reverse proxy...",
+    "reverseProxy.deleteTargetTitle": "Delete target?",
+    "reverseProxy.deleteOnlyTargetDescription":
+      "This is the only target for this service. Deleting it will remove the entire service. This action cannot be undone.",
+    "reverseProxy.deleteTargetDescription":
+      "Are you sure you want to delete this target? This action cannot be undone.",
+    "reverseProxy.serviceDeleted": "Service was successfully deleted",
+    "reverseProxy.serviceDeleting": "Deleting service...",
+    "reverseProxy.targetDeleted": "Target was successfully deleted",
+    "reverseProxy.targetDeleting": "Deleting target...",
+    "reverseProxy.addCustomDomain": "Add Custom Domain",
+    "reverseProxy.domainAdded": "Domain successfully added",
+    "reverseProxy.domainAdding": "Adding domain...",
+    "reverseProxy.domainValidation": "Domain Validation",
+    "reverseProxy.domainValidationStarted": "Domain validation started",
+    "reverseProxy.domainValidating": "Validating domain...",
+    "reverseProxy.domainDeleteConfirmDescription":
+      "Are you sure you want to delete this domain? This action cannot be undone.",
+    "reverseProxy.domainDeleteTitle": "Delete '{name}'?",
+    "reverseProxy.domainDeleted": "Domain was successfully deleted",
+    "reverseProxy.domainDeleting": "Deleting domain...",
+    "reverseProxy.selectDomain": "Select domain...",
+    "reverseProxy.domainInputRequiredHelp":
+      "Enter a subdomain and select a domain for your service.",
+    "reverseProxy.domainInputOptionalHelp":
+      "Optionally enter a subdomain, or use the domain directly.",
+    "reverseProxy.domainAlreadyUsed":
+      "This domain is already used by another service.",
+    "reverseProxy.subdomainPlaceholder": "myapp",
+    "reverseProxy.subdomainOptionalPlaceholder": "myapp (optional)",
+    "reverseProxy.clusterOfflineHostedPrefix":
+      "Cluster {clusterName} is offline. Please try again in a few minutes. If the issue persists, check",
+    "reverseProxy.netbirdStatus": "Cloink Status",
+    "reverseProxy.clusterOfflineHostedMiddle": "or reach out to",
+    "reverseProxy.clusterOfflineSelfHosted":
+      "Cluster {clusterName} is offline. Make sure the proxy server is running and connected to the right management address.",
+    "reverseProxy.searchDomains": "Search domains...",
+    "reverseProxy.freeBadge": "Free",
+    "reverseProxy.clusterBadge": "Cluster",
+    "reverseProxy.customBadge": "Custom",
+    "reverseProxy.customDomainsTitle": "Domains",
+    "reverseProxy.customDomainsSearch": "Search by domain...",
+    "reverseProxy.customDomainsEmptyTitle": "Add Custom Domains",
+    "reverseProxy.customDomainsEmptyDescription":
+      "Use your own domains with Cloink's reverse proxy. To get started, add a CNAME record that points to a cluster and verify domain ownership.",
+    "reverseProxy.addDomain": "Add Domain",
+    "reverseProxy.customDomainsLearnMore": "Custom Domains",
+    "reverseProxy.pending": "Pending",
+    "reverseProxy.pendingVerification": "Pending Verification",
+    "reverseProxy.verifyDomain": "Verify Domain",
+    "reverseProxy.pendingVerificationHelp":
+      "DNS changes may take some time to propagate. If Cloink does not find the record immediately, please wait up to 24 hours and try again.",
+    "reverseProxy.customDomainSelectorAdd": "Add Custom Domain",
+    "reverseProxy.customDomainModalTitle": "Add Custom Domain",
+    "reverseProxy.customDomainModalDescription":
+      "You will need to verify the domain with DNS records",
+    "reverseProxy.customDomainNoClusterHosted":
+      "No proxy clusters are currently connected. Please try again in a few minutes. If the issue persists, check",
+    "reverseProxy.customDomainNoClusterHostedSuffix": "or reach out to",
+    "reverseProxy.customDomainNoClusterSelfHosted":
+      "No proxy clusters are currently connected. Please ensure at least one proxy is running before adding a domain.",
+    "reverseProxy.proxyClusters": "Proxy Clusters",
+    "reverseProxy.domainLabel": "Domain",
+    "reverseProxy.domainPlaceholder": "e.g., company.com",
+    "reverseProxy.customDomainError":
+      "Please enter a valid TLD domain, e.g., company.com",
+    "reverseProxy.targetProxyCluster": "Target Proxy Cluster",
+    "reverseProxy.targetProxyClusterHelp":
+      "Select the cluster your CNAME record should point to",
+    "reverseProxy.selectProxyCluster": "Select a proxy cluster...",
+    "reverseProxy.targetsLearnMore": "Targets",
+    "reverseProxy.targetModalEditTitle": "Edit Target",
+    "reverseProxy.targetModalAddTitle": "Add Target",
+    "reverseProxy.targetModalDescription":
+      "Configure the target for your reverse proxy.",
+    "reverseProxy.locationOptional": "Location (Optional)",
+    "reverseProxy.locationHelp":
+      "Specify an optional path from where requests are routed to your service.",
+    "reverseProxy.targetLocationDuplicate":
+      "This location is already used by another target and cannot be added.",
+    "reverseProxy.targetLocationDuplicateHelp":
+      "Please use a different location.",
+    "reverseProxy.preserveFullPath": "Preserve Full Path",
+    "reverseProxy.preserveFullPathHelp":
+      "Keep the original full request path when forwarding. When disabled the matched prefix path is stripped.",
+    "reverseProxy.protocolHost": "Protocol & Host / IP",
+    "reverseProxy.port": "Port",
+    "reverseProxy.portHelp":
+      "Enter the port where your service (e.g., webserver, app, API) is currently listening. If left empty, defaults to port 80 for HTTP or 443 for HTTPS.",
+    "reverseProxy.skipTlsVerification": "Skip TLS Verification",
+    "reverseProxy.skipTlsVerificationHelp":
+      "Skip certificate verification when connecting to this target. Useful if your service already uses a self-signed certificate.",
+    "reverseProxy.optionalSettings": "Optional Settings",
+    "reverseProxy.requestTimeout": "Request Timeout",
+    "reverseProxy.requestTimeoutHelp":
+      "Max time to wait for a response as duration string (e.g. 30s, 2m). Leave this field empty for no timeout.",
+    "reverseProxy.sessionIdleTimeoutShortHelp":
+      "How long a UDP session stays alive without traffic (e.g., 30s, 2m). Defaults to 30s when empty.",
+    "reverseProxy.timeoutPlaceholderShort": "e.g. 30s, 2m, 5m",
+    "reverseProxy.targetDomainFallback": "domain.example.com",
+    "reverseProxy.preservePathDisabledPrefix":
+      "When disabled, a request to e.g.,",
+    "reverseProxy.preservePathDisabledMiddle": "is forwarded as",
+    "reverseProxy.preservePathEnabledPrefix":
+      "When enabled, a request to e.g.,",
+    "reverseProxy.preservePathEnabledMiddle": "is forwarded as",
+    "reverseProxy.installNetBird": "Install Cloink",
+    "reverseProxy.networks": "Networks",
+    "reverseProxy.headerInvalidName":
+      "Invalid characters in header name. Please use another one.",
+    "reverseProxy.headerReserved": "\"{name}\" is a reserved header. Please use another one.",
+    "reverseProxy.headerDuplicate":
+      "Duplicate header name. Please use another one.",
+    "reverseProxy.headerLineBreaks":
+      "Value must not contain line breaks",
+    "reverseProxy.verifyDomainTitle": "Verify Domain",
+    "reverseProxy.verifyDomainDescription": "{domain}",
+    "reverseProxy.verifyStepLogin":
+      "Sign in to your domain name provider (e.g. cloudflare.com or godaddy.com)",
+    "reverseProxy.verifyStepAdd":
+      "Add the CNAME record below to your DNS configuration for {domain}",
+    "reverseProxy.cnameRecord": "CNAME Record",
+    "reverseProxy.cnameContent": "CNAME Content",
+    "reverseProxy.availableClusters": "Available proxy clusters:",
+    "reverseProxy.availableClustersHelp":
+      "Choose the cluster closest to your users for best performance.",
+    "reverseProxy.domainVerification": "Domain Verification",
+    "reverseProxy.verifyLater": "Verify Later",
+    "reverseProxy.startVerification": "Start Verification",
+    "reverseProxy.targetSelectResource": "Select Resource",
+    "reverseProxy.targetSelectPeerOrResource": "Select",
+    "reverseProxy.targetPeerLabel": "Peer",
+    "reverseProxy.targetResourceLabel": "Resource",
+    "reverseProxy.targetPeerHelp":
+      "A peer is a machine (e.g., laptop, server, container) running Cloink. Select a peer if your service runs directly on it.",
+    "reverseProxy.targetPeerInstall":
+      "If you don't have a peer yet, you can",
+    "reverseProxy.targetPeerOrResourceConnector": "or",
+    "reverseProxy.targetResourceHelp":
+      "A resource is a destination (IP, subnet, or domain) that can't run Cloink directly. Resources are part of a network and are reached through a routing peer that forwards traffic to them.",
+    "reverseProxy.targetResourceCreate":
+      "If you don't have resources yet, go to",
+    "reverseProxy.targetCreateSome": "to create some.",
+    "reverseProxy.targetSelectResourceHelp":
+      "Select the resource from your network you want to expose.",
+    "reverseProxy.targetSelectPeerOrResourceHelp":
+      "Select the peer or resource where your service is running.",
+    "reverseProxy.targetSelectResourcePlaceholder": "Select a resource...",
+    "reverseProxy.targetSelectPeerOrResourcePlaceholder":
+      "Select a peer or resource...",
+    "reverseProxy.customHeaders": "Custom Headers",
+    "reverseProxy.customHeadersHelp":
+      "Add additional headers to include when forwarding requests. Hop-by-hop headers like Host or Connection are not allowed.",
+    "reverseProxy.headerNameEntry": "Header name for entry {id}",
+    "reverseProxy.headerValueEntry": "Header value for entry {id}",
+    "reverseProxy.headerNamePlaceholder":
+      "Header, e.g., Authorization",
+    "reverseProxy.headerValuePlaceholder":
+      "Value, e.g., Bearer eyJhbGci...",
+    "reverseProxy.removeHeader": "Remove header",
+    "reverseProxy.addHeader": "Add Header",
+    "reverseProxy.authPasswordTitle": "Password",
+    "reverseProxy.authPasswordPlaceholder": "Enter password...",
+    "reverseProxy.remove": "Remove",
+    "reverseProxy.addPassword": "Add Password",
+    "reverseProxy.listenPort": "Listen Port",
+    "reverseProxy.listenPortHelp":
+      "Enter the public listen port this service will be reachable on.",
+    "reverseProxy.listenPortAutoHelp":
+      "The listen port will be automatically assigned after the service is created.",
+    "reverseProxy.listenPortAutoPlaceholder": "Auto",
+    "reverseProxy.publicListenPort": "Public listen port",
+    "reverseProxy.hostIp": "Host / IP",
+    "reverseProxy.destinationPort": "Destination port",
+    "reverseProxy.destinationPortHelp":
+      "Enter the port where your service (e.g., webserver, app, API) is currently listening.",
+    "reverseProxy.enterIpWithinRange": "Enter an IP address within {range}",
+    "reverseProxy.addressPlaceholder": "e.g., 192.168.0.10",
+    "reverseProxy.authPinTitle": "PIN Code",
+    "reverseProxy.addPin": "Add PIN",
+    "reverseProxy.authSsoTitle": "SSO (Single Sign-On)",
+    "reverseProxy.allUsers": "All Users",
+    "reverseProxy.selectUserGroups": "Select user groups...",
+    "reverseProxy.addSso": "Add SSO",
+    "reverseProxy.betaHosted":
+      "Cloink's Reverse Proxy is currently in beta and available at no cost during this period. Features, functionality, and pricing are subject to change upon release.",
+    "reverseProxy.betaSelfHosted":
+      "Cloink's Reverse Proxy is currently in beta. Features and functionality are subject to change upon release.",
+    "networks.title": "Networks",
+    "networks.description":
+      "Networks allow you to access internal resources in LANs and VPCs without installing Cloink on every machine.",
+    "networks.policyLabel": "policy",
+    "networks.defaultPolicyName": "{name} Policy",
+    "networks.multiPolicyTitle": "This policy is used by multiple resources",
+    "networks.multiPolicyDescription":
+      "This policy uses one or many resource group(s) as destinations. {action} this policy will also affect following resources:",
+    "networks.updating": "Updating",
+    "networks.editPolicy": "Edit Policy",
+    "networks.deletePolicy": "Delete Policy",
+    "networks.deleteTitle": "Delete network '{name}'?",
+    "networks.deleteDescription":
+      "Are you sure you want to delete this network? Every resource and routing peers will be removed from this network. This action cannot be undone.",
+    "networks.deleted": "Network deleted successfully.",
+    "networks.deleting": "Deleting network...",
+    "networks.deleteResourceTitle": "Delete resource '{name}'?",
+    "networks.deleteResourceDescription":
+      "Are you sure you want to delete this resource? This action cannot be undone.",
+    "networks.resourceDeleted": "Resource deleted successfully.",
+    "networks.deletingResource": "Deleting resource...",
+    "networks.removeRouterTitle": "Remove this router?",
+    "networks.removeRouterDescription":
+      "Are you sure you want to remove this router?",
+    "networks.routerOf": "Router of {name}",
+    "networks.routerDeleted": "Router deleted successfully.",
+    "networks.deletingRouter": "Deleting router...",
+    "networks.askRoutingPeerTitle": "Add Routing Peer to '{name}'?",
+    "networks.askRoutingPeerDescription":
+      "Without a routing peer, the resources inside this network will not be accessible by any peers.",
+    "networks.askResourceTitle": "Add Resource to '{name}'?",
+    "networks.askResourceDescription":
+      "Peers will be able to access your network resources once you add them.",
+    "networks.addResource": "Add Resource",
+    "networks.addPolicy": "Add Policy",
+    "table.name": "Name",
+    "table.address": "Address",
+    "table.os": "OS",
+    "table.role": "Role",
+    "table.status": "Status",
+    "table.groups": "Groups",
+    "table.user": "User",
+    "table.lastLogin": "Last Login",
+    "table.usage": "Usage",
+    "table.lastUsed": "Last used",
+    "table.expires": "Expires",
+    "table.nameAndKey": "Name & Key",
+    "table.blockUser": "Block User",
+    "filters.all": "All",
+    "filters.valid": "Valid",
+    "filters.expired": "Expired",
+    "filters.enabled": "Enabled",
+    "users.searchPlaceholder": "Search by name, email or role...",
+    "users.showInvites": "Show Invites",
+    "users.addNewTitle": "Add New Users",
+    "users.addNewDescription":
+      "It looks like you don't have any users yet. Get started by inviting users to your account.",
+    "users.inviteUser": "Invite User",
+    "users.addUser": "Add User",
+    "users.localAuthDisabled":
+      "Local authentication is disabled. Use your IdP for authentication.",
+    "users.learnMoreShort": "Learn more",
+    "users.pendingApproval": "Pending approval",
+    "users.pendingApprovals": "Pending Approvals",
+    "users.lastLoginOn": "Last login on",
+    "users.peersTitle": "Peers",
+    "users.peersDescription": "View all peers registered by this user.",
+    "users.noRegisteredPeersTitle": "This user has no registered peers",
+    "users.noRegisteredPeersDescription":
+      "Install Cloink and sign in as this user to register peers.",
+    "users.allUsers": "All Users",
+    "users.userCount": "{count} User(s)",
+    "users.system": "System",
+    "users.searchByEmailOrName": "Search user by name or email...",
+    "users.includeAllUsers": "Include all users",
+    "users.noUsersAvailable": "No users available to select.",
+    "users.noUsersMatchingSearch": "There are no users matching your search.",
+    "users.systemEmail": "云链-Cloink",
+    "serviceUsers.searchPlaceholder": "Search by name or role...",
+    "serviceUsers.createTitle": "Create Service User",
+    "serviceUsers.emptyDescription":
+      "It looks like you don't have any service users. Get started by creating a service user.",
+    "setupKeys.searchPlaceholder": "Search by name, type or group...",
+    "setupKeys.createTitle": "Create Setup Key",
+    "setupKeys.emptyDescription":
+      "Add a setup key to register new machines in your network. The key links machines to your account during initial setup.",
+    "setupKeys.groupEmptyTitle":
+      "This group is not used within any setup keys yet",
+    "setupKeys.groupEmptyDescription":
+      "Assign this group when creating a new setup key to see them listed here.",
+    "setupKeys.lastUsedOn": "Last used on",
+    "invite.passwordCopied": "Password was copied to your clipboard!",
+    "invite.linkCopied": "Invite link was copied to your clipboard!",
+    "invite.userCreatedSuccess": "User created successfully!",
+    "invite.linkCreatedSuccess": "Invite link created!",
+    "invite.passwordDescription":
+      "This password will not be shown again, so be sure to copy it and store in a secure location.",
+    "invite.linkDescription":
+      "Share this link with the user. They will be able to set their own password.",
+    "invite.expiresOn": "Expires on",
+    "invite.acceptMissingToken": "No invite token provided",
+    "invite.acceptRateLimited": "Too many attempts. Please wait a moment and try again.",
+    "invite.acceptInvalidLink": "Invalid or expired invite link",
+    "invite.acceptFailed": "Failed to accept invite",
+    "invite.tooManyRequests": "Too Many Requests",
+    "invite.tooManyRequestsDescription":
+      "You've made too many requests. Please wait a moment and try again.",
+    "invite.invalidTitle": "Invalid Invite",
+    "invite.invalidDescription":
+      "This invite link is invalid or has expired. Please contact your administrator to receive a new invitation.",
+    "invite.goToLogin": "Go to Login",
+    "invite.accountCreatedTitle": "Account Created!",
+    "invite.accountCreatedDescription":
+      "Your account has been created successfully. You can now log in with your email and password.",
+    "invite.expiredTitle": "Invite Expired",
+    "invite.expiredDescription":
+      "This invite link has expired. Please contact your administrator to receive a new invitation.",
+    "invite.welcomeTitle": "Welcome to Cloink",
+    "auth.accountLinkedSuccessfully": "Your account has been linked successfully. Please log in again to complete the setup.",
+    "auth.somethingWentWrong": "Oops, something went wrong",
+    "auth.alreadyVerifiedEmail": "Already verified your email address?",
+    "auth.troubleLoggingIn": "Trouble logging in? Try again.",
+    "auth.errorLoggingIn": "There was an error logging you in.",
+    "auth.error": "Error",
+    "auth.logout": "Logout",
+    "group.notAllowedToDelete": "Not allowed to delete",
+    "group.deleteGroup": "Delete Group",
+    "group.groupDeleted": "Group successfully deleted",
+    "group.deletingGroup": "Deleting group...",
+    "group.deleteGroupConfirm": "Delete '{{name}}'?",
+    "group.deleteGroupDescription": "Are you sure you want to delete this group? This action cannot be undone.",
+    "group.notAllowedToRename": "Not allowed to rename",
+    "group.renameGroup": "Rename Group",
+    "group.groupRenamed": "Group successfully renamed to {{name}}",
+    "group.renamingGroup": "Renaming group...",
+    "group.removePeerConfirm": "Remove peer '{{peerName}}' from '{{groupName}}'?",
+    "group.removePeersConfirm": "Remove peers from '{{groupName}}'?",
+    "group.removePeerDescription": "Are you sure you want to remove this peer from the group? You can add it back later if needed.",
+    "group.removePeersDescription": "Are you sure you want to remove these peers from the group? You can add them back later if needed.",
+    "group.removePeerFromGroup": "Remove Peer from Group",
+    "group.peerRemoved": "Peer '{{peerName}}' successfully removed from group '{{groupName}}'",
+    "group.peersRemoved": "Peers successfully removed from group '{{groupName}}'",
+    "group.removingPeerFromGroup": "Removing peer from group...",
+    "group.removingPeersFromGroup": "Removing peers from group...",
+    "group.addingPeersToGroup": "Adding peers to group",
+    "group.peersAdded": "Peers were successfully added to {{groupName}}.",
+    "group.removeUserFromGroup": "Remove User from Group",
+    "group.userRemoved": "User '{{userName}}' was successfully removed from group '{{groupName}}'.",
+    "group.removingUserFromGroup": "Removing user from group...",
+    "group.removeUserConfirm": "Remove user '{{userName}}' from '{{groupName}}'?",
+    "group.removeUsersConfirm": "Remove users from '{{groupName}}'?",
+    "group.removeUserDescription": "Are you sure you want to remove this user from the group? You can add it back later if needed.",
+    "group.removeUsersDescription": "Are you sure you want to remove these users from the group? You can add them back later if needed.",
+    "group.removeUsersFromGroup": "Remove Users from Group",
+    "group.usersRemoved": "Users were successfully removed from group '{{groupName}}'.",
+    "group.removingUsersFromGroup": "Removing users from group...",
+    "group.addUserToGroup": "Add User to Group",
+    "group.userAdded": "User '{{userName}}' was successfully added to group '{{groupName}}'.",
+    "group.addingUserToGroup": "Adding user to group...",
+    "group.addUsersToGroup": "Add Users to Group",
+    "group.usersAdded": "Users were successfully added to group '{{groupName}}'.",
+    "group.addingUsersToGroup": "Adding users to group...",
+    "common.textCopied": "Text has been copied to your clipboard.",
+    "invite.welcomeDescription":
+      "You've been invited by {invitedBy} to join the network. Set your password to complete your account setup.",
+    "invite.passwordPlaceholder": "Password",
+    "invite.confirmPasswordPlaceholder": "Confirm Password",
+    "invite.createAccount": "Create Account",
+    "invite.creatingAccount": "Creating Account...",
+    "invite.passwordRuleMinLength": "At least 8 characters",
+    "invite.passwordRuleUppercase": "One uppercase letter",
+    "invite.passwordRuleLowercase": "One lowercase letter",
+    "invite.passwordRuleNumber": "One number",
+    "invite.passwordRuleSpecial":
+      "One special character (!@#$%^&*)",
+    "invite.acceptExpiresOnFormat": "D MMMM, YYYY [at] h:mm A",
+    "invite.copyAndClose": "Copy & Close",
+    "onboarding.installNetBird": "Install Cloink",
+    "onboarding.addClientDevice": "Time to add your client device",
+    "onboarding.addClientDeviceDescription": "Your first resource and routing peer are all set. Now, take your device, install Cloink, and let's get you connected.",
+    "onboarding.testConnection": "Let's put that connection to the test",
+    "onboarding.testConnectionDescription": "Nice work connecting your client device! Now, let's have a little fun and test if it can reach your resource.",
+    "onboarding.openCommandLine": "Open your command line and run this command from",
+    "onboarding.yourDevice": "your device",
+    "onboarding.toPingResource": "to ping your resource.",
+    "onboarding.everythingWorking": "Everything working? Great! You can now continue with the onboarding. If something isn't right, please check our",
+    "onboarding.checkTroubleshooting": "",
+    "onboarding.troubleshootingGuide": "troubleshooting guide",
+    "onboarding.itWorksContinue": "It works! - Continue",
+    "onboarding.getFirstDeviceOnline": "Let's get your first device online",
+    "onboarding.getFirstDeviceOnlineDescription": "To access other machines, install Cloink, sign in, and your device joins the network. Every device you add becomes a Cloink peer in your network. It's that simple.",
+    "onboarding.bringSecondDevice": "Time to bring in your second device",
+    "onboarding.eachDeviceGetsPrivateIP": "Each device (a.k.a. peer) in your Cloink network gets its own private IP and name to communicate securely in the network.",
+    "onboarding.shareLinkToCompleteSetup": "To complete the setup, just share this link or email it to yourself to set up your next device with ease.",
+    "onboarding.installationLinkCopied": "Installation link successfully copied",
+    "onboarding.shareLink": "Share Link",
+    "onboarding.useHeadlessSetup": "Use the headless setup to register a peer without a browser or user interaction.",
+    "onboarding.installWithSetupKey": "Install with a setup key",
+    "onboarding.installNetBirdOnAnotherDevice": "Install Cloink on another device using this link.",
+    "onboarding.createSetupKey": "Create a Setup Key?",
+    "onboarding.createSetupKeyDescription": "If you continue, a one-off setup key will be automatically created and you will be able to install Cloink.",
+    "onboarding.dialogTitle": "Onboarding",
+    "onboarding.getStartedWithNetBird": "Get started with Cloink",
+    "onboarding.netbirdFlexibility": "Cloink provides the flexibility of both a peer-to-peer overlay network and a remote network access solution. Choose what fits your needs, you can always combine both.",
+    "onboarding.peerToPeerNetwork": "Peer-to-Peer Network",
+    "onboarding.p2pBusinessDescription": "Install Cloink on two or more devices to create secure, direct WireGuard connections, like laptop to server or server to database. Add at least two machines to get started.",
+    "onboarding.p2pHomelabDescription": "Install Cloink on two or more devices in your homelab, such as your laptop, NAS, or Raspberry Pi, to create secure, direct WireGuard connections.",
+    "onboarding.remoteNetworkAccess": "Remote Network Access",
+    "onboarding.remoteAccessBusinessDescription": "Enable employee remote access to VMs, Kubernetes clusters, and cloud or on-prem resources without installing Cloink on every machine.",
+    "onboarding.remoteAccessHomelabDescription": "Securely access your homelab remotely from anywhere without installing Cloink on every device.",
+    "onboarding.recommended": "Recommended",
+    "onboarding.recommendedBasedOnChoices": "Based on your previous choices, we recommend starting with {title}. You can always combine both options later.",
+    "onboarding.welcome": "Welcome to Cloink!",
+    "onboarding.welcomeWithName": "Welcome to Cloink, {name}!",
+    "onboarding.shareDetails":
+      "Share a few details about your use case to help us get started.",
+    "onboarding.business": "Business",
+    "onboarding.personal": "Personal",
+    "onboarding.companySizeQuestion":
+      "How many people at your company will use Cloink?",
+    "onboarding.howHeardAboutNetBird":
+      "How did you hear about Cloink?",
+    "onboarding.selectOption": "Select an option...",
+    "onboarding.howPlanToUseNetBird":
+      "How do you plan to use Cloink?",
+    "onboarding.selectMultipleUseCases": "Select one or more use cases.",
+    "onboarding.zeroTrustSecurity": "Zero Trust Security",
+    "onboarding.employeeRemoteAccess": "Employee Remote Access",
+    "onboarding.businessVPN": "Business VPN",
+    "onboarding.siteToSiteConnectivity": "Site-to-Site Connectivity",
+    "onboarding.iot": "IoT (Internet of Things)",
+    "onboarding.msp": "MSP (Managed Service Provider)",
+    "onboarding.homelabAutomation": "Homelab Automation",
+    "onboarding.homeRemoteAccess": "Home Remote Access",
+    "onboarding.fileAccess": "File Access",
+    "onboarding.gaming": "Gaming",
+    "onboarding.otherPleaseSpecify": "Other, please specify",
+    "onboarding.businessOtherPlaceholder":
+      "Tell us about your business use case",
+    "onboarding.personalOtherPlaceholder":
+      "Tell us about your personal use case",
+    "onboarding.anySubdomainOf": "(any subdomain of {address})",
+    "onboarding.resourceIpInYourSubnet": "(resource IP in your subnet)",
+    "onboarding.networkLabel": "Network",
+    "onboarding.waitingForFirstDevice": "Waiting for your first device to connect",
+    "onboarding.waitingForSecondDevice": "Waiting for your second device to connect",
+    "onboarding.waitingForRoutingPeer": "Waiting for your routing peer to connect",
+    "onboarding.waitingForOwnDevice": "Waiting for your own device to connect",
+    "onboarding.skipPrompt": "Already know how Cloink works?",
+    "onboarding.skipToDashboard": "Skip to Dashboard",
+    "onboarding.referralSource.Search Engines (Google, Bing etc.)":
+      "Search Engines (Google, Bing etc.)",
+    "onboarding.referralSource.Coworker or Friend": "Coworker or Friend",
+    "onboarding.referralSource.Trade Show or Event": "Trade Show or Event",
+    "onboarding.referralSource.Blogs": "Blogs",
+    "onboarding.referralSource.Comparison Sites": "Comparison Sites",
+    "onboarding.referralSource.Slack": "Slack",
+    "onboarding.referralSource.Other": "Other",
+    "onboarding.referralSource.NetBird YouTube Channel":
+      "Cloink YouTube Channel",
+    "onboarding.referralSource.Other YouTube Channel":
+      "Other YouTube Channel",
+    "onboarding.referralSource.NetBird SubReddit": "Cloink SubReddit",
+    "onboarding.referralSource.Other Reddit Thread": "Other Reddit Thread",
+    "onboarding.referralSource.GitHub": "GitHub",
+    "invite.createUserTitle": "Create User",
+    "invite.inviteUserTitle": "Invite User",
+    "invite.cloudDescription":
+      "Invite a user to your network and set their permissions.",
+    "invite.createDescription":
+      "Create a Cloink user account with email and password.",
+    "invite.inviteDescription":
+      "Generate an invite link that the user can use to set their own password.",
+    "invite.sendInvitation": "Send Invitation",
+    "invite.createInviteLink": "Create Invite Link",
+    "invite.expiresIn": "Expires in",
+    "invite.expiresHelp": "Days until the invite expires.",
+    "invite.expiresPlaceholder": "3",
+    "invite.days": "Day(s)",
+    "invite.autoGroups": "Auto-assigned groups",
+    "invite.autoGroupsHelp":
+      "Groups will be assigned to peers added by this user.",
+    "invite.namePlaceholder": "John Doe",
+    "invite.emailPlaceholder": "hello@Cloink.4w.ink",
+    "invite.creatingUserTitle": "Create User",
+    "invite.creatingUserDescription": "Creating user account for {name}...",
+    "invite.creatingUserLoading": "Creating user...",
+    "invite.creatingInviteTitle": "Create Invite",
+    "invite.creatingInviteDescription": "Creating invite link for {name}...",
+    "invite.creatingInviteLoading": "Creating invite...",
+    "invite.tabInvite": "Invite User",
+    "invite.tabCreate": "Create User",
+    "invites.regenerateTitle": "Regenerate Invite",
+    "invites.regeneratingDescription":
+      "Regenerating invite link for {name}...",
+    "invites.regenerating": "Regenerating...",
+    "invites.regeneratedTitle": "Invite link regenerated!",
+    "invites.inviteFallback": "Invite",
+    "invites.deletedTitle": "'{name}' deleted",
+    "invites.deletedDescription": "Invite was successfully deleted.",
+    "invites.deleting": "Deleting the invite...",
+    "invites.deleteConfirmTitle": "Delete invite for '{name}'?",
+    "invites.deleteConfirmDescription":
+      "Deleting this invite will revoke the invite link. The user will no longer be able to join using this invite.",
+    "serviceUser.created": "Service user created",
+    "serviceUser.createdDescription": "{name} was successfully created.",
+    "serviceUser.creating": "Creating service user...",
+    "serviceUser.description":
+      "Service users are non-login users that are not associated with any specific person.",
+    "userActions.userFallback": "User",
+    "userActions.deletedTitle": "'{name}' deleted",
+    "userActions.deletedDescription": "User was successfully deleted.",
+    "userActions.deleting": "Deleting the user...",
+    "userActions.approvedTitle": "'{name}' approved",
+    "userActions.approvedDescription": "User was successfully approved.",
+    "userActions.approving": "Approving the user...",
+    "userActions.reject": "Reject",
+    "userActions.rejectConfirmTitle": "Reject '{name}'?",
+    "userActions.rejectConfirmDescription":
+      "Rejecting this user will remove them from the account permanently. This action cannot be undone.",
+    "userActions.rejectedTitle": "'{name}' rejected",
+    "userActions.rejectedDescription":
+      "User was successfully rejected and removed.",
+    "userActions.rejecting": "Rejecting the user...",
+    "userActions.deleteConfirmTitle": "Delete '{name}'?",
+    "userActions.deleteConfirmDescription":
+      "Deleting this user will remove their devices and remove dashboard access. This action cannot be undone.",
+    "userActions.approve": "Approve",
+    "userBlock.confirmTitle": "Block '{name}'?",
+    "userBlock.confirmDescription":
+      "This action will immediately revoke the user's access and disconnect all of their active peers.",
+    "userBlock.blockedTitle": "User blocked",
+    "userBlock.unblockedTitle": "User unblocked",
+    "userBlock.blockedDescription": "{name} was successfully blocked.",
+    "userBlock.unblockedDescription": "{name} was successfully unblocked.",
+    "userBlock.blocking": "Blocking the user...",
+    "userBlock.unblocking": "Unblocking the user...",
+    "userGroups.label": "Auto-assigned Groups",
+    "userGroups.description":
+      "Groups will be assigned to peers added by this user.",
+    "userGroups.savedDescription":
+      "Groups of the user were successfully saved",
+    "userGroups.updating": "Updating groups...",
+    "userRoles.user": "User",
+    "userRoles.admin": "Admin",
+    "userRoles.owner": "Owner",
+    "userRoles.billingAdmin": "Billing Admin",
+    "userRoles.auditor": "Auditor",
+    "userRoles.networkAdmin": "Network Admin",
+    "userRoles.transferOwnershipTitle": "Transfer Ownership?",
+    "userRoles.transferOwnershipLine1": "This action will transfer the",
+    "userRoles.transferOwnershipLine2": "role to",
+    "userRoles.transferOwnershipLine3": "and leave you with the",
+    "userRoles.transferOwnershipLine4":
+      "role. This action can only be undone if the new owner transfers the role back to you.",
+    "userRoles.thisUser": "this user",
+    "changePassword.title": "Change Password",
+    "changePassword.description": "Update your account password.",
+    "changePassword.currentPassword": "Current Password",
+    "changePassword.currentPasswordHelp":
+      "Enter your current password to verify your identity.",
+    "changePassword.currentPasswordPlaceholder": "Enter current password",
+    "changePassword.newPassword": "New Password",
+    "changePassword.newPasswordHelp":
+      "Enter your new password. Must be at least 8 characters.",
+    "changePassword.newPasswordPlaceholder": "Enter new password",
+    "changePassword.confirmNewPassword": "Confirm New Password",
+    "changePassword.confirmNewPasswordHelp":
+      "Re-enter your new password to confirm.",
+    "changePassword.confirmNewPasswordPlaceholder": "Confirm new password",
+    "changePassword.passwordLengthError":
+      "Password must be at least 8 characters",
+    "changePassword.passwordMatchError": "Passwords do not match",
+    "changePassword.successTitle": "Change Password",
+    "changePassword.successDescription":
+      "Your password has been successfully changed.",
+    "changePassword.loading": "Changing password...",
+    "userInvites.title": "Invites",
+    "userInvites.searchPlaceholder": "Search by name or email...",
+    "userInvites.emptyTitle": "No Pending Invites",
+    "userInvites.emptyDescription":
+      "There are no pending invites. Create an invite to add users to your network.",
+    "userInvites.learnMoreAbout": "Learn more about",
+    "userInvites.showUsers": "Show Users",
+    "userInvites.regenerate": "Regenerate",
+    "userInvites.resendTitle": "Resend Invite",
+    "userInvites.resendDescription":
+      "The invitation is being sent to {email}",
+    "userInvites.sending": "Sending invitation...",
+    "userInvites.sendingShort": "Sending...",
+    "userInvites.resend": "Resend Invite",
+    "actions.cancel": "Cancel",
+    "setupKey.copyMessage": "Setup-Key was copied to your clipboard!",
+    "setupKey.createdSuccess": "Setup key created successfully!",
+    "setupKey.createdDescription":
+      "This key will not be shown again, so be sure to copy it and store in a secure location.",
+    "setupKey.creationFailed": "Setup key could not be created...",
+    "actions.close": "Close",
+    "setupKey.installNetBird": "Install Cloink",
+    "setupKey.creatingTitle": "Create Setup Key",
+    "setupKey.creatingDescription":
+      "Setup key created successfully. You can now enroll peers with your new key.",
+    "setupKey.creatingLoading": "Creating your setup key...",
+    "setupKey.modalTitle": "Create New Setup Key",
+    "setupKey.modalDescription":
+      "Use this key to register new machines in your network",
+    "setupKey.name": "Name",
+    "setupKey.nameHelp": "Set an easily identifiable name for your key",
+    "setupKey.namePlaceholder": "e.g., AWS Servers",
+    "setupKey.reusable": "Make this key reusable",
+    "setupKey.reusableHelp": "Use this type to enroll multiple peers",
+    "setupKey.usageLimit": "Usage limit",
+    "setupKey.usageLimitHelp":
+      "For example, set to 30 if you want to enroll 30 peers",
+    "setupKey.unlimited": "Unlimited",
+    "setupKey.peerCount": "Peer(s)",
+    "setupKey.expiresIn": "Expires in",
+    "setupKey.expiresHelp":
+      "Days until the key expires. Leave empty for no expiration.",
+    "setupKey.ephemeralPeers": "Ephemeral Peers",
+    "setupKey.ephemeralPeersHelp":
+      "Peers that are offline for over 10 minutes will be removed automatically",
+    "setupKey.extraDnsLabels": "Allow Extra DNS Labels",
+    "setupKey.extraDnsLabelsHelp":
+      "Enable multiple subdomain labels when enrolling peers (e.g., host.dev.example.com).",
+    "setupKey.autoGroupsHelp":
+      "These groups will be automatically assigned to peers enrolled with this key",
+    "table.active": "Active",
+    "table.sources": "Sources",
+    "table.direction": "Direction",
+    "table.destinations": "Destinations",
+    "table.destination": "Destination",
+    "table.location": "Location",
+    "table.resource": "Resource",
+    "table.url": "URL",
+    "table.protocol": "Protocol",
+    "table.ports": "Ports",
+    "table.rowsPerPage": "rows per page",
+    "versionInfo.latest": "Latest",
+    "versionInfo.management": "Management",
+    "versionInfo.dashboard": "Dashboard",
+    "versionInfo.updateAvailable": "Update available",
+    "groupDetails.title": "Group Information",
+    "groupDetails.notFound": "The group you are attempting to access cannot be found. It may have been deleted, or you may not have permission to view it. Please verify the URL or return to the dashboard.",
+    "analytics.googleTagManager": "Google Tag Manager",
+    "instanceSetup.welcomeTitle": "Welcome to Cloink",
+    "instanceSetup.welcomeDescription":
+      "Create the first admin account to get started",
+    "instanceSetup.accountCreated": "Account Created!",
+    "instanceSetup.redirectingToLoginIn": "You are being redirected to login in",
+    "instanceSetup.goToLogin": "Go to Login",
+    "instanceSetup.nameLabel": "Name",
+    "instanceSetup.emailLabel": "Email",
+    "instanceSetup.namePlaceholder": "Your name",
+    "instanceSetup.passwordPlaceholder": "Enter a strong password",
+    "instanceSetup.passwordHelp": "Must be at least 8 characters",
+    "instanceSetup.createAdminAccount": "Create Admin Account",
+    "instanceSetup.creatingAccount": "Creating Account...",
+    "instanceSetup.oneTimeSetup":
+      "This is a one-time setup for your Cloink instance.",
+    "instanceSetup.nameRequired": "Name is required",
+    "instanceSetup.emailRequired": "Email is required",
+    "instanceSetup.invalidEmail": "Please enter a valid email address",
+    "instanceSetup.passwordRequired": "Password is required",
+    "instanceSetup.passwordMinLength":
+      "Password must be at least 8 characters",
+    "instanceSetup.genericError": "An error occurred. Please try again.",
+    "instanceSetup.invalidRequest":
+      "Invalid request. Please check your input.",
+    "instanceSetup.alreadyCompleted":
+      "Setup has already been completed. Redirecting to login...",
+    "instanceSetup.validationError":
+      "Validation error. Please check your input.",
+    "activity.auditEventsTitle": "Audit Events",
+    "activity.auditEventsDescription":
+      "Here you can see all the audit activity events.",
+    "activity.code": "Code",
+    "activity.searchPlaceholder": "Search event...",
+    "activity.allEventTypes": "All Event Types",
+    "activity.eventCount": "Event(s)",
+    "activity.globalLoginExpirationUpdated":
+      "Global login expiration was updated",
+    "activity.globalLoginExpirationEnabled":
+      "Global login expiration was enabled",
+    "activity.globalLoginExpirationDisabled":
+      "Global login expiration was disabled",
+    "activity.ownerRoleTransferred": "Owner role was transferred",
+    "activity.activityCode": "Activity Code",
+    "activity.meta": "Meta",
+    "activity.getStartedTitle": "Get Started with Cloink",
+    "activity.getStartedDescription":
+      "It looks like you don't have any connected machines.\nGet started by adding one to your network.",
+    "activity.learnMorePrefix": "Learn more in our",
+    "activity.learnMoreLink": "Getting Started Guide",
+    "activity.netbirdUser": "Cloink",
+    "activity.setupkeyRevoke": "was revoked",
+    "activity.setupkeyDelete": "was deleted",
+    "activity.setupkeyAdd": "was created",
+    "activity.setupkeyGroupDelete": "was removed from the",
+    "activity.setupkeyGroupAdd": "was added to the",
+    "activity.dashboardLogin": "logged in to the dashboard",
+    "activity.policyUpdate": "has been updated",
+    "activity.policyDelete": "was deleted",
+    "activity.policyAdd": "was created",
+    "activity.routeDelete": "was deleted",
+    "activity.routeUpdate": "was updated",
+    "activity.routeAdd": "was created",
+    "activity.userPeerDelete": "was deleted",
+    "activity.userPeerAdd": "was added with the Cloink IP",
+    "activity.userPeerUpdate": "was updated",
+    "activity.userJoin": "joined Cloink",
+    "activity.userInvite": "was invited.",
+    "activity.userCreate": "was created by",
+    "activity.userGroupAdd": "was added to user",
+    "activity.userBlock": "was blocked",
+    "activity.userUnblock": "was unblocked",
+    "activity.userDelete": "was deleted",
+    "activity.userGroupDelete": "was removed from user",
+    "activity.userRoleUpdate": "was updated of user",
+    "activity.userApprove": "was approved",
+    "activity.userReject": "was rejected",
+    "activity.userPasswordChange": "Password was changed for user",
+    "activity.userInviteLinkCreate": "Invite link was created for",
+    "activity.userInviteLinkAccept": "Invite link was accepted by",
+    "activity.userInviteLinkRegenerate": "Invite link was regenerated for",
+    "activity.userInviteLinkDelete": "Invite link was deleted for",
+    "activity.serviceUserCreate": "was created",
+    "activity.serviceUserDelete": "was deleted",
+    "activity.peerGroupDelete": "was removed from the peer with the Cloink IP",
+    "activity.peerGroupAdd": "was added to the peer with the Cloink IP",
+    "activity.peerLoginExpire": "is expired",
+    "activity.peerSshDisable": "was disabled",
+    "activity.peerSshEnable": "was enabled",
+    "activity.peerLoginExpirationDisable": "was disabled",
+    "activity.peerLoginExpirationEnable": "was enabled",
+    "activity.peerRename": "was renamed to",
+    "activity.peerApprove": "was approved",
+    "activity.peerIpUpdate": "IP address was updated from",
+    "activity.peerUserAdd": "was added with the Cloink IP",
+    "activity.groupAdd": "was created",
+    "activity.groupDelete": "was deleted",
+    "activity.groupUpdate": "was renamed to",
+    "activity.accountCreate": "created an account",
+    "activity.accountNetworkRangeUpdate": "Account network range was updated from",
+    "activity.nameserverGroupAdd": "was added",
+    "activity.nameserverGroupDelete": "was deleted",
+    "activity.nameserverGroupUpdate": "was updated",
+    "activity.nameserverAdd": "was created",
+    "activity.nameserverDelete": "was deleted",
+    "activity.nameserverUpdate": "was updated",
+    "activity.personalAccessTokenCreate": "was created",
+    "activity.personalAccessTokenDelete": "was deleted",
+    "activity.integrationCreate": "integration created",
+    "activity.integrationDelete": "integration deleted",
+    "activity.integrationUpdate": "integration updated",
+    "activity.dnsSettingDisabledManagementGroupAdd": "was added to disabled DNS group setting",
+    "activity.dnsSettingDisabledManagementGroupDelete": "was removed from disabled DNS group setting",
+    "activity.postureCheckUpdated": "was updated",
+    "activity.postureCheckCreated": "was created",
+    "activity.postureCheckDeleted": "was deleted",
+    "activity.integratedValidatorApiCreated": "integration created",
+    "activity.integratedValidatorApiUpdated": "integration updated",
+    "activity.integratedValidatorApiDeleted": "integration deleted",
+    "activity.integratedValidatorHostCheckApproved": "Peer approved by",
+    "activity.integratedValidatorHostCheckDenied": "Peer rejected by",
+    "activity.resourceGroupAdd": "added to resource",
+    "activity.resourceGroupDelete": "removed from resource",
+    "activity.servicePeerExpose": "exposed service",
+    "activity.servicePeerUnexpose": "unexposed service",
+    "activity.servicePeerExposeExpire": "was removed due to renewal expiration",
+    "activity.withAuth": "with auth",
+    "activity.enabled": "Enabled",
+    "activity.disabled": "Disabled",
+    "activity.to": "to",
+    "activity.networkResourceCreate": "created for network",
+    "activity.networkResourceUpdate": "updated for network",
+    "activity.networkResourceDelete": "deleted from network",
+    "activity.networkRouterCreate": "Routing peer created for network",
+    "activity.networkRouterDelete": "Routing peer deleted from network",
+    "activity.networkRouterUpdate": "Routing peer updated from network",
+    "activity.networkCreate": "created",
+    "activity.networkDelete": "deleted",
+    "activity.networkUpdate": "updated",
+    "activity.peerJobCreate": "created for peer",
+    "activity.accountSettingsFlowGroupRemove": "removed",
+    "activity.accountSettingsFlowGroupAdd": "added",
+    "activity.identityProviderCreate": "was created",
+    "activity.identityProviderUpdate": "was updated",
+    "activity.identityProviderDelete": "was deleted",
+    "proxyEvents.title": "Proxy Events",
+    "proxyEvents.description":
+      "View access logs for your reverse proxy services, including allowed and denied requests.",
+    "customDomains.title": "Domains",
+    "customDomains.description":
+      "Add and manage custom domains for your reverse proxy services.",
+    "jobs.title": "Jobs",
+    "jobs.type": "Type",
+    "jobs.created": "Created",
+    "jobs.createdAt": "Created at",
+    "jobs.completed": "Completed",
+    "jobs.completedAt": "Completed at",
+    "jobs.parameters": "Parameters",
+    "jobs.output": "Output",
+    "jobs.debugBundle": "Debug Bundle",
+    "jobs.debugBundleDescription":
+      "Generate a debug bundle on this peer with logs and diagnostics. Useful for troubleshooting without CLI access.",
+    "jobs.searchPlaceholder": "Search by type, status, or parameters...",
+    "jobs.emptyTitle": "This peer has no remote jobs",
+    "jobs.emptyDescription":
+      "Create a debug bundle or trigger other remote jobs to see them listed here.",
+    "jobs.status.pending": "Pending",
+    "jobs.status.failed": "Failed",
+    "jobs.status.completed": "Completed",
+    "jobs.outputCopied": "Upload key has been copied to your clipboard",
+    "jobs.parametersCount": "{count} Parameters",
+    "jobs.createTitle": "Create Debug Job",
+    "jobs.createDescription": "Debug job triggered successfully.",
+    "jobs.creating": "Creating job...",
+    "jobs.logFileCountLabel": "Log File Count",
+    "jobs.logFileCountHelp":
+      "Sets the limit for how many individual log files will be included in the debug bundle.",
+    "jobs.filesSuffix": "File(s)",
+    "jobs.enableBundleDuration": "Enable Bundle Duration",
+    "jobs.enableBundleDurationHelp":
+      "When enabled, allows you to specify a time period for log collection before generating the debug bundle.",
+    "jobs.durationLabel": "Duration",
+    "jobs.durationHelp":
+      "Time period for which logs should be collected before creating the debug bundle.",
+    "jobs.minutesSuffix": "Minute(s)",
+    "jobs.anonymizeLabel": "Anonymize Log Data",
+    "jobs.anonymizeHelp":
+      "Remove sensitive information (IP addresses, domains etc.) before creating the debug bundle.",
+    "jobs.createDebugBundle": "Create Debug Bundle",
+    "remoteJobs.run": "Run Remote Job",
+    "remoteJobs.peer": "Peer",
+    "remoteJobs.offlineMessage":
+      "is currently offline. Please connect the peer to run remote jobs.",
+    "remoteJobs.debugBundleHelp":
+      "Collect debug information for troubleshooting",
+    "routeActions.addRoute": "Add Route",
+    "routeActions.newNetworkRoute": "New Network Route",
+    "routeActions.newNetworkRouteHelp":
+      "Create a new network route with this peer",
+    "routeActions.existingNetwork": "Existing Network",
+    "routeActions.existingNetworkHelp":
+      "Add this peer to an existing network",
+    "routeModal.createPolicyTitle":
+      "Do you want to create a new access control policy for the route '{name}'?",
+    "routeModal.createPolicyDescription":
+      "You have one or more access control groups added to this route. These groups allow you to limit access to this route by using them in access policies.",
+    "routeModal.createPolicy": "Create Policy",
+    "routeModal.later": "Later",
+    "routeModal.validCidrError":
+      "Please enter a valid CIDR, e.g., 192.168.1.0/24",
+    "routeModal.networkIdentifierError":
+      "Network Identifier must be less than 40 characters",
+    "routeModal.metricError": "Metric must be between 1 and 9999",
+    "routeModal.setupExitNode": "Set Up Exit Node",
+    "routeModal.addExitNode": "Add Exit Node",
+    "routeModal.createRoute": "Create New Route",
+    "routeModal.routeAllTrafficPeer":
+      "Route all traffic through the peer '{name}'",
+    "routeModal.routeAllTraffic":
+      "Route all internet traffic through a peer",
+    "routeModal.description":
+      "Access LANs and VPC by adding a network route.",
+    "routeModal.routeTab": "Route",
+    "routeModal.groupsTab": "Groups",
+    "routeModal.generalTab": "Name & Description",
+    "routeModal.settingsTab": "Additional Settings",
+    "routeModal.routeType": "Route Type",
+    "routeModal.routeTypeHelp":
+      "Select your route type to add either a network range or a list of domains.",
+    "routeModal.networkRange": "Network Range",
+    "routeModal.networkRangeHelp": "Add a private IPv4 address range",
+    "routeModal.networkRangePlaceholder": "e.g., 172.16.0.0/16",
+    "routeModal.domains": "Domains",
+    "routeModal.domainsHelp":
+      "Add domains that dynamically resolve to one or more IPv4 addresses. A maximum of 32 domains can be added.",
+    "routeModal.addDomain": "Add Domain",
+    "routeModal.keepRoutesTooltip":
+      "DNS records for load-balanced systems often change. Keeping resolved addresses ensures ongoing connections to active resources remain uninterrupted.",
+    "routeModal.keepRoutes": "Keep Routes",
+    "routeModal.keepRoutesHelp":
+      "Retain previously resolved routes after IP address updates to maintain stable connections.",
+    "routeModal.routingPeer": "Routing Peer",
+    "routeModal.peerGroup": "Peer Group",
+    "routeModal.singlePeerExitNode":
+      "Assign a single peer as a routing peer for the exit node.",
+    "routeModal.singlePeerRoute":
+      "Assign a single peer as a routing peer for the network route.",
+    "routeModal.peerGroupExitNode":
+      "Assign a peer group with machines to be used as exit nodes.",
+    "routeModal.peerGroupRoute":
+      "Assign a peer group with machines to be used as routing peers.",
+    "remoteAccess.sshNoPermission":
+      "You do not have permission to launch the SSH console. Please contact your administrator.",
+    "remoteAccess.sshOffline":
+      "Connecting via SSH is only available when the peer is online.",
+    "remoteAccess.sshDisabled":
+      "SSH Access is currently disabled for this peer. Please enable SSH access for this peer and make sure to add an explicit access control policy allowing SSH access.",
+    "remoteAccess.enableSsh": "Enable SSH Access",
+    "remoteAccess.usernameEmpty": "Username cannot be empty.",
+    "remoteAccess.portError": "Port must be a valid number between 1 and 65535.",
+    "remoteAccess.connectViaSsh": "Connect to {ip} via SSH.",
+    "remoteAccess.usernamePort": "Username & Port",
+    "remoteAccess.sshCredentialsHelp":
+      "Provide the username and port used to open an SSH session on this peer.",
+    "remoteAccess.sshUsernamePlaceholder": "e.g. root",
+    "remoteAccess.ssh": "SSH",
+    "remoteAccess.connect": "Connect",
+    "remoteAccess.rdpOffline":
+      "This peer is offline and cannot be accessed via RDP.",
+    "remoteAccess.rdpNoPermission":
+      "You do not have permission to launch an RDP session. Please contact your administrator.",
+    "remoteAccess.connectViaRdp": "Connect to {ip} via RDP.",
+    "remoteAccess.error": "Error",
+    "remoteAccess.usernamePassword": "Username & Password",
+    "remoteAccess.rdpCredentialsHelp":
+      "Provide the credentials used to connect to the remote desktop.",
+    "remoteAccess.rdpUsernamePlaceholder": "e.g. Administrator",
+    "remoteAccess.passwordPlaceholder": "Enter password",
+    "remoteAccess.port": "Port",
+    "remoteAccess.rdpPortHelp":
+      "Use the listening port of the remote desktop service.",
+    "remoteAccess.rdpPortPlaceholder": "e.g. 3389",
+    "remoteAccess.rdp": "RDP",
+    "remoteAccess.rdpCertificate": "RDP Certificate",
+    "remoteAccess.rdpCertificateChanged":
+      "The server presented a certificate that could not be verified automatically. Review the details before continuing.",
+    "remoteAccess.certificateDetails": "Certificate Details",
+    "remoteAccess.certificateDetailsHelp":
+      "Verify the certificate information to make sure you are connecting to the expected machine.",
+    "remoteAccess.alwaysTrust": "Always trust certificate",
+    "remoteAccess.whenConnectingTo": "when connecting to",
+    "remoteAccess.acceptAndContinue": "Accept & Continue",
+    "remoteAccess.certIssuer": "Issuer",
+    "remoteAccess.certSubject": "Subject",
+    "remoteAccess.certValidFrom": "Valid From",
+    "remoteAccess.certValidTo": "Valid To",
+    "remoteAccess.certKeySize": "Key Size",
+    "remoteAccess.certBits": "{bits} bits",
+    "remoteAccess.certSerialNumber": "Serial Number",
+    "remoteAccess.certFingerprint": "Fingerprint",
+    "remoteAccess.notAvailable": "N/A",
+    "remoteAccess.peerNotFound":
+      "This peer may have been deleted, or you may not have permission to view it.",
+    "remoteAccess.sshStartingSession": "Starting SSH session...",
+    "remoteAccess.sshConnectingTo": "Connecting to {target}...",
+    "remoteAccess.sshDisconnectedFrom": "Disconnected from {target}",
+    "remoteAccess.reconnect": "Reconnect",
+    "remoteAccess.noAccessToken": "No access token available.",
+    "remoteAccess.sshConnectionFailed":
+      "SSH connection failed. Check the console for details.",
+    "remoteAccess.netbirdConnectionError": "Cloink Connection Error",
+    "remoteAccess.rdpConnectionError": "RDP Connection Error",
+    "remoteAccess.rdpGenericError": "RDP connection failed",
+    "remoteAccess.rdpError": "RDP Error",
+    "remoteAccess.netbirdClientError": "Cloink Client Error",
+    "remoteAccess.canvasUnavailable": "Canvas not available for RDP rendering",
+    "remoteAccess.ironrdpUnavailable":
+      "IronRDP components not available from client",
+    "remoteAccess.ironrdpInitFailed": "Failed to initialize IronRDP",
+    "remoteAccess.wasmLoadFailed": "Failed to load WASM runtime",
+    "remoteAccess.wasmInitTimeout":
+      "Cloink WASM failed to initialize in time",
+    "remoteAccess.wasmInitFailed": "Failed to initialize WASM",
+    "remoteAccess.netbirdClientUnavailable":
+      "CloinkClient is not available or not a function",
+    "remoteAccess.connectionFailed": "Connection failed",
+    "remoteAccess.goClientNotReady": "Go client not ready",
+    "remoteAccess.netbirdClientNotReady": "Cloink client not ready",
+    "routeModal.distributionGroups": "Distribution Groups",
+    "routeModal.distributionGroupsPeerHelp":
+      "Route all internet traffic through this peer for the following groups",
+    "routeModal.distributionGroupsPeersHelp":
+      "Route all internet traffic through the peer(s) for the following groups",
+    "routeModal.distributionGroupsHelp":
+      "Advertise this route to peers that belong to the following groups",
+    "routeModal.accessControlGroups": "Access Control Groups",
+    "routeModal.accessControlGroupsOptional":
+      "Access Control Groups (optional)",
+    "routeModal.accessControlGroupsHelp":
+      "These groups allow you to limit access to this route. Simply use these groups as a destination when creating access policies.",
+    "routeModal.networkIdentifier": "Network Identifier",
+    "routeModal.networkIdentifierHelp":
+      "Add a unique network identifier that is assigned to each device.",
+    "routeModal.networkIdentifierPlaceholder": "e.g., aws-eu-central-1-vpc",
+    "routeModal.descriptionOptional": "Description (optional)",
+    "routeModal.descriptionHelp":
+      "Write a short description to add more context to this route.",
+    "routeModal.descriptionPlaceholder":
+      "e.g., Route to access all devices in the AWS VPC, located in Frankfurt.",
+    "routeModal.enableRoute": "Enable Route",
+    "routeModal.enableRouteHelp":
+      "Use this switch to enable or disable the route.",
+    "routeModal.autoApplyRoute": "Auto Apply Route",
+    "routeModal.autoApplyRouteHelp":
+      "Automatically apply this exit node to your distribution groups. This requires Cloink client v0.55.0 or higher.",
+    "routeModal.metricHelp":
+      "A lower metric indicates higher priority routes.",
+    "minimalPeers.searchPlaceholder":
+      "Search peers by name, IP, OS, or version...",
+    "minimalPeers.emptyTitle": "No peers found",
+    "minimalPeers.emptyDescription":
+      "Try changing the filters or search terms to find a matching peer.",
+    "peerFilters.online": "Online",
+    "peerFilters.offline": "Offline",
+    "routeModal.exitNodes": "Exit Nodes",
+    "routeUpdate.title": "Update {name}",
+    "routeUpdate.descriptionTab": "Description",
+    "routeUpdate.settingsTab": "Settings",
+    "routeUpdate.accessControlGroupsHelp":
+      "These groups offer a more granular control of internal services in your network. They can be used in access control policies to limit and control access of this route.",
+    "routeUpdate.metricHelp":
+      "A lower metric indicates a higher priority route.",
+    "dnsSettingsPage.title": "DNS Settings",
+    "dnsSettingsPage.description": "Manage your account's DNS settings.",
+    "dnsSettingsPage.saved": "Settings saved successfully.",
+    "dnsSettingsPage.saving": "Saving the settings...",
+    "dnsSettingsPage.disableManagementLabel":
+      "Disable DNS management for these groups",
+    "dnsSettingsPage.disableManagementHelp":
+      "Peers in these groups will require manual domain name resolution",
+    "networkRoutesPage.title": "Network Routes",
+    "networkRoutesPage.description":
+      "Network routes allow you to access other networks like LANs and VPCs without installing Cloink on every resource.",
+    "networkRoutesPage.callout":
+      "We recommend using the new Networks concept to easier visualise and manage access to your resources.",
+    "networkRoutesPage.goToNetworks": "Go to Networks",
+    "networkDetails.resources": "Resources",
+    "networkDetails.routingPeers": "Routing Peers",
+    "networkDetails.services": "Services",
+    "networkDetails.highAvailability": "High Availability",
+    "networkDetails.highAvailabilityInactivePrefix":
+      "High availability is currently",
+    "networkDetails.highAvailabilityActivePrefix": "High availability is",
+    "networkDetails.highAvailabilitySuffix": "for this network.",
+    "networkDetails.active": "Active",
+    "networkDetails.inactive": "Inactive",
+    "networkDetails.highAvailabilityEnabledHelp":
+      "You can add more routing peers to increase the availability of this network.",
+    "networkDetails.highAvailabilityDisabledHelp":
+      "Go ahead and add more routing peers or groups with routing peers to enable high availability for this network.",
+    "networkDetails.activePolicy": "Active Policy",
+    "networkDetails.activePolicies": "Active Policies",
+    "networkDetails.noActivePolicies": "No Active Policies",
+    "networkDetails.goToPolicies": "Go to Policies",
+    "networkDetails.network": "Network",
+    "networkDetails.type": "Type",
+    "routeTable.searchPlaceholder": "Search by network, range, name or groups...",
+    "routeTable.emptyGroupTitle":
+      "This group is not used within any network routes yet",
+    "routeTable.emptyGroupDescription":
+      "Assign this group when creating a new route to see them listed here.",
+    "routeTable.createTitle": "Create New Route",
+    "routeTable.emptyTitleDescription":
+      "It looks like you don't have any routes. Access LANs and VPC by adding a network route.",
+    "networkRouting.peer": "Peer",
+    "networkRouting.metric": "Metric",
+    "networkRouting.masquerade": "Masquerade",
+    "networkRouting.searchPlaceholder": "Search by peer name, group name...",
+    "networkRouting.emptyTitle": "This network has no routing peers",
+    "networkRouting.emptyDescription":
+      "Add routing peers to this network to access resources inside this network.",
+    "networkRouting.add": "Add Routing Peer",
+    "groupUsers.selectAll": "Select all",
+    "groupUsers.selectRow": "Select row",
+    "groupUsers.searchPlaceholder": "Search by name, email or role...",
+    "groupUsers.emptyTitle": "This group has no assigned users yet",
+    "groupUsers.emptyDescription":
+      "Invite new users or assign existing ones to this group to see them listed here.",
+    "groupUsers.emptyAssignTitle": "You don't have any users to assign",
+    "groupUsers.emptyAssignDescription":
+      "To assign users to this group, you need at least one user who is not already part of this group.",
+    "groupUsers.assignUsers": "Assign Users",
+    "groupUsers.selected": "User(s) selected",
+    "groupUsers.lastLoginOn": "Last login on",
+    "groupUsers.removeFromGroup": "Remove Users from Group",
+    "groupPeers.selectAll": "Select all",
+    "groupPeers.selectRow": "Select row",
+    "groupPeers.viewAssigned": "View assigned peers for this group",
+    "groupPeers.manageAssigned": "Manage assigned peers for this group",
+    "groupPeers.searchPlaceholder": "Search by name, IP or owner...",
+    "groupPeers.emptyTitle": "This group has no assigned peers yet",
+    "groupPeers.emptyDescription":
+      "Install Cloink and assign existing peers to this group to see them listed here.",
+    "groupPeers.emptyAssignTitle": "You don't have any peers to assign",
+    "groupPeers.emptyAssignDescription":
+      "To assign peers to this group, you need at least one peer that is not already part of this group.",
+    "groupPeers.assignPeers": "Assign Peers",
+    "groupPeers.selected": "Peer(s) selected",
+    "groupPeers.removeFromGroup": "Remove Peers from Group",
+    "routeAddRoutingPeer.title": "Add New Routing Peer",
+    "routeAddRoutingPeer.description":
+      "When you add multiple routing peers, Cloink enables high availability for this network.",
+    "routeAddRoutingPeer.networkHelp":
+      "Network name and CIDR that you are adding the route to.",
+    "routeAddRoutingPeer.addRoute": "Add Route",
+    "routeAddRoutingPeer.success":
+      "Peer was successfully added to the route",
+    "routeMetric.priorityHelp": "Lower metrics have higher priority.",
+    "peerRoutes.emptyTitle": "This peer has no network routes",
+    "peerRoutes.emptyDescription":
+      "You don't have any assigned network routes yet. You can add this peer to an existing network or create a new network route.",
+    "peerSsh.access": "SSH Access",
+    "peerSsh.ssh": "SSH",
+    "peerSsh.enableAccess": "Enable SSH Access",
+    "peerSsh.enableAccessDescription":
+      "Allow remote SSH access from other connected network participants.",
+    "peerSsh.cliClient": "CLI",
+    "peerSsh.desktopClient": "Desktop Client",
+    "peerSsh.cliStepIntro":
+      "If you are using Cloink via CLI, you can enable SSH by running",
+    "peerSsh.desktopStepPrefix":
+      "If you are using Cloink via the Desktop Client, click the Cloink tray icon, go to",
+    "peerSsh.settings": "Settings",
+    "peerSsh.desktopStepMiddle": "and click",
+    "peerSsh.allowSsh": "Allow SSH",
+    "peerSsh.desktopStepAdvancedPrefix":
+      "If you want to enable Root Login, go to",
+    "peerSsh.advancedSettings": "Settings > Advanced Settings",
+    "peerSsh.desktopStepAdvancedSuffix":
+      "and enable SSH Root Login under the SSH tab.",
+    "peerSsh.explicitPolicyRequired":
+      "Starting from Cloink v0.61.0, SSH requires an explicit access control policy to allow SSH connections to this machine.",
+    "peerSsh.createPolicy": "Create SSH Policy",
+    "peerSsh.finishStepPrefix":
+      "Once the Cloink SSH server is allowed on the client,", 
+    "peerSsh.finishStepMiddle": "click",
+    "peerSsh.confirmAndEnable": "Confirm & Enable",
+    "peerSsh.finishStepSuffix": "below to finish the setup.",
+    "peerSsh.finishSetup": "Finish Setup",
+    "peerSsh.disableTitle": "Disable SSH Access?",
+    "peerSsh.disableDescription":
+      "Starting from Cloink v0.61.0, once SSH access is disabled, you cannot re-enable it again from the dashboard. You'll need to create an explicit access control policy and update your Cloink client to restore SSH functionality.",
+    "peerSsh.disable": "Disable",
+    "peerSsh.noPermission":
+      "You don't have the required permissions to update this setting.",
+    "peerSsh.toggleHelp":
+      "Enable the SSH server on this peer to access the machine via a secure shell.",
+    "peerSsh.setupHelp":
+      "Set up SSH and create an explicit access control policy defining which users can access specific local usernames of this machine via SSH.",
+    "peerSsh.clientUpdateWarning":
+      "You have SSH access configured but your client runs on an older Cloink version. Please update your Cloink client to v0.61.0+ to allow SSH connections.",
+    "peerSsh.serverDisabledWarning":
+      "You have an SSH access policy configured, but the SSH server isn't enabled on this client. Enable the SSH server to allow SSH connections.",
+    "peerSsh.explicitPolicyWarning":
+      "Your SSH server is enabled, but starting from Cloink v0.61.0, SSH requires an explicit access control policy. Please create an SSH access control policy to allow SSH connections.",
+    "peerNetworkRoutes.description":
+      "Access other networks without installing Cloink on every resource.",
+    "peerRouteActions.deleteTitle": "Delete Route {name}",
+    "peerRouteActions.deleted": "Route was successfully removed",
+    "peerRouteActions.deleting": "Deleting the route...",
+    "peerRouteActions.confirmTitle":
+      "Delete peer {peer} from '{network}' network?",
+    "peerRouteActions.confirmDescription":
+      "Are you sure you want to delete the peer from this route? This action cannot be undone.",
+    "peerRouteActions.groupRestrictionPrefix":
+      "{peer} is part of a group used in a network route.",
+    "peerRouteActions.groupRestrictionSuffix":
+      "To remove this peer from the network route, first remove it from the group used by this route.",
+    "peerRouteActions.enabled":
+      "The network route was successfully enabled",
+    "peerRouteActions.disabled":
+      "The network route was successfully disabled",
+    "routeActions.confirmDeleteTitle": "Delete '{name}'?",
+    "routeActions.confirmDeleteDescription":
+      "Are you sure you want to delete this route? This action cannot be undone.",
+    "remoteJobs.sectionDescription":
+      "Remotely trigger actions such as debug bundles or other tasks on this peer, without requiring CLI access.",
+    "selection.peersSelected": "Peer(s) selected",
+    "exitNodes.help":
+      "An exit node is a network route that routes all your internet traffic through one of your peers.",
+    "exitNodes.add": "Add Exit Node",
+    "exitNodes.setup": "Set Up Exit Node",
+    "groupsRow.addGroups": "Add Groups",
+    "groupsRow.saveGroups": "Save Groups",
+    "peerApproval.confirmTitle": "Approve peer '{name}'?",
+    "peerApproval.confirmDescription":
+      "Are you sure you want to approve this peer?",
+    "peerApproval.approve": "Approve",
+    "peerApproval.approvedTitle": "Peer {name} approved",
+    "peerApproval.approvedDescription":
+      "This peer was approved and can now connect to other peers.",
+    "peerApproval.approving": "Approving peer...",
+    "peerApproval.help":
+      "The peer needs to be approved by an administrator before it can connect to other peers.",
+    "peerApproval.required": "Approval required",
+    "reverseProxyTargets.description":
+      "Expose services securely through Cloink's reverse proxy.",
+    "reverseProxyTargets.emptyTitle": "This network has no services",
+    "reverseProxyTargets.emptyDescription":
+      "Create resources and expose services securely through Cloink's reverse proxy.",
+    "reverseProxy.authHeadersTitle": "HTTP Headers",
+    "reverseProxy.addHeaders": "Add Headers",
+    "reverseProxy.removeAll": "Remove All",
+    "reverseProxy.headersCalloutLine1":
+      "Any request matching one of these headers will grant access.",
+    "reverseProxy.headersCalloutLine2":
+      "Matched headers are stripped before reaching your backend.",
+    "reverseProxy.headerTypeBasic": "Basic Auth",
+    "reverseProxy.headerTypeBearer": "Bearer Token",
+    "reverseProxy.headerTypeCustom": "Custom Header",
+    "reverseProxy.headerIndex": "Header {index}",
+    "reverseProxy.headerIndexWithName": "Header {index} - {header}",
+    "reverseProxy.bearerPlaceholder":
+      "e.g. eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
+    "reverseProxy.authMethodPassword": "Password",
+    "reverseProxy.authMethodPin": "PIN Code",
+    "reverseProxy.authMethodSso": "SSO",
+    "reverseProxy.authMethodSsoFull": "SSO (Single Sign On)",
+    "reverseProxy.authMethodHeaders": "HTTP Headers",
+    "reverseProxy.authMethodMagicLink": "Magic Link",
+    "reverseProxy.authMethodIpRestricted": "IP Restricted",
+    "reverseProxy.authMethodCountryRestricted": "Country Restricted",
+    "reverseProxy.authMethodGeoUnavailable": "Geo Unavailable",
+    "reverseProxy.authNotSupported":
+      "Auth methods are not supported for TCP/UDP and TLS passthrough services as they operate at the network layer.",
+    "reverseProxy.authEnabledCount": "{count} Enabled",
+    "reverseProxy.headersEnabledCount": "{count} Headers",
+    "reverseProxy.noAuth": "No Auth",
+    "reverseProxy.configureAuthentication": "Configure authentication",
+    "proxyEvents.time": "Time",
+    "proxyEvents.locationIp": "Location / IP",
+    "proxyEvents.method": "Method",
+    "proxyEvents.hostUrl": "Host / URL",
+    "proxyEvents.duration": "Duration",
+    "proxyEvents.bytes": "Bytes",
+    "proxyEvents.authMethod": "Auth Method",
+    "proxyEvents.reason": "Reason",
+    "proxyEvents.searchPlaceholder": "Search by IP, host, path, user...",
+    "proxyEvents.emptyTitle": "No Proxy Events Yet",
+    "proxyEvents.emptyDescription":
+      "We haven't detected any proxy events yet. This could be because you haven't configured any reverse proxy services, or there hasn't been any traffic.",
+    "proxyEvents.success": "Success",
+    "proxyEvents.failed": "Failed",
+    "onboarding.endTitle": "Congratulations!",
+    "onboarding.endTitleWithName": "Congratulations, {name}!",
+    "onboarding.endSubtitle": "You've completed the onboarding.",
+    "onboarding.endDescription":
+      "What's next? Check out these guides to get the most out of Cloink. To learn more, explore the dashboard, visit our documentation, or browse our YouTube channel.",
+    "onboarding.videoAclTitle": "Access Control in Under 5 Minutes",
+    "onboarding.videoAclDescription":
+      "Learn how to manage access for your network resources effectively. Whether you want to restrict access to specific machines or allow certain users to connect.",
+    "onboarding.videoIdpTitle": "Provision Users & Groups From Your IdP",
+    "onboarding.videoIdpDescription":
+      "Learn how to provision users and groups from your identity provider, such as Okta, Azure AD, or Google Workspace, to manage access control in Cloink and automate onboarding and offboarding processes.",
+    "onboarding.videoHowTitle": "How Cloink Works",
+    "onboarding.videoHowDescription":
+      "Learn more about how Cloink works, its architecture, and how it can help you build secure networks.",
+    "onboarding.goToDashboard": "Go to Dashboard",
+    "onboarding.firstNetworkName": "My First Network",
+    "onboarding.createdDuringOnboarding": "Created during onboarding",
+    "onboarding.networkResourceCreated":
+      "Network & Resource created successfully",
+    "onboarding.creatingResource": "Creating your resource...",
+    "onboarding.firstSubnetName": "My Subnet",
+    "onboarding.firstResourceName": "My Resource",
+    "onboarding.usersGroupName": "Users",
+    "onboarding.routingPeersGroupName": "Routing Peers",
+    "onboarding.resourceIpDescription":
+      "Enter a single IPv4 address of your resource",
+    "onboarding.resourceSubnetDescription":
+      "Enter a CIDR range of your network",
+    "onboarding.resourceDomainInputDescription":
+      "Enter a domain name of your resource",
+    "onboarding.resourceIpPlaceholder": "e.g., 192.168.31.45",
+    "onboarding.resourceSubnetPlaceholder": "e.g., 192.168.1.0/24",
+    "onboarding.resourceDomainPlaceholder":
+      "e.g., service.internal or *.services.internal",
+    "onboarding.addResourceTitle": "Add your first resource",
+    "onboarding.addResourceDescription":
+      "Resources are your subnets, services, or machines inside your network. Pick the type you want to connect to.",
+    "onboarding.singleIpAddress": "Single IP Address",
+    "onboarding.singleIpDescription": "IPv4 address like 192.168.31.45",
+    "onboarding.entireSubnet": "Entire Subnet",
+    "onboarding.entireSubnetDescription": "CIDR range like 192.168.0.0/24",
+    "onboarding.domain": "Domain",
+    "onboarding.domainDescription":
+      "A domain like service.internal or a wildcard like *.services.internal",
+    "onboarding.resourceAddressLabel": "What is the address of your resource?",
+    "onboarding.createResource": "Create Resource",
+    "onboarding.setupKeyCreated": "Setup Key Created",
+    "onboarding.setupKeyCopied": "Setup Key Copied",
+    "onboarding.copiedToClipboard": "Successfully copied to clipboard.",
+    "onboarding.generatingSetupKey": "Generating setup key...",
+    "onboarding.routingPeerSetupKeyName": "Routing Peer (My First Network)",
+    "onboarding.addRoutingPeerTitle":
+      "Add a routing peer and get the traffic flowing",
+    "onboarding.addRoutingPeerDescription":
+      "Think of a routing peer as a connector to your internal network. It runs Cloink and lets your remote devices access internal resources, while enforcing access control policies.",
+    "onboarding.addRoutingPeerStep":
+      "Generate a setup key and install Cloink on that machine.",
+    "onboarding.setupKey": "Setup Key",
+    "onboarding.notGeneratedYet": "Not yet generated",
+    "onboarding.generateSetupKey": "Generate Setup Key",
+    "onboarding.installRoutingPeer": "Install Routing Peer",
+    "networkRouting.tabDescription":
+      "Add routing peers to this network to access resources inside this network.",
+    "userDetails.title": "User Information",
+    "userDetails.saved": "Changes successfully saved.",
+    "userDetails.saving": "Saving changes...",
+    "userDetails.autoAssignedGroups": "Auto-assigned groups",
+    "userDetails.autoAssignedGroupsHelp":
+      "Groups will be assigned to peers added by this user.",
+    "userDetails.userRole": "User Role",
+    "userDetails.userRoleHelp":
+      "Set a role for the user to assign access permissions.",
+    "userDetails.accessTokensDescription":
+      "Access tokens give access to Cloink API.",
+    "userDetails.createAccessToken": "Create Access Token",
+    "userDetails.name": "Name",
+    "userDetails.userId": "User ID",
+    "userDetails.email": "E-Mail",
+    "userDetails.never": "Never",
+    "userDetails.lastLoginFormat": "D MMMM, YYYY [at] h:mm A",
+    "peerDetails.title": "Peer Information",
+    "peerDetails.notFound":
+      "The peer you are attempting to access cannot be found. It may have been deleted, or you may not have permission to view it. Please verify the URL or return to the dashboard.",
+    "peerDetails.saved": "Peer was successfully saved",
+    "peerDetails.saving": "Saving the peer...",
+    "peerDetails.overview": "Overview",
+    "peerDetails.accessiblePeers": "Accessible Peers",
+    "peerDetails.noServicesTitle": "This peer has no services",
+    "peerDetails.noServicesDescription":
+      "Add your services to this peer and securely expose them through Cloink's reverse proxy",
+    "peerDetails.assignedGroups": "Assigned Groups",
+    "peerDetails.assignedGroupsHelp":
+      "Use groups to control what this peer can access.",
+    "peerDetails.remoteAccess": "Remote Access",
+    "peerDetails.remoteAccessHelp":
+      "Connect directly to this peer via SSH or RDP.",
+    "peerDetails.ipUpdated": "Peer IP was successfully updated",
+    "peerDetails.ipUpdating": "Updating peer IP...",
+    "peerDetails.netbirdIpAddress": "Cloink IP Address",
+    "peerDetails.publicIpAddress": "Public IP Address",
+    "peerDetails.dnsLabel": "DNS label",
+    "peerDetails.domainName": "Domain Name",
+    "peerDetails.hostname": "Hostname",
+    "peerDetails.region": "Region",
+    "peerDetails.unknown": "Unknown",
+    "peerDetails.operatingSystem": "Operating System",
+    "peerDetails.serialNumber": "Serial Number",
+    "peerDetails.registeredOn": "Registered on",
+    "peerDetails.lastSeen": "Last seen",
+    "peerDetails.dateTimeFormat": "D MMMM, YYYY [at] h:mm A",
+    "peerDetails.justNow": "just now",
+    "peerDetails.agentVersion": "Agent Version",
+    "peerDetails.uiVersion": "UI Version",
+    "peerDetails.editNameTitle": "Edit Peer Name",
+    "peerDetails.editNameDescription":
+      "Set an easily identifiable name for your peer.",
+    "peerDetails.namePlaceholder": "e.g., AWS Servers",
+    "peerDetails.domainPreview": "Domain Name Preview",
+    "peerDetails.domainPreviewHelp":
+      "If the domain name already exists, we add an increment number suffix to it.",
+    "peerDetails.validIpError": "Please enter a valid IP, e.g., 100.64.0.15",
+    "peerDetails.editIpTitle": "Edit Peer IP Address",
+    "peerDetails.editIpDescription":
+      "Update the Cloink IP address for this peer.",
+    "peerDetails.ipPlaceholder": "e.g., 100.64.0.15",
+    "peerDetails.reconnectNotice":
+      "Changes take effect when the peer reconnects.",
+    "postureChecks.pageDescription":
+      "Use posture checks to further restrict access in your network.",
+    "session.expiredTitle": "Session Expired",
+    "session.expiredDescription":
+      "It looks like your login session is no longer active or has expired. Please login again to continue using the app.",
+    "session.login": "Login",
+    "peer.expirationUpdated": "Expiration was successfully updated",
+    "peer.updatingSetting": "Updating setting...",
+    "peer.requireLoginAfterDisconnect": "Require login after disconnect",
+    "peer.requireLoginAfterDisconnectDescription":
+      "When enabled, users must re-authenticate after being disconnected from management for 10 minutes.",
+    "peer.accessiblePeersDescription":
+      "This peer can connect to the following peers within the Cloink network.",
+    "peer.loginExpiredTooltipLine1":
+      "This peer is offline and needs to be",
+    "peer.loginExpiredTooltipLine2":
+      "re-authenticated because its login has expired.",
+    "peer.expirationDisabledTooltip": "Expiration is disabled for this peer.",
+    "peer.ephemeralTooltip":
+      "This peer is an ephemeral peer. If it is disconnected for more than 10 minutes it will be removed.",
+    "peer.sessionExpirationSetupKeyDisabled":
+      "This setting is disabled for all peers added with a setup key.",
+    "peer.updateSettingPermissionDenied":
+      "You don't have the required permissions to update this setting.",
+    "peer.peerSessionExpirationLabel": "Peer Session Expiration",
+    "peer.globalSettingDisabledPrefix":
+      "Global setting '{setting}' is currently disabled. Enable the global setting to be able to toggle it individually per peer.",
+    "peer.goToSettings": "Go to Settings",
+    "peerNameCell.viewPeerDetails": "View details of peer {name}",
+    "peerNameCell.userIdFallback": "user: {id}",
+    "peerConnect.offlineHelp":
+      "Connecting via SSH or RDP is only available when the peer is online.",
+    "groups.searchGroup": "Search group...",
+    "groups.searchGroups": "Search groups...",
+    "groups.allGroups": "All Groups",
+    "groups.notFound": "Seems like you don't have any groups.",
+    "groups.noMatching": "There are no groups matching your search. Try another search term.",
+    "groups.count.groups": "Group(s)",
+    "groups.used": "Used",
+    "groups.unused": "Unused",
+    "groups.inUse": "In Use",
+    "groups.tooltip.users": "Users",
+    "groups.tooltip.peers": "Peers",
+    "groups.tooltip.policies": "Policies",
+    "groups.tooltip.networkResources": "Network Resources",
+    "groups.tooltip.networkRoutes": "Network Routes",
+    "groups.tooltip.nameservers": "Nameservers",
+    "groups.tooltip.zones": "Zones",
+    "groups.tooltip.setupKeys": "Setup Keys",
+    "groups.count.users": "User(s)",
+    "groups.count.policy": "Policy",
+    "groups.count.policies": "Policies",
+    "groups.count.networkResources": "Network Resource(s)",
+    "groups.count.networkRoutes": "Network Route(s)",
+    "groups.count.nameservers": "Nameserver(s)",
+    "groups.count.zones": "Zone(s)",
+    "groups.count.setupKeys": "Setup Key(s)",
+    "groups.renameTitle": "Rename Group",
+    "groups.renameDescription": "Set an easily identifiable name for your group.",
+    "groups.renamePlaceholder": "e.g., Developers",
+    "groups.renameExists": "This group already exists. Please choose another name.",
+    "accessPolicies.searchPlaceholder": "Search by name and description...",
+    "accessPolicies.emptyGroupTitle":
+      "This group is not used within any policies yet",
+    "accessPolicies.emptyGroupDescription":
+      "Assign this group as either a source or destination inside a policy to see them listed here.",
+    "accessPolicies.emptyTitle": "Create New Policy",
+    "accessPolicies.emptyDescription":
+      "It looks like you don't have any policies yet. Policies can allow connections by specific protocol and ports.",
+    "accessPolicies.addPolicy": "Add Policy",
+    "accessPolicies.active": "Active",
+    "accessPolicies.inactive": "Inactive",
+    "accessPolicies.temporaryTooltip":
+      "Show temporary policies created by the Cloink browser client. These policies are ephemeral and will be deleted automatically after a short period of time.",
+    "networks.searchPlaceholder": "Search by network name or description...",
+    "networks.emptyTitle": "Create New Network",
+    "networks.emptyDescription":
+      "It looks like you don't have any networks. Access internal resources in your LANs and VPC by adding a network.",
+    "networks.addNetwork": "Add Network",
+    "networks.routingPeers": "Routing Peers",
+    "network.modalUpdateTitle": "Update Network",
+    "network.modalAddTitle": "Add Network",
+    "network.modalAddDescription":
+      "Access internal resources in LANs and VPC by adding a network.",
+    "network.updated": "Network updated successfully.",
+    "network.updating": "Updating network...",
+    "network.created": "Network created successfully.",
+    "network.creating": "Creating network...",
+    "network.name": "Network Name",
+    "network.nameHelp": "Provide a unique name for the network.",
+    "network.namePlaceholder": "e.g., Office Network",
+    "network.descriptionLabel": "Description (optional)",
+    "network.descriptionHelp":
+      "Write a short description to add more context to this network.",
+    "network.descriptionPlaceholder": "e.g., Berlin, Office 12",
+    "actions.viewDetails": "View Details",
+    "actions.delete": "Delete",
+    "actions.edit": "Edit",
+    "actions.configure": "Configure",
+    "actions.continue": "Continue",
+    "actions.back": "Back",
+    "authenticationTab.saveTitle": "Save Authentication Settings",
+    "authenticationTab.saveDescription":
+      "Authentication settings successfully saved.",
+    "authenticationTab.saving": "Saving the authentication settings...",
+    "authenticationTab.userApprovalLabel": "User Approval Required",
+    "authenticationTab.userApprovalHelpLine1":
+      "Require manual approval for new users joining via",
+    "authenticationTab.userApprovalHelpLine2":
+      "domain matching. Users will be blocked until approved.",
+    "authenticationTab.peerSessionLabel": "Peer Session Expiration",
+    "authenticationTab.peerSessionHelpLine1":
+      "Request periodic re-authentication of peers",
+    "authenticationTab.peerSessionHelpLine2": "registered with SSO.",
+    "authenticationTab.sessionExpiration": "Session Expiration",
+    "authenticationTab.sessionExpirationHelp":
+      "Time after which every peer added with SSO login will require re-authentication.",
+    "authenticationTab.selectInterval": "Select interval...",
+    "authenticationTab.days": "Days",
+    "authenticationTab.hours": "Hours",
+    "authenticationTab.requireLoginAfterDisconnect":
+      "Require login after disconnect",
+    "authenticationTab.requireLoginAfterDisconnectHelp":
+      "Enable to require authentication after users disconnect from management for 10 minutes.",
+    "identityProviders.type": "Type",
+    "identityProviders.description":
+      "Configure identity providers for user authentication in your network.",
+    "identityProviders.searchPlaceholder": "Search by name or type...",
+    "identityProviders.emptyTitle": "Add Identity Provider",
+    "identityProviders.emptyDescription":
+      "Configure an identity provider to enable SSO authentication for your users.",
+    "identityProviders.add": "Add Identity Provider",
+    "identityProviders.deleteTitle": "Delete Identity Provider",
+    "identityProviders.deletedDescription":
+      "Identity provider was deleted successfully.",
+    "identityProviders.deleting": "Deleting identity provider...",
+    "identityProviders.deleteConfirmTitle": "Delete '{name}'?",
+    "identityProviders.deleteConfirmDescription":
+      "Are you sure you want to delete this identity provider? This action cannot be undone.",
+    "identityProviderModal.updateTitle": "Update Identity Provider",
+    "identityProviderModal.updatedDescription":
+      "Identity provider was updated successfully.",
+    "identityProviderModal.updating": "Updating identity provider...",
+    "identityProviderModal.createTitle": "Create Identity Provider",
+    "identityProviderModal.createdDescription":
+      "Identity provider was created successfully.",
+    "identityProviderModal.creating": "Creating identity provider...",
+    "identityProviderModal.editModalTitle": "Edit Identity Provider",
+    "identityProviderModal.addModalTitle": "Add Identity Provider",
+    "identityProviderModal.editModalDescription":
+      "Update the identity provider configuration",
+    "identityProviderModal.addModalDescription":
+      "Configure a new identity provider for authentication",
+    "identityProviderModal.providerType": "Provider Type",
+    "identityProviderModal.providerTypeHelp":
+      "Select the type of identity provider",
+    "identityProviderModal.selectProviderType": "Select provider type...",
+    "identityProviderModal.nameHelp":
+      "A friendly name to identify this provider",
+    "identityProviderModal.namePlaceholder": "e.g., Corporate SSO",
+    "identityProviderModal.issuerUrl": "Issuer URL",
+    "identityProviderModal.issuerUrlHelp":
+      "The OIDC issuer URL for this provider",
+    "identityProviderModal.clientId": "Client ID",
+    "identityProviderModal.clientIdHelp":
+      "The OAuth2 confidential client ID",
+    "identityProviderModal.clientIdPlaceholder": "Enter client ID",
+    "identityProviderModal.clientSecret": "Client Secret",
+    "identityProviderModal.clientSecretHelp": "The OAuth2 client secret",
+    "identityProviderModal.clientSecretChangedHelp":
+      "Required when client ID is changed",
+    "identityProviderModal.clientSecretOptionalHelp":
+      "Leave empty to keep the existing secret, or enter a new one",
+    "identityProviderModal.clientSecretPlaceholder":
+      "Enter client secret",
+    "identityProviderModal.clientSecretMaskedPlaceholder": "••••••••",
+    "identityProviderModal.redirectUrl": "Redirect / Callback URL",
+    "identityProviderModal.redirectUrlHelp":
+      "Copy this URL to your identity provider configuration",
+    "identityProviderModal.redirectCopied":
+      "Redirect URL was copied to your clipboard!",
+    "identityProviderModal.addProvider": "Add Provider",
+    "networkResources.addModalTitle": "Add Resource",
+    "networkResources.editModalTitle": "Edit Resource",
+    "networkResources.addModalDescription":
+      "Add new resource to '{network}'",
+    "networkResources.resourceTab": "Resource",
+    "networkResources.accessControlTab": "Access Control",
+    "networkResources.nameHelp":
+      "Set an easily identifiable name for your resource",
+    "networkResources.namePlaceholder": "e.g., Postgres Database",
+    "networkResources.nameExistsError":
+      "A resource with this name already exists. Please use another name.",
+    "networkResources.addressDescriptionPrefix": "Enter a single",
+    "networkResources.addressLabel": "Address",
+    "networkResources.addressHelp":
+      "Enter a single IP address, CIDR block or domain name",
+    "networkResources.addressIpHelp":
+      "A single host address, e.g., 10.0.0.1 or 192.168.1.5. Use this to give access to a specific machine or service.",
+    "networkResources.ipAddress": "IP Address",
+    "networkResources.addressCidrHelp":
+      "To give access to an entire subnet, use a CIDR block. For example, 10.0.0.0/24 or 192.168.1.0/24.",
+    "networkResources.cidrBlock": "CIDR Block",
+    "networkResources.or": "or",
+    "networkResources.addressDomainHelp":
+      "A DNS domain name, e.g., service.internal, example.com or *.example.com to match all subdomains.",
+    "networkResources.domainName": "Domain Name",
+    "networkResources.addressPlaceholder": "Address (IP, CIDR or Domain)",
+    "networkResources.addressDomainError":
+      "Please enter a valid domain, e.g. service.internal, example.com or *.example.com",
+    "networkResources.addressIpOrCidrError":
+      "Please enter a valid IP or CIDR, e.g., 10.0.0.21, 192.168.1.0/24",
+    "networkResources.policyCountDisabled": "{count} Disabled",
+    "networkResources.optionalSettings": "Optional Settings",
+    "networkResources.descriptionHelp":
+      "Write a short description to add more context to this resource.",
+    "networkResources.descriptionPlaceholder":
+      "e.g., Production, Development",
+    "networkResources.groupsLabel": "Resource Groups",
+    "networkResources.groupsHelpLine1":
+      "Add this resource to a group (e.g., Databases, Web Servers) and reference the group",
+    "networkResources.groupsHelpLine2":
+      "in access policies to simplify management.",
+    "networkRoutingPeers.addTitle": "Add Routing Peer",
+    "networkRoutingPeers.updateTitle": "Update Routing Peer",
+    "networkRoutingPeers.description": "Route traffic to '{name}'",
+    "networkRoutingPeers.addedSuccessfully": "Routing Peer added successfully.",
+    "networkRoutingPeers.adding": "Adding Routing Peer...",
+    "networkRoutingPeers.tabs.routingPeers": "Routing Peers",
+    "networkRoutingPeers.tabs.advanced": "Advanced Settings",
+    "networkRoutingPeers.segment.peer": "Routing Peers",
+    "networkRoutingPeers.segment.peerHelp":
+      "Assign a single or multiple peers as routing peers for the network.",
+    "networkRoutingPeers.segment.group": "Peer Group",
+    "networkRoutingPeers.segment.groupHelp":
+      "Assign a peer group with machines to be used as routing peers.",
+    "networkRoutingPeers.dontHave": "Don't have a routing peer?",
+    "networkRoutingPeers.dontHaveHelp":
+      "You can install Cloink with a setup key on one or more machines to act as routing peers.",
+    "networkRoutingPeers.notifyTitle": "Network Routing Peer",
+    "networkRoutingPeers.toggleDescription": "Routing peer is now {status}",
+    "networkRoutingPeers.masqueradeToggleDescription":
+      "Masquerade is now {status}",
+    "networkRoutingPeers.updating": "Updating routing peer...",
+    "networkRoutingPeers.updatingMasquerade": "Updating masquerade...",
+    "networkRoutingPeers.enable": "Enable Routing Peer",
+    "networkRoutingPeers.enableHelp":
+      "Use this switch to enable or disable the routing peer.",
+    "networkRoutingPeers.metric": "Metric",
+    "networkRoutingPeers.metricHelp":
+      "A lower metric indicates higher priority routing peers.",
+    "networkRoutingPeers.createSetupKeyTitle": "Create a Setup Key?",
+    "networkRoutingPeers.createSetupKeyDescription":
+      "If you continue, a one-off setup key will be automatically created and you will be able to install Cloink.",
+    "networkRoutingPeers.setupKeyName": "Routing Peer ({name})",
+    "networkRoutingPeers.masqueradeHelp":
+      "Allow access to your private networks without configuring routes on your local routers or other devices.",
+    "networkRoutingPeers.masqueradeTooltip":
+      "Masquerade needs to be enabled for non-Linux routing peers.",
+    "networkRoutingPeers.masqueradeWarningPrefix": "Group ",
+    "networkRoutingPeers.masqueradeWarningSuffix":
+      " contains at least one non-Linux peer. Disabled Masquerade will have no effect on non-Linux routing peers.",
+    "networkResources.groupsPlaceholder":
+      "Add or select resource group(s)...",
+    "networkResources.groupsUpdateTitle": "Update Resource",
+    "networkResources.groupsUpdateDescription": "'{name}' groups updated",
+    "networkResources.groupsUpdating": "Updating resource groups...",
+    "networkResources.groupsModalDescription":
+      "Add this resource to a group (e.g., Databases, Web Servers) and reference the group in access policies to simplify management.",
+    "networkResources.groupPolicyPrefix":
+      "Your selected resource groups are used in",
+    "networkResources.groupPolicyCount": "{count} Access Control Policies",
+    "networkResources.groupPolicyInheritance":
+      "This resource will inherit access from",
+    "networkResources.thisPolicy": "this policy",
+    "networkResources.thesePolicies": "these policies",
+    "networkResources.reviewPoliciesPrefix": "Please review them in the",
+    "networkResources.reviewPoliciesSuffix": "tab.",
+    "networkResources.reviewPoliciesInline":
+      "Please review them in the Access Control tab.",
+    "networkResources.noPoliciesTitle":
+      "No Access Control Policies Configured",
+    "networkResources.noPoliciesDescription":
+      "Without access control policies, this resource will not be accessible by any peers. You can also create policies later. Are you sure you want to continue?",
+    "networkResources.createdTitle": "Resource Created",
+    "networkResources.createdDescription":
+      "The resource '{name}' has been created successfully.",
+    "networkResources.creating": "Creating resource...",
+    "networkResources.updatedTitle": "Resource Updated",
+    "networkResources.updatedDescription":
+      "Resource '{name}' has been updated successfully.",
+    "networkResources.toggleDescription": "'{name}' is now {status}",
+    "networkResources.updating": "Updating resource...",
+    "networkResources.add": "Add Resource",
+    "networkResources.linkLabel": "Resources",
+    "networkResourceAccessControl.title": "Access Control Policies",
+    "networkResourceAccessControl.description":
+      "Define which source groups are allowed to access this resource. You can also restrict access to specific protocols and ports. Without policies access to this resource will not be possible.",
+    "networkResourceAccessControl.sourceGroups": "Source Groups",
+    "networkResourceAccessControl.protocolPorts": "Protocol & Ports",
+    "networkResourceAccessControl.editPolicy": "Edit Policy",
+    "networkResourceAccessControl.deletePolicy": "Delete Policy",
+    "networkResourceAccessControl.addPolicy": "Add Policy",
+    "resourcesTable.address": "Address",
+    "resourcesTable.active": "Active",
+    "resourcesTable.searchPlaceholder": "Search by name, address or group...",
+    "resourcesTable.emptyGroupTitle": "This group has no assigned resources",
+    "resourcesTable.emptyNetworkTitle": "This network has no resources",
+    "resourcesTable.emptyGroupDescription":
+      "Assign this group to your resources inside your networks to see them listed here.",
+    "resourcesTable.emptyNetworkDescription":
+      "Add resources to this network to control what peers can access. Resources can be anything from a single IP, a subnet, or a domain.",
+    "resourcesTable.goToNetworks": "Go to Networks",
+    "resourcesTable.networkDescription":
+      "Add resources to this network to control what peers can access.",
+    "clientSettings.notifyTitle": "Client Settings",
+    "clientSettings.updatedDescription":
+      "Client settings successfully updated.",
+    "clientSettings.updating": "Updating client settings...",
+    "clientSettings.autoUpdateDisabled": "Disabled",
+    "clientSettings.autoUpdateLatest": "Latest Version",
+    "clientSettings.autoUpdateCustom": "Custom Version",
+    "clientSettings.versionError":
+      "Please enter a valid version, e.g., 0.2, 0.2.0, 0.2.0-alpha.1",
+    "clientSettings.lazyConnectionsTitle": "Lazy Connections",
+    "clientSettings.lazyConnectionsEnabled":
+      "Lazy Connections successfully enabled.",
+    "clientSettings.lazyConnectionsDisabled":
+      "Lazy Connections successfully disabled.",
+    "clientSettings.lazyConnectionsUpdating":
+      "Updating Lazy Connections setting...",
+    "clientSettings.automaticUpdates": "Automatic Updates",
+    "clientSettings.automaticUpdatesHelpPrefix":
+      "Configure how Cloink clients receive update notifications.",
+    "clientSettings.automaticUpdatesHelpMiddle":
+      "When enabled, users will be prompted to install the selected version.",
+    "clientSettings.requiresAtLeast": "This requires at least Cloink",
+    "clientSettings.learnMore": "Learn more",
+    "clientSettings.version": "Version",
+    "clientSettings.versionPlaceholder": "e.g., 0.52.2",
+    "clientSettings.forceAutomaticUpdates": "Force Automatic Updates",
+    "clientSettings.forceAutomaticUpdatesHelp":
+      "When enabled, updates are installed automatically in the background without user interaction.",
+    "clientSettings.forceAutomaticUpdatesWarning":
+      "Enabling automatic updates will restart the Cloink client during updates, which can temporarily disrupt active connections. Use with caution in production environments.",
+    "clientSettings.exposeServices": "Expose Services from CLI",
+    "clientSettings.exposeServicesHelpLine1":
+      "Allow peers to expose local services through the Cloink reverse proxy using the CLI.",
+    "clientSettings.enablePeerExpose": "Enable Peer Expose",
+    "clientSettings.enablePeerExposeHelp":
+      "When enabled, peers can expose local HTTP services accessible via a public URL.",
+    "clientSettings.allowedPeerGroups": "Allowed peer groups",
+    "clientSettings.allowedPeerGroupsHelp":
+      "Select which peer groups are allowed to expose services. At least one group is required.",
+    "clientSettings.selectPeerGroups": "Select peer groups...",
+    "clientSettings.experimental": "Experimental",
+    "clientSettings.lazyConnectionsHelpPrefix":
+      "Lazy connections are an experimental feature. Functionality and behavior may evolve. Instead of maintaining always-on connections, Cloink activates them on-demand based on activity or signaling.",
+    "clientSettings.enableLazyConnections": "Enable Lazy Connections",
+    "clientSettings.enableLazyConnectionsHelp":
+      "Allow to establish connections between peers only when required. This requires Cloink client v0.45 or higher. Changes will only take effect after restarting the clients.",
+    "networkSettings.dnsWildcardTitle": "DNS Wildcard Routing",
+    "networkSettings.dnsWildcardEnabled":
+      "DNS Wildcard Routing successfully enabled.",
+    "networkSettings.dnsWildcardDisabled":
+      "DNS Wildcard Routing successfully disabled.",
+    "networkSettings.dnsWildcardUpdating":
+      "Updating DNS wildcard setting...",
+    "networkSettings.notifyTitle": "Network Settings",
+    "networkSettings.updatedDescription":
+      "Network settings successfully updated.",
+    "networkSettings.updating": "Updating network settings...",
+    "networkSettings.domainError":
+      "Please enter a valid domain, e.g. example.com or intra.example.com",
+    "networkSettings.networkRangeEmptyError":
+      "Network range cannot be empty",
+    "networkSettings.networkRangeError":
+      "Please enter a valid IPv4 CIDR range, e.g. 100.64.0.0/16 or 192.168.1.0/24",
+    "networkSettings.dnsDomain": "DNS Domain",
+    "networkSettings.dnsDomainHelp":
+      "Specify a custom peer DNS domain for your network. This should not point to a domain that is already in use elsewhere, to avoid overriding DNS results.",
+    "networkSettings.networkRange": "Network Range",
+    "networkSettings.networkRangeHelp":
+      "Specify a custom IPv4 range for your network in CIDR format. All peer IPs will be re-allocated when changed.",
+    "networkSettings.networkRangePlaceholder": "e.g. 100.64.0.0/16",
+    "networkSettings.enableDnsWildcardRouting":
+      "Enable DNS Wildcard Routing",
+    "networkSettings.enableDnsWildcardRoutingHelp":
+      "Allow routing using DNS wildcards. This requires Cloink client v0.35 or higher. Changes will only take effect after restarting the clients.",
+    "permissionsTab.notifyTitle": "Permission Settings",
+    "permissionsTab.updatedDescription":
+      "Permissions were updated successfully.",
+    "permissionsTab.updating": "Updating permissions...",
+    "permissionsTab.restrictDashboard":
+      "Restrict dashboard for regular users",
+    "permissionsTab.restrictDashboardHelp":
+      "Access to the dashboard will be limited and regular users will not be able to view any peers.",
+    "dangerZone.deleteAccountTitle": "Delete Cloink account",
+    "dangerZone.deletedDescription":
+      "Cloink account was successfully deleted.",
+    "dangerZone.deleting": "Deleting the account...",
+    "dangerZone.confirmDescription":
+      "Are you sure you want to delete your Cloink account? This action cannot be undone.",
+    "dangerZone.deleteAccountWarning":
+      "Before proceeding to delete your Cloink account, please be aware that this action is irreversible. Once your account is deleted, you will permanently lose access to all associated data, including your peers, users, groups, policies, and routes.",
+    "dangerZone.deleteAccountButton": "Delete Account",
+    "groupsSettings.title": "User Groups",
+    "groupsSettings.save": "Save",
+    "groupsSettings.notifyTitle": "Group Settings",
+    "groupsSettings.updatedDescription":
+      "Group settings were updated successfully.",
+    "groupsSettings.updating": "Updating group settings...",
+    "groupsSettings.enablePropagation": "Enable user group propagation",
+    "groupsSettings.enablePropagationHelp":
+      "Allow group propagation from user's auto-groups to peers, sharing membership information.",
+    "groupsSettings.enableJwtSync": "Enable JWT group sync",
+    "groupsSettings.enableJwtSyncHelp":
+      "Extract and sync groups from JWT claims with user's auto-groups, auto-creating groups from tokens.",
+    "groupsSettings.jwtAllowGroupTitle": "JWT allow group - {group}",
+    "groupsSettings.jwtAllowGroupDescription":
+      "Only users part of the {group} group will be able to access Cloink. Are you sure you want to save the changes?",
+    "groupsSettings.accessWarning":
+      "To prevent losing access, ensure you are part of this group.",
+    "groupsSettings.jwtClaim": "JWT claim",
+    "groupsSettings.jwtClaimHelp":
+      "Specify the JWT claim for extracting group names, e.g., roles or groups, to add to account groups. This claim should contain a list of group names.",
+    "groupsSettings.jwtClaimPlaceholder": "e.g., roles",
+    "groupsSettings.jwtAllowGroups": "JWT allow groups",
+    "groupsSettings.jwtAllowGroupsHelp":
+      "Limit access to Cloink for the specified group names, e.g., Cloink users. To use the groups, you need to configure them first in your IdP.",
+    "groupsSettings.addGroupPlaceholder": "Add a group and press Enter",
+    "groupsSettings.manageGroupsPrefix":
+      "Looking to view and manage your groups? You can find group management under",
+    "groupsSettings.manageGroupsLink": "Access Control / Groups",
+    "accessTokens.title": "Access Tokens",
+    "accessTokens.expires": "Expires",
+    "accessTokens.lastUsed": "Last used",
+    "accessTokens.lastUsedOn": "Last used on",
+    "accessTokens.emptyTitle": "No access tokens",
+    "accessTokens.emptyDescription":
+      "You don't have any access tokens yet. You can add a token to access the Cloink API.",
+    "accessTokens.deletedDescription":
+      "Access token was successfully deleted",
+    "accessTokens.deleting": "Deleting the access token...",
+    "accessTokens.deleteConfirmTitle": "Delete '{name}'?",
+    "accessTokens.deleteConfirmDescription":
+      "Are you sure you want to delete this token? This action cannot be undone.",
+    "accessTokens.createdTitle": "Access token created successfully!",
+    "accessTokens.createdHelp":
+      "This token will not be shown again, so be sure to copy it and store in a secure location.",
+    "accessTokens.copied": "Access token was copied to your clipboard!",
+    "accessTokens.createFailedFallback":
+      "Access token could not be created...",
+    "accessTokens.close": "Close",
+    "accessTokens.copyToClipboard": "Copy to clipboard",
+    "accessTokens.creatingTitle": "Creating access token",
+    "accessTokens.createdDescription": "{name} was created successfully",
+    "accessTokens.creating": "Creating access token...",
+    "accessTokens.modalTitle": "Create Access Token",
+    "accessTokens.modalDescription":
+      "Use this token to access Cloink's public API",
+    "accessTokens.nameHelp":
+      "Set an easily identifiable name for your token",
+    "accessTokens.namePlaceholder": "e.g., Infra token",
+    "accessTokens.expiresIn": "Expires in",
+    "accessTokens.expiresInHelp": "Should be between 1 and 365 days.",
+    "accessTokens.days": "Day(s)",
+    "accessTokens.createToken": "Create Token",
+    "postureChecks.title": "Posture Checks",
+    "postureChecks.updateModalTitle": "Update Posture Check",
+    "postureChecks.createModalTitle": "Create Posture Check",
+    "postureChecks.modalDescription":
+      "Use posture checks to further restrict access in your network.",
+    "postureChecks.checks": "Checks",
+    "postureChecks.nameDescription": "Name & Description",
+    "postureChecks.nameLabel": "Name of the Posture Check",
+    "postureChecks.nameHelp":
+      "Set an easily identifiable name for your posture check.",
+    "postureChecks.namePlaceholder": "e.g., Cloink Version > 0.25.0",
+    "postureChecks.descriptionLabel": "Description (optional)",
+    "postureChecks.descriptionHelp":
+      "Write a short description to add more context to this policy.",
+    "postureChecks.descriptionPlaceholder":
+      "e.g., Check if the Cloink version is bigger than 0.25.0",
+    "postureChecks.createButton": "Create Posture Check",
+    "postureChecks.searchPlaceholder":
+      "Search by name and description...",
+    "postureChecks.addButton": "Add Posture Check",
+    "postureChecks.emptyTitle": "Create Posture Check",
+    "postureChecks.emptyDescription":
+      "Add posture checks to further restrict access in your network. E.g., only clients with a specific Cloink client version, operating system or location are allowed to connect.",
+    "postureChecks.countLabel": "{count} Posture Checks",
+    "postureChecks.browseChecks": "Browse Checks",
+    "postureChecks.newButton": "New Posture Check",
+    "postureChecks.editButton": "Edit Posture Check",
+    "postureChecks.removeButton": "Remove Posture Check",
+    "postureChecks.addSelected": "Add Posture Checks ({count})",
+    "postureChecks.selectAll": "Select all",
+    "postureChecks.selectRow": "Select row",
+    "postureChecks.deleteConfirmTitle": "Delete '{name}'?",
+    "postureChecks.deleteConfirmDescription":
+      "Are you sure you want to delete this posture check? This action cannot be undone.",
+    "postureChecks.deletedDescription":
+      "Posture check was successfully deleted",
+    "postureChecks.deleting": "Deleting posture check...",
+    "postureChecks.deleteDisabledTooltip":
+      "This posture check is assigned to a policy and cannot be deleted. Please remove the posture check from all policies before deleting it.",
+    "postureChecks.goToPoliciesTooltip":
+      "To assign this posture check to your policies, visit the Policies page.",
+    "postureChecks.goToPolicies": "Go to Policies",
+    "postureChecks.noChecksTitle":
+      "You haven't added any posture checks yet",
+    "postureChecks.disableCheckTitle": "Disable this check?",
+    "postureChecks.disableCheckDescription":
+      "Are you sure you want to disable this check? All settings of this check will be lost.",
+    "postureChecks.disable": "Disable",
+    "postureChecks.netbirdVersionTitle": "Cloink Client Version",
+    "postureChecks.netbirdVersionDescription":
+      "Restrict access to peers with a specific Cloink client version.",
+    "postureChecks.minimumRequiredVersion": "Minimum required version",
+    "postureChecks.minimumRequiredVersionHelp":
+      "Only peers with the minimum specified Cloink client version will have access to the network.",
+    "postureChecks.versionPlaceholder": "e.g., 0.25.0",
+    "postureChecks.clientVersionCheck": "Client Version Check",
+    "postureChecks.geoLocationTitle": "Country & Region",
+    "postureChecks.geoLocationDescription":
+      "Restrict access in your network based on country or region.",
+    "postureChecks.geoLicensePrefix":
+      "This check includes GeoLite2 data created by MaxMind, available from",
+    "postureChecks.allowOrBlockLocation": "Allow or Block Location",
+    "postureChecks.allowOrBlockLocationHelp":
+      "Choose whether you want to allow or block access from specific countries or regions",
+    "postureChecks.allow": "Allow",
+    "postureChecks.block": "Block",
+    "postureChecks.addLocation": "Add Location",
+    "postureChecks.countryRegionCheck": "Country & Region Check",
+    "postureChecks.peerNetworkRangeTitle": "Peer Network Range",
+    "postureChecks.peerNetworkRangeDescription":
+      "Restrict access by allowing or blocking peer network ranges.",
+    "postureChecks.cidrError":
+      "Please enter a valid CIDR, e.g., 192.168.1.0/24",
+    "postureChecks.allowOrBlockRanges": "Allow or Block Ranges",
+    "postureChecks.allowOrBlockRangesHelp":
+      "Choose whether you want to allow or block specific peer network ranges",
+    "postureChecks.networkRangePlaceholder": "e.g., 172.16.0.0/16",
+    "postureChecks.addNetworkRange": "Add Network Range",
+    "postureChecks.peerNetworkRangeCheck": "Peer Network Range Check",
+    "postureChecks.processTitle": "Process",
+    "postureChecks.processDescription":
+      "Restrict access in your network based on running processes of a peer.",
+    "postureChecks.operatingSystemTitle": "Operating System",
+    "postureChecks.operatingSystemDescription":
+      "Restrict access in your network based on the operating system.",
+    "postureChecks.osLinux": "Linux",
+    "postureChecks.osWindows": "Windows",
+    "postureChecks.osMacos": "macOS",
+    "postureChecks.osIos": "iOS",
+    "postureChecks.osAndroid": "Android",
+    "postureChecks.operatingSystemCheck": "Operating System Check",
+    "postureChecks.allVersions": "All versions",
+    "postureChecks.equalOrGreaterThan": "Equal or greater than",
+    "postureChecks.kernelVersion": "Kernel Version",
+    "postureChecks.allowOrBlock": "Allow or Block",
+    "postureChecks.allowOrBlockOsHelp":
+      "Choose whether you want to allow or block the operating system.",
+    "postureChecks.selectVersion": "Select version...",
+    "postureChecks.osVersionPlaceholder": "e.g., 6.0.0",
+    "postureChecks.useCustomVersionNumber": "Use custom version number",
+    "postureChecks.useCustomVersionNumberHelp":
+      "Use a custom version number if you need more control.",
+    "postureChecks.macPathError": "Please enter a valid macOS file path",
+    "postureChecks.unixPathError": "Please enter a valid Unix file path",
+    "postureChecks.windowsPathError":
+      "Please enter a valid Windows file path",
+    "postureChecks.processesLabel": "Processes",
+    "postureChecks.processesHelp":
+      "Add the path of an executable file of the process. You can define a path for Linux, macOS and Windows. Peers will only be allowed to connect if the process is running on their system.",
+    "postureChecks.addProcess": "Add Process",
+    "postureChecks.processCheck": "Process Check",
+    "postureChecks.allowOnly": "Allow only",
+    "postureChecks.minimumClientVersion": "Min. Client Version",
+    "postureChecks.geoTooltipAllowedLine1": "the following",
+    "postureChecks.geoTooltipBlockedLine1": "the following",
+    "postureChecks.geoTooltipLine2": "countries & regions",
+    "postureChecks.peerRangeTooltipAllowed":
+      "the following peer network ranges",
+    "postureChecks.peerRangeTooltipBlocked":
+      "the following peer network ranges",
+    "postureChecks.processTooltipAllowed":
+      "peers which are running the following processes",
+    "postureChecks.unknownPath": "Unknown path",
+    "postureChecks.versionLabel": "Version",
+    "setupModal.there": "there",
+    "setupModal.welcomeTitle": "Hello {name}!",
+    "setupModal.welcomeSubtitle": "It's time to add your first device.",
+    "setupModal.installWithSetupKey": "Install Cloink with Setup Key",
+    "setupModal.installNetBird": "Install Cloink",
+    "setupModal.setupKeyDescription":
+      "To get started, install and run Cloink with the setup key as a parameter.",
+    "setupModal.defaultDescription":
+      "To get started, install Cloink and log in with your email account.",
+    "setupModal.linux": "Linux",
+    "setupModal.windows": "Windows",
+    "setupModal.macos": "macOS",
+    "setupModal.ios": "iOS",
+    "setupModal.android": "Android",
+    "setupModal.docker": "Docker",
+    "setupModal.footerDescription":
+      "After that you should be connected. Add more devices to your network or manage your existing devices in the admin panel. If you have further questions check out our",
+    "setupModal.setupKeyInfoLine1":
+      "This setup key can be used only once within the next 24 hours.",
+    "setupModal.setupKeyInfoLine2":
+      "When expired, the same key can not be used again.",
+    "setupModal.windowsInstallTitle": "Install on Windows",
+    "setupModal.windowsStep1": "Download and run Windows Installer",
+    "setupModal.selectArchitecture": "Select architecture",
+    "setupModal.arch64": "64-Bit",
+    "setupModal.arch64Msi": "64-Bit (MSI)",
+    "setupModal.archArm64Msi": "ARM64 (MSI)",
+    "setupModal.downloadNetBird": "Download Cloink",
+    "setupModal.managementUrlInstructions":
+      "Click on \"Settings\" then \"Advanced Settings\" from the Cloink icon in your system tray and enter the following \"Management URL\"",
+    "setupModal.openCommandLineRunNetBird":
+      "Open Command-line and run Cloink",
+    "setupModal.clickConnectTray":
+      "Click on \"Connect\" from the Cloink icon in your system tray",
+    "setupModal.signUpWithEmail": "Sign up using your email address",
+    "setupModal.macosInstallTitle": "Install on macOS",
+    "setupModal.macosStep1": "Download and run macOS Installer",
+    "setupModal.openTerminalRunNetBird": "Open Terminal and run Cloink",
+    "setupModal.installManuallyTerminal": "Install manually with Terminal",
+    "setupModal.runNetBird": "Run Cloink",
+    "setupModal.andLogInBrowser": "and log in the browser",
+    "setupModal.installManuallyHomebrew": "Install manually with HomeBrew",
+    "setupModal.downloadInstallHomebrew": "Download and install HomeBrew",
+    "setupModal.homebrewGuide": "HomeBrew Installation Guide",
+    "setupModal.cliOnlyComment": "# for CLI only",
+    "setupModal.guiPackageComment": "# for GUI package",
+    "setupModal.startNetBirdDaemon": "Start Cloink daemon",
+    "setupModal.installWithCommandLine": "Install with Command-line",
+    "setupModal.installManuallyUbuntu": "Install manually on Ubuntu",
+    "setupModal.addRepository": "Add our repository",
+    "setupModal.androidInstallTitle": "Install on Android",
+    "setupModal.androidStep1":
+      "Download and install the application from Google Play Store:",
+    "setupModal.googlePlayAlt": "Download Cloink from Google Play",
+    "setupModal.changeServerInstructions":
+      "Click on \"Change Server\" and enter the following \"Server\"",
+    "setupModal.clickConnectCenter":
+      "Click on the \"Connect\" button in the middle of the screen",
+    "setupModal.iosInstallTitle": "Install on iOS",
+    "setupModal.iosStep1":
+      "Download and install the application on the App Store:",
+    "setupModal.appStoreAlt": "Download Cloink on the App Store",
+    "setupModal.dockerInstallTitle": "Install with Docker",
+    "setupModal.installDocker": "Install Docker",
+    "setupModal.officialDockerGuide": "Official Docker Installation Guide",
+    "setupModal.runNetBirdContainer": "Run Cloink container",
+    "setupModal.readDocumentation": "Read our documentation",
+    "setupModal.runningNetBirdDocker": "Running Cloink in Docker",
+    "accessControl.modalUpdateTitle": "Update Access Control Policy",
+    "accessControl.modalCreateTitle": "Create New Access Control Policy",
+    "accessControl.modalDescription":
+      "Use this policy to restrict access to groups of resources.",
+    "accessControl.tabPolicy": "Policy",
+    "accessControl.tabGeneral": "Name & Description",
+    "accessControl.protocol": "Protocol",
+    "accessControl.protocolHelp":
+      "Allow only specified network protocols. To change traffic direction and ports, select TCP or UDP protocol.",
+    "accessControl.allProtocol": "ALL",
+    "accessControl.selectProtocol": "Select protocol...",
+    "accessControl.source": "Source",
+    "accessControl.sourceHelp":
+      "Typically a group of user devices (e.g., Developers, Marketing) or individual devices in peer-to-peer connections that will access the destination.",
+    "accessControl.destination": "Destination",
+    "accessControl.destinationHelp":
+      "Typically a group of peers or resources (e.g., Servers, Databases, Internal Services) that will be accessed by the source. Can also be an individual peer or resource.",
+    "accessControl.selectSources": "Select source(s)...",
+    "accessControl.selectDestinations": "Select destination(s)...",
+    "accessControl.resourceWarning":
+      "Some destination groups contain resources. Resources only support incoming traffic and cannot initiate connections.",
+    "accessControl.sshResourceWarning":
+      "SSH access only works on peers, not on routed resources. Please ensure your destination groups contain peers for SSH connectivity.",
+    "accessControl.sshAccess": "SSH Access",
+    "accessControl.sshAccessHelp":
+      "Select 'Full Access' to allow SSH as any local user, or 'Limited Access' to specify which local users each group is allowed to use.",
+    "accessControl.netbirdSshTooltip":
+      "Select Cloink SSH for SSH-specific policies with fine-grained access control, or use TCP with port 22 for basic network-level SSH access",
+    "accessControl.netbirdSsh": "Cloink SSH",
+    "accessControl.selectSshAccessType": "Select SSH access type...",
+    "accessControl.fullAccess": "Full Access",
+    "accessControl.limitedAccess": "Limited Access",
+    "accessControl.noSourceGroupsForSsh":
+      "You have not added any source groups yet, please add source groups in order to specify which user group has access to which system users on the destination machines.",
+    "accessControl.allLocalUsers": "All Local Users",
+    "accessControl.sshUsernamePlaceholder": "E.g., root, ec2-user, ubuntu",
+    "accessControl.addUsernameByPressing": "Add username by pressing",
+    "accessControl.enterKey": "'Enter'",
+    "accessControl.ports": "Ports",
+    "accessControl.portsHelp":
+      "Allow network traffic and access only to specified ports. Select ports or port ranges between 1 and 65535.",
+    "accessControl.enablePolicy": "Enable Policy",
+    "accessControl.enablePolicyHelp":
+      "Use this switch to enable or disable the policy.",
+    "accessControl.ruleEnabled": "The rule was successfully enabled",
+    "accessControl.ruleDisabled": "The rule was successfully disabled",
+    "accessControl.postureChecksCount": "{count} Posture Check(s)",
+    "accessControl.addPostureCheck": "Add Posture Check",
+    "accessControl.ruleName": "Name of the Rule",
+    "accessControl.ruleNameHelp":
+      "Set an easily identifiable name for your policy.",
+    "accessControl.ruleNamePlaceholder": "e.g., Devs to Servers",
+    "accessControl.ruleDescription": "Description (optional)",
+    "accessControl.ruleDescriptionHelp":
+      "Write a short description to add more context to this policy.",
+    "accessControl.ruleDescriptionPlaceholder":
+      "e.g., Devs are allowed to access servers and servers are allowed to access Devs.",
+    "groups.actionRenameDisabledIntegration":
+      "This group name is managed by an integration and cannot be renamed.",
+    "groups.actionRenameDisabledJwt":
+      "This JWT group cannot be renamed.",
+    "groups.actionDeleteDisabled": "This group is currently in use and cannot be deleted.",
+    "groups.actionDeleteDisabledIntegration":
+      "This group is managed by an integration and cannot be deleted.",
+    "policies.deleteTitle": "Delete '{name}'?",
+    "policies.deleteDescription":
+      "Are you sure you want to delete this access control policy? This action cannot be undone.",
+    "notification.genericError": "Something went wrong...",
+    "peerGroupSelector.addOrSelectGroups": "Add or select group(s)...",
+    "peerGroupSelector.searchGroups":
+      "Search groups or add new group by pressing \"Enter\"...",
+    "peerGroupSelector.searchResource": "Search resource...",
+    "peerGroupSelector.searchPeer": "Search peer...",
+    "peerGroupSelector.search": "Search...",
+    "peerGroupSelector.addGroupByPressingPrefix":
+      "Add this group by pressing",
+    "peerGroupSelector.addGroupByPressingSuffix": "",
+    "peerGroupSelector.enterKey": "'Enter'",
+    "peerGroupSelector.routingPeerGroupDisabled":
+      "This group is already part of the routing peer and can not be used for the access control groups.",
+    "peerGroupSelector.zeroUsers": "0 User(s)",
+    "peerGroupSelector.noMatchingResources":
+      "There are no resources matching your search. Please try a different search term.",
+    "peerGroupSelector.noResourcesAvailable":
+      "There are no resources available yet.",
+    "peerGroupSelector.noMatchingPeers":
+      "There are no peers matching your search. Please try a different search term.",
+    "peerGroupSelector.noPeersAvailable":
+      "There are no peers available yet.",
+    "peerGroupSelector.resourceCount": "{count} Resource(s)",
+    "peers.searchPlaceholder": "Search by name, IP, owner or group...",
+    "peers.browserPeersTooltip":
+      "Show temporary peers created by the Cloink browser client. These peers are ephemeral and will be deleted automatically after a short period of time.",
+    "peers.lastSeen": "Last seen",
+    "table.serialNumber": "Serial Number",
+    "table.version": "Version",
+    "peerMultiSelect.overwriteGroupsTitle": "Overwrite existing groups?",
+    "peerMultiSelect.overwriteGroupsDescription":
+      "Are you sure you want to overwrite the existing groups of your {count} selected peer(s)? This action cannot be undone.",
+    "peerMultiSelect.overwrite": "Overwrite",
+    "peerMultiSelect.assignGroupsTitle": "Assign Groups to Peers",
+    "peerMultiSelect.assignGroupsDescription":
+      "Groups were successfully assigned to the peers",
+    "peerMultiSelect.updatingGroups":
+      "Updating the groups of the selected peers...",
+    "peerMultiSelect.deletePeersTitle": "Delete '{count}' {peerWord}?",
+    "peerMultiSelect.deletePeersDescription":
+      "Are you sure you want to delete these peers? This action cannot be undone.",
+    "peerMultiSelect.deleteAll": "Delete All",
+    "peerMultiSelect.deletePeersNotifyTitle": "Delete Peers",
+    "peerMultiSelect.deletePeersNotifyDescription":
+      "Peers were successfully deleted",
+    "peerMultiSelect.deletingPeers": "Deleting the selected peers...",
+    "peerMultiSelect.assigningGroups": "Assigning groups...",
+    "peerMultiSelect.groupsAssigned": "Groups successfully assigned",
+    "peerMultiSelect.assignGroupsLabel": "Assign Groups",
+    "peerMultiSelect.assignGroupsHelp":
+      "Assign the following groups to the selected peers. Previously assigned groups will be kept unless you choose to overwrite them.",
+    "peerMultiSelect.overwriteExistingGroups": "Overwrite Existing Groups",
+    "peerMultiSelect.overwriteExistingGroupsHelp":
+      "Overwrite the existing groups of the peers with the selected ones. Previously assigned groups will be removed.",
+    "peerMultiSelect.peersSelected": "{count} Peer(s) selected",
+    "peerMultiSelect.addGroups": "Add Groups",
+    "peerMultiSelect.overwriteGroups": "Overwrite Groups",
+    "lastTimeRow.lastSeenOn": "Last seen on",
+    "peerGroupSelector.goToNetworksToAdd": "Networks",
+    "peerGroupSelector.goToPeersToAdd": "Peers",
+    "peerGroupSelector.toAddResourcesPrefix":
+      "Go to",
+    "peerGroupSelector.toAddResourcesSuffix":
+      "to add some resources.",
+    "peerGroupSelector.toAddPeersPrefix":
+      "Go to",
+    "peerGroupSelector.toAddPeersSuffix":
+      "to add some peers.",
+  
+    "peerSelector.selectPeer": "Select a peer...",
+    "peerSelector.searchPlaceholder": "Search for peers by name or ip...",
+    "peerSelector.noPeersAvailable": "No peers available to select.",
+    "peerSelector.noMatchingPeers": "There are no peers matching your search.",
+    "peerSelector.updateNetBirdTooltip": "Please update Cloink to at least v0.36.6 or later to use this peer as a routing peer.",
+    "networkRouteSelector.selectNetwork": "Select an existing network...",
+    "networkRouteSelector.searchPlaceholder": "Search for network by name or cidr...",
+    "networkRouteSelector.noRoutes": "Seems like you don't have any network routes created yet.",
+    "networkRouteSelector.noMatchingNetworks": "There are no networks matching your search.",
+    "userSelector.selectUser": "Select a user...",
+    "userSelector.searchPlaceholder": "Search for users by name or email...",
+    "userSelector.noUsers": "There are no users to select. Invite some users for this tenant before unlinking.",
+    "userSelector.noMatchingUsers": "There are no users matching your search.",
+    "userSelector.system": "System",
+    "noPeersGettingStarted.title": "Get Started with Cloink",
+    "noPeersGettingStarted.description": "It looks like you don't have any connected machines. Get started by adding one to your network.",
+    "noPeersGettingStarted.learnMorePrefix": "Learn more in our",
+    "noPeersGettingStarted.gettingStartedGuide": "Getting Started Guide",
+    "noPeersGettingStarted.learnMoreSuffix": "",
+    "noResults.title": "Could not find any results",
+    "noResults.description": "We couldn't find any results. Please try a different search term or change your filters.",
+    "noResults.resetFilters": "Reset Filters & Search",
+    "pageNotFound.title": "The requested page was not found",
+    "pageNotFound.description": "The page you are attempting to access cannot be found. Please verify the URL or return to the dashboard to continue browsing.",
+    "pageNotFound.goBack": "Go Back",
+    "dataTable.refresh": "Refresh",
+    "dataTable.refreshCooldown": "You can refresh it again in 5 seconds",
+    "dataTable.searchFilters": "Search filters...",
+    "dataTable.noMatchingFilters": "There are no filters matching your search.",
+    "dataTable.filter": "Filter",
+    "dataTable.filters": "Filter(s)",
+    "input.togglePasswordVisibility": "Toggle password visibility",
+    "datePicker.selectDateRange": "Select date range",
+    "datePicker.allTime": "All Time",
+    "datePicker.lastMonth": "Last Month",
+    "datePicker.last14Days": "Last 14 Days",
+    "datePicker.last2Days": "Last 2 Days",
+    "datePicker.last7Days": "Last 7 Days",
+    "datePicker.yesterday": "Yesterday",
+    "datePicker.today": "Today",
+    "citySelector.placeholder": "Select city (optional)...",
+    "citySelector.searchPlaceholder": "Search city...",
+    "citySelector.allLocations": "All Locations",
+    "countrySelector.placeholder": "Select country...",
+    "countrySelector.searchPlaceholder": "Search country...",
+    "inputDomain.placeholder": "e.g., example.com",
+    "inputDomain.error": "Please enter a valid domain, e.g. example.com or intra.example.com",
+    "portSelector.selectPorts": "Select ports...",
+    "portSelector.all": "All",
+    "portSelector.placeholder": "Add a port or a range e.g. 80 or 1-1023 and press \"Enter\" to add...",
+    "portSelector.invalidPort": "Please add a valid port or port range (e.g. 80, 443, 1-1023)",
+    "portSelector.addByEnter": "Add this port or range by pressing",
+    "portSelector.enterKey": "Enter",
+    "portSelector.addThisPort": "to add this port or range",
+    "portSelector.portRangesRequire": "Port ranges requires Cloink client",
+    "portSelector.orHigher": "or higher.",
+
+    "dropdownInput.searchPlaceholder": "Search...",
+    "selectDropdown.placeholder": "Select...",
+    "selectDropdown.searchPlaceholder": "Search...",
+    "selectDropdown.noResults": "There are no results matching your search. Please try a different search term.",
+    "dataTable.searchPlaceholder": "Search...",
+    "dataTable.searchShortcut": "⌘ K",
+
+    "jsonFileUpload.wrongFileType": "You uploaded the wrong file type",
+    "jsonFileUpload.uploadJsonFile": "Please upload a JSON file",
+    "jsonFileUpload.successDescription": "You successfully uploaded your service account key",
+    "jsonFileUpload.uploadLabel": "Upload your service account key (.json)",
+    "jsonFileUpload.clickToUpload": "Click to upload",
+    "jsonFileUpload.dragAndDrop": "or drag and drop your file here",
+    "jsonFileUpload.googleWorkspace": "Google Workspace",
+    "dataTablePagination.showing": "Showing {from} to {to} of {total} {text}",
+    "dataTablePagination.rows": "rows",
+    "dataTablePagination.pageOf": "{currentPage} of {pageCount}",
+    "accessControlGroupCount.routes": "Route(s)",
+    "darkModeToggle.light": "Light",
+    "darkModeToggle.dark": "Dark",
+    "darkModeToggle.system": "System",
+    "dialog.confirmation": "Confirmation",
+    "dialog.confirmationDescription": "Are you sure you want to continue? This action cannot be undone.",
+    "dialog.confirm": "Confirm",
+
+    "peerActionCell.sessionExpirationDisabled": "Session expiration is disabled",
+    "peerActionCell.sessionExpirationEnabled": "Session expiration is enabled",
+    "peerActionCell.sessionExpirationDescriptionDisabled": "Session expiration for peer {name} was successfully disabled.",
+    "peerActionCell.sessionExpirationDescriptionEnabled": "Session expiration for peer {name} was successfully enabled.",
+    "peerActionCell.updatingSessionExpiration": "Updating session expiration...",
+    "peerActionCell.disableSessionExpiration": "Disable Session Expiration",
+    "peerActionCell.enableSessionExpiration": "Enable Session Expiration",
+    "peerActionCell.disableSshAccess": "Disable SSH Access",
+    "peerActionCell.enableSshAccess": "Enable SSH Access",
+    "peerActionCell.expirationDisabledTooltip": "Expiration is disabled for all peers added with an setup-key.",
+    "peerAddress.netBirdIp": "Cloink IP",
+    "peerAddress.publicIp": "Public IP",
+    "peerAddress.domain": "Domain",
+    "peerAddress.region": "Region",
+    "peerAddress.netBirdIpCopied": "Cloink IP has been copied to your clipboard",
+    "peerAddress.publicIpCopied": "Public IP has been copied to your clipboard",
+    "peerAddress.dnsLabelCopied": "DNS label has been copied to your clipboard",
+    "peerAddress.regionCopied": "Region has been copied to your clipboard",
+    "peerGroupCell.saved": "Groups of the peer were successfully saved",
+    "peerGroupCell.saving": "Saving the groups of the peer...",
+    "peerVersion.updateAvailable": "Update available",
+    "peerVersion.updateDescription": "A new version of Cloink is available. Please update your client to get the latest features and bug fixes.",
+    "peerVersion.downloadChangelog": "Download & Changelog",
+    "peerVersion.serial": "Serial:",
+    "table.type": "Type",
+    "table.hostname": "Hostname",
+    "table.content": "Content",
+    "table.ttl": "TTL",
+    "dns.records": "DNS Records",
+    "networkResources.saveGroups": "Save Groups",
+},
+  "zh-CN": {
+    "common.language": "语言",
+    "common.language.en": "English",
+    "common.language.zh-CN": "中文",
+    "common.selected": "已选择",
+    "common.beta": "测试版",
+    "common.on": "开",
+    "common.off": "关",
+    "common.yes": "是",
+    "common.no": "否",
+    "common.cancel": "取消",
+    "common.later": "稍后",
+    "common.group": "分组",
+    "common.unknown": "未知",
+    "common.username": "用户名",
+    "common.password": "密码",
+    "common.value": "值",
+    "table.destination": "目标地址",
+    "table.location": "位置",
+    "table.resource": "资源",
+    "table.url": "URL",
+    "reverseProxy.accessControlRules": "访问控制规则",
+    "reverseProxy.accessControlRulesDescription":
+      "定义基于国家/地区、IP 地址或 CIDR 网段来允许或阻止流量的规则。",
+    "reverseProxy.blockRulesPriority": "阻止规则的优先级始终高于允许规则。",
+    "reverseProxy.allowOnly": "仅允许",
+    "reverseProxy.blockOnly": "仅阻止",
+    "reverseProxy.country": "国家/地区",
+    "reverseProxy.ipAddress": "IP 地址",
+    "reverseProxy.cidrBlock": "CIDR 网段",
+    "reverseProxy.ipAddressPlaceholder": "例如：85.203.15.42",
+    "reverseProxy.cidrBlockPlaceholder": "例如：74.125.0.0/16",
+    "reverseProxy.validIpAddress":
+      "请输入有效的 IP 地址，例如：85.203.15.42",
+    "reverseProxy.validCidrBlock":
+      "请输入有效的 CIDR 网段，例如：74.125.0.0/16",
+    "reverseProxy.removeRule": "移除规则",
+    "reverseProxy.addRule": "添加规则",
+    "reverseProxy.searchTargetsPlaceholder": "按 URL、目标地址或目标搜索...",
+    "common.savingChanges": "正在保存更改",
+    "common.thisPage": "当前页面",
+    "common.learnMore": "了解更多",
+    "common.installNetBird": "安装 云链-Cloink",
+    "common.copiedToClipboard": "已复制到剪贴板",
+    "common.close": "关闭",
+    "common.delete": "删除",
+    "common.disabled": "已禁用",
+    "common.none": "无",
+    "common.moreCount": "+ 另外 {count} 项",
+    "common.learnMorePrefix": "了解更多关于",
+    "common.inDocumentationSuffix": "的内容，请查看我们的文档。",
+    "actions.save": "保存",
+    "actions.saveChanges": "保存更改",
+    "actions.confirmChanges": "确认更改",
+    "actions.rename": "重命名",
+    "actions.add": "添加",
+    "actions.remove": "移除",
+    "actions.goBack": "返回",
+    "nav.controlCenter": "控制中心",
+    "nav.peers": "设备",
+    "nav.setupKeys": "注册密钥",
+    "nav.accessControl": "访问控制",
+    "nav.policies": "策略",
+    "nav.groups": "分组",
+    "nav.postureChecks": "姿态检查",
+    "nav.reverseProxy": "反向代理",
+    "nav.services": "服务",
+    "nav.customDomains": "自定义域名",
+    "nav.dns": "DNS",
+    "nav.nameservers": "域名服务器",
+    "nav.zones": "区域",
+    "nav.dnsSettings": "DNS 设置",
+    "nav.team": "团队",
+    "nav.users": "用户",
+    "nav.serviceUsers": "服务用户",
+    "nav.activity": "活动",
+    "nav.auditEvents": "审计事件",
+    "nav.proxyEvents": "代理事件",
+    "nav.settings": "设置",
+    "nav.documentation": "文档",
+    "help.title": "帮助与支持",
+    "help.documentation": "文档",
+    "help.troubleshooting": "故障排查",
+    "help.forum": "云链-Cloink 论坛",
+    "help.slack": "云链-Cloink Slack",
+    "help.feedback": "反馈",
+    "errorPage.blockedTitle": "用户账号已被封禁",
+    "errorPage.pendingTitle": "用户等待审批",
+    "errorPage.defaultTitle": "访问错误",
+    "errorPage.blockedDescription":
+      "你的访问已被 云链-Cloink 账号管理员阻止，这可能是由于新用户审批要求或安全策略导致的。请联系管理员以恢复访问权限。",
+    "errorPage.pendingDescription":
+      "你的账号正在等待管理员审批。请在获得批准后再访问控制台。",
+    "errorPage.defaultDescription":
+      "访问控制台时发生错误。请重试，或联系管理员获取帮助。",
+    "errorPage.responseMessage": "响应消息",
+    "errorPage.contactAdmin":
+      "如果你认为这是一个错误，请联系你的管理员。",
+    "errorPage.tryAgain": "重试",
+    "errorPage.signOut": "退出登录",
+    "controlCenter.allNetworks": "所有网络",
+    "controlCenter.searchPeersOfUser": "搜索该用户的设备...",
+    "controlCenter.emptyNetworkTitle": "创建新网络",
+    "controlCenter.emptyNetworkDescription":
+      "看起来你还没有任何网络。添加一个网络后，你就可以访问局域网和 VPC 中的内部资源。",
+    "controlCenter.goToNetworks": "前往网络",
+    "user.profileSettings": "个人设置",
+    "user.changePassword": "修改密码",
+    "user.logout": "退出登录",
+    "restricted.titlePrefix": "你没有访问权限：",
+    "restricted.description":
+      "你当前似乎没有访问此页面的权限。只有拥有相应权限的用户才能访问这里。请联系你的网络管理员获取更多信息。",
+    "peers.title": "设备",
+    "peers.description":
+      "这里展示了连接到你的私有网络的所有机器和设备。你可以在这个页面中管理设备。",
+    "peers.learnMorePrefix": "了解更多关于",
+    "peers.learnMoreLink": "设备",
+    "peers.learnMoreSuffix": "的内容，请查看我们的文档。",
+    "peers.blockedTitle": "将新设备加入你的网络",
+    "peers.blockedDescription":
+      "开始使用前，请先安装 云链-Cloink，并使用你的邮箱账号登录。完成后设备应该就会连接成功。如果你还有问题，可以查看我们的",
+    "peers.addPeer": "添加设备",
+    "peers.installationGuide": "安装指南",
+    "setupKeys.title": "注册密钥",
+    "setupKeys.description":
+      "注册密钥是预认证密钥，可用于在你的网络中注册新的机器设备。",
+    "groups.title": "分组",
+    "groups.description":
+      "这里展示了你所在组织的分组概览，你可以删除不再使用的分组。",
+    "groups.saved": "{name} 已成功保存。",
+    "groups.updating": "正在更新分组...",
+    "groups.createTitle": "创建分组",
+    "groups.createDescription": "创建一个分组，用于管理和组织你网络中的访问",
+    "groups.createdDescription": "分组 '{name}' 已成功创建",
+    "groups.assignedGroups": "已分配分组",
+    "groups.useGroupsToControlAccess": "使用分组来控制此设备可以访问的内容",
+    "groups.searchPlaceholder": "搜索分组...",
+    "groups.count.peers": "个设备",
+    "groups.count.resources": "个资源",
+    "groups.creating": "正在创建分组...",
+    "groups.nameHelp": "为你的分组设置一个易于识别的名称",
+    "groups.namePlaceholder": "例如：Developers",
+    "team.title": "团队",
+    "users.title": "用户",
+    "users.description":
+      "在这里管理用户及其权限。同域名邮箱用户会在首次登录时自动加入。",
+    "serviceUsers.title": "服务用户",
+    "serviceUsers.description":
+      "使用服务用户可以创建 API Token，并避免自动化访问因个人账号变化而中断。",
+    "settings.title": "设置",
+    "settings.authentication": "认证",
+    "settings.identityProviders": "身份提供商",
+    "settings.groups": "分组",
+    "settings.permissions": "权限",
+    "settings.networks": "网络",
+    "settings.clients": "客户端",
+    "settings.dangerZone": "危险区域",
+    "accessControl.title": "访问控制",
+    "accessControl.policiesTitle": "访问控制策略",
+    "accessControl.description":
+      "创建网络访问规则，并定义哪些设备之间可以建立连接。",
+    "accessControl.learnMoreLink": "访问控制",
+    "dns.title": "DNS",
+    "nameservers.title": "域名服务器",
+    "nameservers.description":
+      "为你的 Cloink 网络添加用于域名解析的域名服务器。",
+    "nameservers.tableTitle": "域名服务器",
+    "nameserverTemplate.google": "Google DNS",
+    "nameserverTemplate.googleDesc":
+      "由 Google 提供的一个免费全球 DNS 解析服务，实现了众多安全性、性能与合规性的提升。",
+    "nameserverTemplate.cloudflare": "Cloudflare DNS",
+    "nameserverTemplate.cloudflareDesc":
+      "企业级 DNS 服务，提供极快的响应时间、卓越的冗余能力，并内置 DDoS 缓解和 DNSSEC 等高级安全特性。",
+    "nameserverTemplate.quad9": "Quad9 DNS",
+    "nameserverTemplate.quad9Desc":
+      "Quad9 DNS 服务由总部位于瑞士的 Quad9 基金会运营，其使命是为所有人提供一个更安全、更健壮的互联网。",
+    "nameserverTemplate.custom": "自定义 DNS",
+    "nameserverTemplate.customDesc":
+      "使用自定义名称服务器来解析您的网络域名。您可以使用公共 DNS，也可以使用您自己的名称服务器。",
+    "nameserverTemplate.learnMore": "了解更多",
+    "nameservers.searchPlaceholder": "按名称、域名或名称服务器搜索...",
+    "nameservers.emptyGroupTitle": "这个分组还没有被任何域名服务器使用",
+    "nameservers.emptyGroupDescription":
+      "在创建域名服务器时将此分组设为分发分组后，就会在这里显示。",
+    "nameservers.emptyTitle": "创建域名服务器",
+    "nameservers.emptyDescription":
+      "看起来你还没有任何域名服务器。现在就为你的网络添加一个，可以选择预设模板或自定义名称服务器。",
+    "nameservers.add": "添加域名服务器",
+    "nameservers.updateModalTitle": "更新域名服务器",
+    "nameservers.modalDescription": "使用域名服务器为你的网络解析域名",
+    "nameservers.tabNameserver": "名称服务器",
+    "nameservers.tabDomains": "域名",
+    "nameservers.tabGeneral": "名称与描述",
+    "nameservers.distributionGroupsHelp":
+      "将此域名服务器广播给属于以下分组的对等端。",
+    "nameservers.enableLabel": "启用域名服务器",
+    "nameservers.enableHelp": "使用此开关启用或停用该域名服务器。",
+    "nameservers.addDomain": "添加域名",
+    "nameservers.matchDomainsHelp":
+      "如果你希望某些特定域名由这个域名服务器解析，请在这里添加。",
+    "nameservers.searchDomainsLabel": "将匹配域名标记为搜索域",
+    "nameservers.searchDomainsHelp":
+      "例如，'peer.example.com' 可以直接通过 'peer' 访问。",
+    "nameservers.dnsName": "DNS 名称",
+    "nameservers.dnsNameHelp": "为这个域名服务器输入一个名称。",
+    "nameservers.namePlaceholder": "例如：公共 DNS",
+    "nameservers.descriptionLabel": "描述（可选）",
+    "nameservers.descriptionHelp":
+      "写一段简短描述，为这个域名服务器补充更多上下文。",
+    "nameservers.descriptionPlaceholder":
+      "例如：柏林办公室远程开发使用的解析器",
+    "nameservers.nameLengthError": "名称长度应少于 40 个字符",
+    "nameservers.validIpError": "请输入有效的 IP，例如 192.168.1.0",
+    "nameservers.ipPlaceholder": "例如：172.16.0.0",
+    "nameservers.updateSuccessDescription": "域名服务器已成功更新。",
+    "nameservers.updating": "正在更新域名服务器...",
+    "nameservers.createSuccessDescription": "域名服务器已成功创建。",
+    "nameservers.creating": "正在创建域名服务器...",
+    "nameservers.enabled": "已启用",
+    "nameservers.matchDomains": "匹配域名",
+    "nameservers.nameservers": "名称服务器",
+    "nameservers.distributionGroups": "分发分组",
+    "nameservers.deleteSuccessTitle": "域名服务器 {name}",
+    "nameservers.deleteSuccessDescription": "域名服务器已成功删除。",
+    "nameservers.deleting": "正在删除域名服务器...",
+    "nameservers.deleteConfirmTitle": "删除“{name}”？",
+    "nameservers.deleteConfirmDescription":
+      "确定要删除这个域名服务器吗？此操作无法撤销。",
+    "zones.title": "区域",
+    "zones.pageTitle": "DNS 区域",
+    "zones.description":
+      "管理 DNS 区域，以控制你网络中的域名解析行为。",
+    "zones.learnMoreLink": "DNS 区域",
+    "zones.tableTitle": "DNS 区域",
+    "zones.searchPlaceholder": "按域名、IP、内容或分组搜索...",
+    "zones.emptyGroupTitle": "这个分组还没有被任何区域使用",
+    "zones.emptyGroupDescription":
+      "在区域中将此分组设为分发分组后，就会在这里显示。",
+    "zones.emptyTitle": "创建新区域",
+    "zones.emptyDescription":
+      "看起来你还没有任何区域。添加一个区域即可控制你网络的域名解析。",
+    "zones.add": "添加区域",
+    "zones.zone": "区域",
+    "zones.records": "记录",
+    "zones.distributionGroups": "分发分组",
+    "zones.searchDomain": "搜索域",
+    "zones.modalUpdateTitle": "更新 DNS 区域",
+    "zones.modalAddTitle": "添加 DNS 区域",
+    "zones.modalDescription": "使用区域来控制你网络中的域名解析。",
+    "zones.domain": "域名",
+    "zones.domainHelp":
+      "为该区域输入一个域名（例如：company.internal、intra.example.com）",
+    "zones.domainPlaceholder": "例如：company.internal",
+    "zones.domainError":
+      "请输入有效域名，例如 internal、company.internal 或 intra.example.com",
+    "zones.distributionGroupsHelp":
+      "将这个区域及其记录广播给属于以下分组的对等端。",
+    "zones.distributionGroupsDescription": "将此区域广播给属于以下分组的设备。",
+    "zones.enableSearchDomains": "启用搜索域",
+    "zones.enableSearchDomainsHelp":
+      "例如，'server.company.internal' 可以直接通过 'server' 访问。",
+    "zones.enableLabel": "启用 DNS 区域",
+    "zones.enableHelp": "使用此开关启用或停用该 DNS 区域。",
+    "zones.notifyTitle": "DNS 区域“{domain}”",
+    "zones.createdDescription": "DNS 区域已成功添加。",
+    "zones.creating": "正在添加 DNS 区域...",
+    "zones.updatedDescription": "DNS 区域已成功更新。",
+    "zones.updating": "正在更新 DNS 区域...",
+    "zones.deletedDescription": "DNS 区域已成功删除。",
+    "zones.deleting": "正在删除 DNS 区域...",
+    "zones.deleteConfirmTitle": "删除区域“{domain}”？",
+    "zones.deleteConfirmDescription":
+      "确定要删除这个区域吗？此操作无法撤销。",
+    "zones.recordNotifyTitle": "{type} 记录“{name}”",
+    "zones.recordCreatedDescription": "DNS 记录已成功添加。",
+    "zones.recordCreating": "正在添加 DNS 记录...",
+    "zones.recordUpdatedDescription": "DNS 记录已成功更新。",
+    "zones.recordUpdating": "正在更新 DNS 记录...",
+    "zones.recordDeletedDescription": "DNS 记录已成功删除。",
+    "zones.recordDeleting": "正在删除 DNS 记录...",
+    "zones.recordDeleteConfirmTitle": "删除记录“{name}”？",
+    "zones.recordDeleteConfirmDescription":
+      "确定要删除这条记录吗？此操作无法撤销。",
+    "zones.askRecordTitle": "要为“{name}”添加新记录吗？",
+    "zones.askRecordDescription":
+      "添加 A、AAAA 或 CNAME 记录，以控制你网络中的域名解析。",
+    "zones.addRecord": "添加记录",
+    "zones.later": "稍后",
+    "zones.recordModalUpdateTitle": "更新 DNS 记录",
+    "zones.recordModalAddTitle": "添加 DNS 记录",
+    "zones.recordModalUpdateDescription": "更新区域“{zone}”中的记录",
+    "zones.recordModalAddDescription": "向区域“{zone}”添加新记录",
+    "zones.recordType": "记录类型",
+    "zones.recordTypeHelp": "选择你要添加的记录类型",
+    "zones.selectType": "选择类型...",
+    "zones.hostname": "主机名",
+    "zones.hostnameHelp": "输入子域名、通配符，或留空以使用主域名。",
+    "zones.hostnamePlaceholder": "例如：dev、*，或留空使用主域名",
+    "zones.recordDomainError":
+      "请输入有效域名，例如 example.com 或 intra.example.com",
+    "zones.ipv4Address": "IPv4 地址",
+    "zones.ipv4Placeholder": "192.168.1.1",
+    "zones.ipv4Error": "请输入有效的 IPv4 地址，例如 192.168.1.1",
+    "zones.ipv6Address": "IPv6 地址",
+    "zones.ipv6Placeholder": "2001:0db8:85a3::8a2e:0370:7334",
+    "zones.ipv6Error":
+      "请输入有效的 IPv6 地址，例如 2001:0db8:85a3::8a2e:0370:7334",
+    "zones.targetDomain": "目标域名",
+    "zones.targetDomainPlaceholder": "例如：example.com 或 intra.example.com",
+    "zones.cnameError":
+      "请输入有效域名，例如 example.com 或 server.example.com",
+    "zones.ttl": "TTL（生存时间）",
+    "zones.selectTtl": "选择 TTL...",
+    "zones.recordsLearnMore": "DNS 记录",
+    "zones.time.sec": "{count} 秒",
+    "zones.time.min.one": "1 分钟",
+    "zones.time.min.other": "{count} 分钟",
+    "zones.time.hour.one": "1 小时",
+    "zones.time.hour.other": "{count} 小时",
+    "zones.time.day.one": "1 天",
+    "zones.time.day.other": "{count} 天",
+    "reverseProxy.title": "反向代理",
+    "reverseProxy.servicesTitle": "服务",
+    "reverseProxy.servicesDescription":
+      "通过 Cloink 的反向代理安全地暴露服务。",
+    "reverseProxy.tableTitle": "反向代理",
+    "reverseProxy.searchPlaceholder": "按 URL、域名或目标搜索...",
+    "reverseProxy.emptyTitle": "创建服务",
+    "reverseProxy.emptyDescription":
+      "通过 Cloink 的反向代理安全暴露内部服务，支持自动 TLS，并可选开启身份验证来保护你的服务。",
+    "reverseProxy.addService": "添加服务",
+    "reverseProxy.domain": "域名",
+    "reverseProxy.type": "类型",
+    "reverseProxy.cluster": "集群",
+    "reverseProxy.targets": "目标",
+    "reverseProxy.authMethods": "认证方式",
+    "reverseProxy.accessControl": "访问控制",
+    "reverseProxy.inactive": "未启用",
+    "reverseProxy.modalNoProtectionTitle": "未配置保护",
+    "reverseProxy.modalNoProtectionDescription":
+      "此服务未配置任何身份验证或访问控制规则。它将会对互联网上的所有人公开访问。确定要继续吗？",
+    "reverseProxy.modalEditPrefix": "编辑",
+    "reverseProxy.modalAddPrefix": "添加",
+    "reverseProxy.modalDefaultLabel": "服务",
+    "reverseProxy.serviceType": "服务类型",
+    "reverseProxy.serviceTypeHelp":
+      "选择一种类型来定义代理如何处理并转发流量到你的后端服务。",
+    "reverseProxy.selectServiceType": "选择类型...",
+    "reverseProxy.serviceModeHttp": "HTTP/S 服务",
+    "reverseProxy.serviceModeHttpDescription":
+      "带有路径路由和内置鉴权（SSO、PIN、密码）的反向代理，通常用于 Web 应用和 API。",
+    "reverseProxy.serviceModeTls": "TLS 透传",
+    "reverseProxy.serviceModeTlsDescription":
+      "将加密的 TLS 流量直接透传到后端，通常用于自行管理 TLS 证书的服务。",
+    "reverseProxy.serviceModeTcp": "TCP 服务",
+    "reverseProxy.serviceModeTcpDescription":
+      "通过专用端口将原始 TCP 流量转发到后端，通常用于数据库、自定义协议或任何基于 TCP 的服务。",
+    "reverseProxy.serviceModeUdp": "UDP 服务",
+    "reverseProxy.serviceModeUdpDescription":
+      "通过专用端口将原始 UDP 流量转发到后端，通常用于语音、视频或流媒体等实时服务。",
+    "reverseProxy.modalL4Description": "将流量直接转发到你的后端服务。",
+    "reverseProxy.modalHttpDescription":
+      "通过 Cloink 的反向代理安全暴露服务。",
+    "reverseProxy.tabService": "服务",
+    "reverseProxy.tabAuthentication": "身份验证",
+    "reverseProxy.tabAccessControl": "访问控制",
+    "reverseProxy.tabAdvancedSettings": "高级设置",
+    "reverseProxy.authSso": "SSO（单点登录）",
+    "reverseProxy.authSsoDescription":
+      "要求用户通过 SSO 身份验证后才能访问此服务。",
+    "reverseProxy.authPassword": "密码",
+    "reverseProxy.authPasswordDescription": "要求输入密码后才能访问此服务。",
+    "reverseProxy.authPin": "PIN 码",
+    "reverseProxy.authPinDescription": "要求输入数字 PIN 码后才能访问此服务。",
+    "reverseProxy.authHeaders": "HTTP 请求头",
+    "reverseProxy.authHeadersDescription":
+      "要求携带特定的 HTTP 请求头后才能访问此服务。",
+    "reverseProxy.preserveClientIp": "保留客户端源 IP",
+    "reverseProxy.preserveClientIpHelp":
+      "使用 PROXY Protocol v2 将客户端源 IP 地址透传到后端服务。",
+    "reverseProxy.sessionIdleTimeout": "会话空闲超时",
+    "reverseProxy.connectionTimeout": "连接超时",
+    "reverseProxy.sessionIdleTimeoutHelp":
+      "在该时长无活动后关闭 UDP 会话。留空表示不设置超时。",
+    "reverseProxy.connectionTimeoutHelp":
+      "建立后端连接的超时时间。留空表示不设置超时。",
+    "reverseProxy.timeoutPlaceholder": "例如：10s、30s、1m",
+    "reverseProxy.passHostHeader": "透传 Host 请求头",
+    "reverseProxy.passHostHeaderHelp":
+      "将原始 Host 请求头转发到后端，而不是将其改写为目标地址。",
+    "reverseProxy.rewriteRedirects": "重写重定向",
+    "reverseProxy.rewriteRedirectsHelp":
+      "将后端响应中的 Location 头重写为公网域名，而不是内部后端地址。",
+    "reverseProxy.statusGenericError":
+      "此服务在配置过程中出现问题。更多详情请查看我们的",
+    "reverseProxy.statusTunnelError":
+      "无法建立到目标对等端的隧道。更多详情请查看我们的",
+    "reverseProxy.statusTroubleshootingSuffix": "。",
+    "reverseProxy.statusTroubleshootingLink": "故障排查文档",
+    "reverseProxy.statusError": "错误",
+    "reverseProxy.statusTunnelNotCreated": "隧道未创建",
+    "reverseProxy.statusIssuingCertificate": "正在签发证书...",
+    "reverseProxy.statusSettingUpService": "正在配置服务...",
+    "reverseProxy.httpTargets": "HTTP/S 目标",
+    "reverseProxy.httpTargetsHelp":
+      "添加一个或多个运行你服务的设备或资源，使其能够被公网访问。",
+    "reverseProxy.editTarget": "编辑目标",
+    "reverseProxy.removeTarget": "移除目标",
+    "reverseProxy.addTarget": "添加目标",
+    "reverseProxy.noResourcesPrefix": "你的网络中当前没有任何资源",
+    "reverseProxy.noResourcesSuffix":
+      "。在将其暴露为服务之前，请先为网络添加资源。",
+    "reverseProxy.goToResources": "前往资源",
+    "reverseProxy.targetUpdated": "目标已成功更新",
+    "reverseProxy.targetAdded": "目标已成功添加",
+    "reverseProxy.targetUpdating": "正在更新目标...",
+    "reverseProxy.targetAdding": "正在添加目标...",
+    "reverseProxy.serviceCreated": "服务已成功创建",
+    "reverseProxy.serviceUpdated": "服务已成功更新",
+    "reverseProxy.serviceCreating": "正在创建服务...",
+    "reverseProxy.serviceUpdating": "正在更新服务...",
+    "reverseProxy.toggledEnabled": "反向代理已启用",
+    "reverseProxy.toggledDisabled": "反向代理已停用",
+    "reverseProxy.enabling": "正在启用反向代理...",
+    "reverseProxy.disabling": "正在停用反向代理...",
+    "reverseProxy.targetEnabled": "目标已启用",
+    "reverseProxy.targetDisabled": "目标已停用",
+    "reverseProxy.targetEnabling": "正在启用目标...",
+    "reverseProxy.targetDisabling": "正在停用目标...",
+    "reverseProxy.deleteConfirmDescription":
+      "确定要删除这个反向代理吗？此操作无法撤销。",
+    "reverseProxy.deleteTitle": "删除“{name}”？",
+    "reverseProxy.deleted": "反向代理已成功删除",
+    "reverseProxy.deleting": "正在删除反向代理...",
+    "reverseProxy.deleteTargetTitle": "删除目标？",
+    "reverseProxy.deleteOnlyTargetDescription":
+      "这是该服务唯一的目标。删除后将移除整个服务，此操作无法撤销。",
+    "reverseProxy.deleteTargetDescription":
+      "确定要删除这个目标吗？此操作无法撤销。",
+    "reverseProxy.serviceDeleted": "服务已成功删除",
+    "reverseProxy.serviceDeleting": "正在删除服务...",
+    "reverseProxy.targetDeleted": "目标已成功删除",
+    "reverseProxy.targetDeleting": "正在删除目标...",
+    "reverseProxy.addCustomDomain": "添加自定义域名",
+    "reverseProxy.domainAdded": "域名已成功添加",
+    "reverseProxy.domainAdding": "正在添加域名...",
+    "reverseProxy.domainValidation": "域名验证",
+    "reverseProxy.domainValidationStarted": "已开始验证域名",
+    "reverseProxy.domainValidating": "正在验证域名...",
+    "reverseProxy.domainDeleteConfirmDescription":
+      "确定要删除这个域名吗？此操作无法撤销。",
+    "reverseProxy.domainDeleteTitle": "删除“{name}”？",
+    "reverseProxy.domainDeleted": "域名已成功删除",
+    "reverseProxy.domainDeleting": "正在删除域名...",
+    "reverseProxy.selectDomain": "选择域名...",
+    "reverseProxy.domainInputRequiredHelp":
+      "为你的服务输入子域名并选择一个域名。",
+    "reverseProxy.domainInputOptionalHelp":
+      "可以选择输入一个子域名，或者直接使用该域名。",
+    "reverseProxy.domainAlreadyUsed": "该域名已被其他服务使用。",
+    "reverseProxy.subdomainPlaceholder": "myapp",
+    "reverseProxy.subdomainOptionalPlaceholder": "myapp（可选）",
+    "reverseProxy.clusterOfflineHostedPrefix":
+      "集群 {clusterName} 当前离线。请几分钟后重试。如果问题持续存在，请查看",
+    "reverseProxy.netbirdStatus": "Cloink 状态页",
+    "reverseProxy.clusterOfflineHostedMiddle": "或联系",
+    "reverseProxy.clusterOfflineSelfHosted":
+      "集群 {clusterName} 当前离线。请确认代理服务器正在运行，并已连接到正确的管理地址。",
+    "reverseProxy.searchDomains": "搜索域名...",
+    "reverseProxy.freeBadge": "免费",
+    "reverseProxy.clusterBadge": "集群",
+    "reverseProxy.customBadge": "自定义",
+    "reverseProxy.customDomainsTitle": "域名",
+    "reverseProxy.customDomainsSearch": "按域名搜索...",
+    "reverseProxy.customDomainsEmptyTitle": "添加自定义域名",
+    "reverseProxy.customDomainsEmptyDescription":
+      "将你自己的域名用于 Cloink 反向代理。首先添加一个指向集群的 CNAME 记录，然后验证域名所有权。",
+    "reverseProxy.addDomain": "添加域名",
+    "reverseProxy.customDomainsLearnMore": "自定义域名",
+    "reverseProxy.pending": "待处理",
+    "reverseProxy.pendingVerification": "待验证",
+    "reverseProxy.verifyDomain": "验证域名",
+    "reverseProxy.pendingVerificationHelp":
+      "DNS 变更可能需要一些时间传播。如果 Cloink 没有立即找到记录，请等待最多 24 小时后再试。",
+    "reverseProxy.customDomainSelectorAdd": "添加自定义域名",
+    "reverseProxy.customDomainModalTitle": "添加自定义域名",
+    "reverseProxy.customDomainModalDescription":
+      "你需要通过 DNS 记录验证该域名",
+    "reverseProxy.customDomainNoClusterHosted":
+      "当前没有已连接的代理集群。请几分钟后再试。如果问题持续存在，请查看",
+    "reverseProxy.customDomainNoClusterHostedSuffix": "或联系",
+    "reverseProxy.customDomainNoClusterSelfHosted":
+      "当前没有已连接的代理集群。请确保至少有一个代理正在运行后再添加域名。",
+    "reverseProxy.proxyClusters": "代理集群",
+    "reverseProxy.domainLabel": "域名",
+    "reverseProxy.domainPlaceholder": "例如：company.com",
+    "reverseProxy.customDomainError":
+      "请输入有效的顶级域名，例如 company.com",
+    "reverseProxy.targetProxyCluster": "目标代理集群",
+    "reverseProxy.targetProxyClusterHelp":
+      "选择你的 CNAME 记录应指向的集群",
+    "reverseProxy.selectProxyCluster": "选择代理集群...",
+    "reverseProxy.targetsLearnMore": "目标",
+    "reverseProxy.targetModalEditTitle": "编辑目标",
+    "reverseProxy.targetModalAddTitle": "添加目标",
+    "reverseProxy.targetModalDescription": "为你的反向代理配置目标。",
+    "reverseProxy.locationOptional": "位置（可选）",
+    "reverseProxy.locationHelp":
+      "指定一个可选路径，用于将请求路由到你的服务。",
+    "reverseProxy.targetLocationDuplicate":
+      "这个位置已被另一个目标使用，无法再次添加。",
+    "reverseProxy.targetLocationDuplicateHelp": "请使用其他位置。",
+    "reverseProxy.preserveFullPath": "保留完整路径",
+    "reverseProxy.preserveFullPathHelp":
+      "转发时保留原始完整请求路径。关闭后会移除匹配到的前缀路径。",
+    "reverseProxy.protocolHost": "协议与主机 / IP",
+    "reverseProxy.port": "端口",
+    "reverseProxy.portHelp":
+      "输入你的服务当前监听的端口（例如 Web 服务、应用或 API）。如果留空，HTTP 默认为 80，HTTPS 默认为 443。",
+    "reverseProxy.skipTlsVerification": "跳过 TLS 验证",
+    "reverseProxy.skipTlsVerificationHelp":
+      "连接此目标时跳过证书验证。如果你的服务使用自签名证书，这会很有用。",
+    "reverseProxy.optionalSettings": "可选设置",
+    "reverseProxy.requestTimeout": "请求超时",
+    "reverseProxy.requestTimeoutHelp":
+      "等待响应的最长时间，使用时长字符串表示（例如 30s、2m）。留空表示不设置超时。",
+    "reverseProxy.sessionIdleTimeoutShortHelp":
+      "UDP 会话在无流量情况下保持存活的时间（例如 30s、2m）。留空时默认为 30s。",
+    "reverseProxy.timeoutPlaceholderShort": "例如：30s、2m、5m",
+    "reverseProxy.targetDomainFallback": "domain.example.com",
+    "reverseProxy.preservePathDisabledPrefix":
+      "关闭时，例如发往",
+    "reverseProxy.preservePathDisabledMiddle": "的请求会被转发为",
+    "reverseProxy.preservePathEnabledPrefix":
+      "开启时，例如发往",
+    "reverseProxy.preservePathEnabledMiddle": "的请求会被转发为",
+    "reverseProxy.installNetBird": "安装 Cloink",
+    "reverseProxy.networks": "网络",
+    "reverseProxy.headerInvalidName":
+      "请求头名称包含无效字符，请更换一个。",
+    "reverseProxy.headerReserved":
+      "\"{name}\" 是保留请求头，请更换一个。",
+    "reverseProxy.headerDuplicate":
+      "请求头名称重复，请更换一个。",
+    "reverseProxy.headerLineBreaks":
+      "值中不能包含换行符",
+    "reverseProxy.verifyDomainTitle": "验证域名",
+    "reverseProxy.verifyDomainDescription": "{domain}",
+    "reverseProxy.verifyStepLogin":
+      "登录你的域名服务商（例如 cloudflare.com 或 godaddy.com）",
+    "reverseProxy.verifyStepAdd":
+      "将下面的 CNAME 记录添加到 {domain} 的 DNS 配置中",
+    "reverseProxy.cnameRecord": "CNAME 记录",
+    "reverseProxy.cnameContent": "CNAME 内容",
+    "reverseProxy.availableClusters": "可用代理集群：",
+    "reverseProxy.availableClustersHelp":
+      "选择离你的用户最近的集群以获得最佳性能。",
+    "reverseProxy.domainVerification": "域名验证",
+    "reverseProxy.verifyLater": "稍后验证",
+    "reverseProxy.startVerification": "开始验证",
+    "reverseProxy.targetSelectResource": "选择资源",
+    "reverseProxy.targetSelectPeerOrResource": "选择",
+    "reverseProxy.targetPeerLabel": "对等端",
+    "reverseProxy.targetResourceLabel": "资源",
+    "reverseProxy.targetPeerHelp":
+      "对等端是运行 Cloink 的机器（例如笔记本、服务器、容器）。如果你的服务直接运行在其上，请选择对等端。",
+    "reverseProxy.targetPeerInstall":
+      "如果你还没有对等端，可以",
+    "reverseProxy.targetPeerOrResourceConnector": "或",
+    "reverseProxy.targetResourceHelp":
+      "资源是无法直接运行 Cloink 的目标（IP、子网或域名）。资源属于某个网络，并通过转发流量的路由对等端访问。",
+    "reverseProxy.targetResourceCreate":
+      "如果你还没有资源，请前往",
+    "reverseProxy.targetCreateSome": "去创建一些。",
+    "reverseProxy.targetSelectResourceHelp":
+      "选择你想要暴露的网络资源。",
+    "reverseProxy.targetSelectPeerOrResourceHelp":
+      "选择你的服务正在运行的对等端或资源。",
+    "reverseProxy.targetSelectResourcePlaceholder": "选择资源...",
+    "reverseProxy.targetSelectPeerOrResourcePlaceholder": "选择对等端或资源...",
+    "reverseProxy.customHeaders": "自定义请求头",
+    "reverseProxy.customHeadersHelp":
+      "添加转发请求时附带的额外请求头。不允许使用 Host、Connection 之类的逐跳请求头。",
+    "reverseProxy.headerNameEntry": "条目 {id} 的请求头名称",
+    "reverseProxy.headerValueEntry": "条目 {id} 的请求头值",
+    "reverseProxy.headerNamePlaceholder":
+      "请求头，例如 Authorization",
+    "reverseProxy.headerValuePlaceholder":
+      "值，例如 Bearer eyJhbGci...",
+    "reverseProxy.removeHeader": "移除请求头",
+    "reverseProxy.addHeader": "添加请求头",
+    "reverseProxy.authPasswordTitle": "密码",
+    "reverseProxy.authPasswordPlaceholder": "输入密码...",
+    "reverseProxy.remove": "移除",
+    "reverseProxy.addPassword": "添加密码",
+    "reverseProxy.listenPort": "监听端口",
+    "reverseProxy.listenPortHelp": "输入该服务对外可访问的公网监听端口。",
+    "reverseProxy.listenPortAutoHelp":
+      "服务创建后会自动分配监听端口。",
+    "reverseProxy.listenPortAutoPlaceholder": "自动",
+    "reverseProxy.publicListenPort": "公网监听端口",
+    "reverseProxy.hostIp": "主机 / IP",
+    "reverseProxy.destinationPort": "目标端口",
+    "reverseProxy.destinationPortHelp":
+      "输入你的服务当前正在监听的端口，例如 Web 服务、应用或 API 所使用的端口。",
+    "reverseProxy.enterIpWithinRange": "请输入 {range} 范围内的 IP 地址",
+    "reverseProxy.addressPlaceholder": "例如：192.168.0.10",
+    "reverseProxy.authPinTitle": "PIN 码",
+    "reverseProxy.addPin": "添加 PIN",
+    "reverseProxy.authSsoTitle": "SSO（单点登录）",
+    "reverseProxy.allUsers": "所有用户",
+    "reverseProxy.selectUserGroups": "选择用户组...",
+    "reverseProxy.addSso": "添加 SSO",
+    "reverseProxy.betaHosted":
+      "Cloink 反向代理目前处于测试阶段，在此期间可免费使用。功能、能力以及定价在正式发布时都可能发生变化。",
+    "reverseProxy.betaSelfHosted":
+      "Cloink 反向代理目前处于测试阶段。功能与能力在正式发布时可能发生变化。",
+    "networks.title": "网络",
+    "networks.description":
+      "网络功能让你无需在每台机器上都安装 NetBird，也能访问局域网和 VPC 中的内部资源。",
+    "networks.policyLabel": "策略",
+    "networks.defaultPolicyName": "{name} 策略",
+    "networks.multiPolicyTitle": "此策略被多个资源使用",
+    "networks.multiPolicyDescription":
+      "此策略使用一个或多个资源分组作为目标。{action}该策略也会影响以下资源：",
+    "networks.updating": "更新",
+    "networks.editPolicy": "编辑策略",
+    "networks.deletePolicy": "删除策略",
+    "networks.deleteTitle": "删除网络 '{name}'？",
+    "networks.deleteDescription":
+      "确认要删除此网络吗？该网络中的所有资源和路由设备都会被移除。此操作无法撤销。",
+    "networks.deleted": "网络已成功删除。",
+    "networks.deleting": "正在删除网络...",
+    "networks.deleteResourceTitle": "删除资源 '{name}'？",
+    "networks.deleteResourceDescription":
+      "确认要删除此资源吗？此操作无法撤销。",
+    "networks.resourceDeleted": "资源已成功删除。",
+    "networks.deletingResource": "正在删除资源...",
+    "networks.removeRouterTitle": "移除此路由器？",
+    "networks.removeRouterDescription": "确认要移除此路由器吗？",
+    "networks.routerOf": "{name} 的路由器",
+    "networks.routerDeleted": "路由器已成功删除。",
+    "networks.deletingRouter": "正在删除路由器...",
+    "networks.askRoutingPeerTitle": "向 '{name}' 添加路由设备？",
+    "networks.askRoutingPeerDescription":
+      "如果没有路由设备，此网络中的资源将无法被任何设备访问。",
+    "networks.askResourceTitle": "向 '{name}' 添加资源？",
+    "networks.askResourceDescription":
+      "添加资源后，设备就可以访问你的网络资源。",
+    "networks.addResource": "添加资源",
+    "networks.addPolicy": "添加策略",
+    "table.name": "名称",
+    "table.address": "地址",
+    "table.os": "系统",
+    "table.role": "角色",
+    "table.status": "状态",
+    "table.groups": "分组",
+    "table.user": "用户",
+    "table.lastLogin": "最近登录",
+    "table.usage": "使用量",
+    "table.lastUsed": "最近使用",
+    "table.expires": "过期时间",
+    "table.nameAndKey": "名称和密钥",
+    "table.blockUser": "封禁用户",
+    "filters.all": "全部",
+    "filters.valid": "有效",
+    "filters.expired": "已过期",
+    "filters.enabled": "已启用",
+    "users.searchPlaceholder": "按名称、邮箱或角色搜索...",
+    "users.showInvites": "查看邀请",
+    "users.addNewTitle": "添加新用户",
+    "users.addNewDescription":
+      "看起来你还没有任何用户。现在就开始邀请用户加入你的账号吧。",
+    "users.inviteUser": "邀请用户",
+    "users.addUser": "添加用户",
+    "users.localAuthDisabled":
+      "本地认证已被禁用。请使用你的身份提供商进行认证。",
+    "users.learnMoreShort": "了解更多",
+    "users.pendingApproval": "待审批",
+    "users.pendingApprovals": "待审批用户",
+    "users.lastLoginOn": "最近登录于",
+    "users.peersTitle": "设备",
+    "users.peersDescription": "查看该用户注册的所有设备。",
+    "users.noRegisteredPeersTitle": "该用户还没有已注册设备",
+    "users.noRegisteredPeersDescription":
+      "安装 Cloink 并以该用户身份登录后即可注册设备。",
+    "users.allUsers": "所有用户",
+    "users.userCount": "{count} 个用户",
+    "users.system": "系统",
+    "users.searchByEmailOrName": "按名称或邮箱搜索用户...",
+    "users.includeAllUsers": "包含所有用户",
+    "users.noUsersAvailable": "没有可用的用户可选择。",
+    "users.noUsersMatchingSearch": "没有与搜索匹配的用户。",
+    "users.systemEmail": "云链-Cloink",
+    "serviceUsers.searchPlaceholder": "按名称或角色搜索...",
+    "serviceUsers.createTitle": "创建服务用户",
+    "serviceUsers.emptyDescription":
+      "看起来你还没有任何服务用户。现在就开始创建一个服务用户吧。",
+    "setupKeys.searchPlaceholder": "按名称、类型或分组搜索...",
+    "setupKeys.createTitle": "创建注册密钥",
+    "setupKeys.emptyDescription":
+      "添加一个注册密钥来为你的网络注册新机器。该密钥会在初始化时将设备关联到你的账号。",
+    "setupKeys.groupEmptyTitle": "这个分组还没有被任何注册密钥使用",
+    "setupKeys.groupEmptyDescription":
+      "创建新的注册密钥时分配这个分组，就可以在这里看到它们。",
+    "setupKeys.lastUsedOn": "最近使用于",
+    "invite.passwordCopied": "密码已复制到剪贴板！",
+    "invite.linkCopied": "邀请链接已复制到剪贴板！",
+    "invite.userCreatedSuccess": "用户创建成功！",
+    "invite.linkCreatedSuccess": "邀请链接已创建！",
+    "invite.passwordDescription":
+      "这个密码不会再次显示，请务必复制并妥善保存在安全的位置。",
+    "invite.linkDescription":
+      "把这个链接分享给用户，他们可以通过它自行设置密码。",
+    "invite.expiresOn": "过期时间",
+    "invite.acceptMissingToken": "未提供邀请令牌",
+    "invite.acceptRateLimited": "尝试次数过多。请稍候片刻后重试。",
+    "invite.acceptInvalidLink": "邀请链接无效或已过期",
+    "invite.acceptFailed": "接受邀请失败",
+    "invite.tooManyRequests": "请求过多",
+    "invite.tooManyRequestsDescription":
+      "你的请求次数过多。请稍候片刻后再试。",
+    "invite.invalidTitle": "邀请无效",
+    "invite.invalidDescription":
+      "此邀请链接无效或已过期。请联系管理员重新获取邀请。",
+    "invite.goToLogin": "前往登录",
+    "invite.accountCreatedTitle": "账号创建成功！",
+    "invite.accountCreatedDescription":
+      "你的账号已成功创建。现在可以使用邮箱和密码登录。",
+    "invite.expiredTitle": "邀请已过期",
+    "invite.expiredDescription":
+      "此邀请链接已过期。请联系管理员重新获取邀请。",
+    "invite.welcomeTitle": "欢迎使用 云链-Cloink",
+    "auth.accountLinkedSuccessfully": "你的账户已成功关联。请再次登录以完成设置。",
+    "auth.somethingWentWrong": "哦，出现了一些问题",
+    "auth.alreadyVerifiedEmail": "已经验证了你的邮箱地址？",
+    "auth.troubleLoggingIn": "登录遇到问题？再试一次。",
+    "auth.errorLoggingIn": "登录时出现错误。",
+    "auth.error": "错误",
+    "auth.logout": "登出",
+    "group.notAllowedToDelete": "不允许删除",
+    "group.deleteGroup": "删除组",
+    "group.groupDeleted": "组已成功删除",
+    "group.deletingGroup": "正在删除组...",
+    "group.deleteGroupConfirm": "删除 '{{name}}'？",
+    "group.deleteGroupDescription": "确定要删除这个组吗？此操作无法撤销。",
+    "group.notAllowedToRename": "不允许重命名",
+    "group.renameGroup": "重命名组",
+    "group.groupRenamed": "组已成功重命名为 {{name}}",
+    "group.renamingGroup": "正在重命名组...",
+    "group.removePeerConfirm": "从 '{{groupName}}' 中移除节点 '{{peerName}}'？",
+    "group.removePeersConfirm": "从 '{{groupName}}' 中移除节点？",
+    "group.removePeerDescription": "确定要从组中移除这个节点吗？如果需要，稍后可以重新添加。",
+    "group.removePeersDescription": "确定要从组中移除这些节点吗？如果需要，稍后可以重新添加。",
+    "group.removePeerFromGroup": "从组中移除节点",
+    "group.peerRemoved": "节点 '{{peerName}}' 已成功从组 '{{groupName}}' 中移除",
+    "group.peersRemoved": "节点已成功从组 '{{groupName}}' 中移除",
+    "group.removingPeerFromGroup": "正在从组中移除节点...",
+    "group.removingPeersFromGroup": "正在从组中移除节点...",
+    "group.addingPeersToGroup": "正在向组中添加节点",
+    "group.peersAdded": "节点已成功添加到 {{groupName}}。",
+    "group.removeUserFromGroup": "从组中移除用户",
+    "group.userRemoved": "用户 '{{userName}}' 已成功从组 '{{groupName}}' 中移除。",
+    "group.removingUserFromGroup": "正在从组中移除用户...",
+    "group.removeUserConfirm": "从 '{{groupName}}' 中移除用户 '{{userName}}'？",
+    "group.removeUsersConfirm": "从 '{{groupName}}' 中移除用户？",
+    "group.removeUserDescription": "确定要从组中移除这个用户吗？如果需要，稍后可以重新添加。",
+    "group.removeUsersDescription": "确定要从组中移除这些用户吗？如果需要，稍后可以重新添加。",
+    "group.removeUsersFromGroup": "从组中移除用户",
+    "group.usersRemoved": "用户已成功从组 '{{groupName}}' 中移除。",
+    "group.removingUsersFromGroup": "正在从组中移除用户...",
+    "group.addUserToGroup": "向组中添加用户",
+    "group.userAdded": "用户 '{{userName}}' 已成功添加到组 '{{groupName}}'。",
+    "group.addingUserToGroup": "正在向组中添加用户...",
+    "group.addUsersToGroup": "向组中添加用户",
+    "group.usersAdded": "用户已成功添加到组 '{{groupName}}'。",
+    "group.addingUsersToGroup": "正在向组中添加用户...",
+    "common.textCopied": "文本已复制到剪贴板。",
+    "invite.welcomeDescription":
+      "{invitedBy} 邀请你加入网络。请先设置密码以完成账号创建。",
+    "invite.passwordPlaceholder": "密码",
+    "invite.confirmPasswordPlaceholder": "确认密码",
+    "invite.createAccount": "创建账号",
+    "invite.creatingAccount": "正在创建账号...",
+    "invite.passwordRuleMinLength": "至少 8 个字符",
+    "invite.passwordRuleUppercase": "一个大写字母",
+    "invite.passwordRuleLowercase": "一个小写字母",
+    "invite.passwordRuleNumber": "一个数字",
+    "invite.passwordRuleSpecial": "一个特殊字符（!@#$%^&*）",
+    "invite.acceptExpiresOnFormat": "YYYY年M月D日 HH:mm",
+    "invite.copyAndClose": "复制并关闭",
+    "onboarding.installNetBird": "安装 云链-Cloink",
+    "onboarding.addClientDevice": "现在添加你的客户端设备",
+    "onboarding.addClientDeviceDescription": "你的第一个资源和路由设备已经设置好了。现在，拿起你的设备，安装 云链-Cloink，让我们连接起来。",
+    "onboarding.testConnection": "让我们测试一下这个连接",
+    "onboarding.testConnectionDescription": "很好！你已经成功连接了客户端设备。现在，让我们测试一下它是否能够访问你的资源。",
+    "onboarding.openCommandLine": "打开命令行并在",
+    "onboarding.yourDevice": "你的设备",
+    "onboarding.toPingResource": "上运行此命令来 ping 你的资源。",
+    "onboarding.everythingWorking": "一切正常吗？太好了！你现在可以继续完成引导流程。如果有任何问题，请查看我们的",
+    "onboarding.checkTroubleshooting": "",
+    "onboarding.troubleshootingGuide": "故障排查指南",
+    "onboarding.itWorksContinue": "一切正常！- 继续",
+    "onboarding.getFirstDeviceOnline": "让我们让你的第一台设备上线",
+    "onboarding.getFirstDeviceOnlineDescription": "要访问其他机器，安装 云链-Cloink，登录，你的设备就会加入网络。你添加的每台设备都会成为你网络中的 云链-Cloink 对等端。就这么简单。",
+    "onboarding.bringSecondDevice": "现在添加你的第二台设备",
+    "onboarding.eachDeviceGetsPrivateIP": "在你的 云链-Cloink 网络中，每台设备（也称为对等端）都有自己的私有 IP 和名称，以便在网络中安全通信。",
+    "onboarding.shareLinkToCompleteSetup": "要完成设置，只需分享此链接或将其通过电子邮件发送给自己，以便轻松设置你的下一台设备。",
+    "onboarding.installationLinkCopied": "安装链接已成功复制",
+    "onboarding.shareLink": "分享链接",
+    "onboarding.useHeadlessSetup": "使用无头设置来注册没有浏览器或用户交互的对等端。",
+    "onboarding.installWithSetupKey": "使用设置密钥安装",
+    "onboarding.installNetBirdOnAnotherDevice": "使用此链接在另一台设备上安装 云链-Cloink。",
+    "onboarding.createSetupKey": "创建设置密钥？",
+    "onboarding.createSetupKeyDescription": "如果继续，系统将自动创建一个一次性设置密钥，你可以使用它来安装 云链-Cloink。",
+    "onboarding.dialogTitle": "引导流程",
+    "onboarding.getStartedWithNetBird": "开始使用 云链-Cloink",
+    "onboarding.netbirdFlexibility": "云链-Cloink 提供了点对点覆盖网络和远程网络访问解决方案的灵活性。选择适合你需求的方案，你始终可以结合使用两者。",
+    "onboarding.peerToPeerNetwork": "点对点网络",
+    "onboarding.p2pBusinessDescription": "在两台或更多设备上安装 云链-Cloink，创建安全、直接的 WireGuard 连接，例如笔记本电脑到服务器或服务器到数据库。至少添加两台机器开始使用。",
+    "onboarding.p2pHomelabDescription": "在你的 homelab 中的两台或更多设备上安装 云链-Cloink，例如你的笔记本电脑、NAS 或树莓派，以创建安全、直接的 WireGuard 连接。",
+    "onboarding.remoteNetworkAccess": "远程网络访问",
+    "onboarding.remoteAccessBusinessDescription": "无需在每台机器上安装 云链-Cloink，即可为员工提供对 VM、Kubernetes 集群以及云或本地资源的远程访问。",
+    "onboarding.remoteAccessHomelabDescription": "无需在每台设备上安装 云链-Cloink，即可从任何地方安全访问你的 homelab。",
+    "onboarding.recommended": "推荐",
+    "onboarding.recommendedBasedOnChoices": "根据你之前的选择，我们建议从 {title} 开始。你始终可以稍后结合使用两种选项。",
+    "onboarding.welcome": "欢迎使用 云链-Cloink！",
+    "onboarding.welcomeWithName": "欢迎使用 云链-Cloink，{{name}}！",
+    "onboarding.shareDetails": "分享一些关于你的使用场景的详细信息，以帮助我们顺利开始。",
+    "onboarding.business": "商业",
+    "onboarding.personal": "个人",
+    "onboarding.companySizeQuestion": "贵公司有多少人将使用 云链-Cloink？",
+    "onboarding.howHeardAboutNetBird": "你是如何了解到 云链-Cloink 的？",
+    "onboarding.selectOption": "请选择一个选项...",
+    "onboarding.howPlanToUseNetBird": "你计划如何使用 云链-Cloink？",
+    "onboarding.selectMultipleUseCases": "你也可以选择多个使用场景。",
+    "onboarding.zeroTrustSecurity": "零信任安全",
+    "onboarding.employeeRemoteAccess": "员工远程访问",
+    "onboarding.businessVPN": "商业 VPN",
+    "onboarding.siteToSiteConnectivity": "站点到站点连接",
+    "onboarding.iot": "物联网 (Internet of Things)",
+    "onboarding.msp": "MSP (托管服务提供商)",
+    "onboarding.homelabAutomation": "家庭实验室自动化",
+    "onboarding.homeRemoteAccess": "家庭远程访问",
+    "onboarding.fileAccess": "文件访问",
+    "onboarding.gaming": "游戏",
+    "onboarding.otherPleaseSpecify": "其他 (请指定)",
+    "onboarding.businessOtherPlaceholder": "例如：DNS 管理，文件访问",
+    "onboarding.personalOtherPlaceholder": "例如：DNS 管理，物联网",
+    "onboarding.anySubdomainOf": "（{address} 的任意子域名）",
+    "onboarding.resourceIpInYourSubnet": "（你子网中的资源 IP）",
+    "onboarding.networkLabel": "网络",
+    "onboarding.waitingForFirstDevice": "正在等待你的第一台设备连接",
+    "onboarding.waitingForSecondDevice": "正在等待你的第二台设备连接",
+    "onboarding.waitingForRoutingPeer": "正在等待你的路由设备连接",
+    "onboarding.waitingForOwnDevice": "正在等待你自己的设备连接",
+    "onboarding.skipPrompt": "已经知道 Cloink 的工作方式了？",
+    "onboarding.skipToDashboard": "跳转到仪表盘",
+    "onboarding.referralSource.Search Engines (Google, Bing etc.)":
+      "搜索引擎（Google、Bing 等）",
+    "onboarding.referralSource.Coworker or Friend": "同事或朋友",
+    "onboarding.referralSource.Trade Show or Event": "展会或活动",
+    "onboarding.referralSource.Blogs": "博客",
+    "onboarding.referralSource.Comparison Sites": "对比网站",
+    "onboarding.referralSource.Slack": "Slack",
+    "onboarding.referralSource.Other": "其他",
+    "onboarding.referralSource.NetBird YouTube Channel":
+      "Cloink YouTube 频道",
+    "onboarding.referralSource.Other YouTube Channel":
+      "其他 YouTube 频道",
+    "onboarding.referralSource.NetBird SubReddit": "Cloink SubReddit",
+    "onboarding.referralSource.Other Reddit Thread": "其他 Reddit 讨论串",
+    "onboarding.referralSource.GitHub": "GitHub",
+    "peer.expirationUpdated": "过期时间已成功更新",
+    "peer.updatingSetting": "更新设置中...",
+    "peer.requireLoginAfterDisconnect": "断开连接后需要登录",
+    "peer.requireLoginAfterDisconnectDescription": "启用后，用户从管理中断开连接 10 分钟后需要重新认证。",
+    "peer.accessiblePeersDescription":
+      "此设备可以连接到 Cloink 网络中的以下设备。",
+    "peer.loginExpiredTooltipLine1": "此设备当前离线，需要重新认证，",
+    "peer.loginExpiredTooltipLine2": "因为它的登录状态已过期。",
+    "peer.expirationDisabledTooltip": "此设备的过期设置已禁用。",
+    "peer.ephemeralTooltip":
+      "此设备是临时设备。如果断开连接超过 10 分钟，它将被移除。",
+    "peer.sessionExpirationSetupKeyDisabled":
+      "通过安装密钥添加的所有设备都无法使用此设置。",
+    "peer.updateSettingPermissionDenied":
+      "你没有更新此设置所需的权限。",
+    "peer.peerSessionExpirationLabel": "设备会话过期",
+    "peer.globalSettingDisabledPrefix":
+      "全局设置“{setting}”当前已禁用。请先启用全局设置，然后才能为单个设备单独切换。",
+    "peer.goToSettings": "前往设置",
+    "peerNameCell.viewPeerDetails": "查看设备 {name} 的详情",
+    "peerNameCell.userIdFallback": "用户：{id}",
+    "peerConnect.offlineHelp": "只有当设备在线时，才能通过 SSH 或 RDP 进行连接。",
+    "invite.createUserTitle": "创建用户",
+    "invite.inviteUserTitle": "邀请用户",
+    "invite.cloudDescription": "邀请用户加入你的网络，并为他们设置权限。",
+    "invite.createDescription": "创建一个带邮箱和密码的 Cloink 用户账号。",
+    "invite.inviteDescription":
+      "生成一个邀请链接，用户可以通过它自行设置密码。",
+    "invite.sendInvitation": "发送邀请",
+    "invite.createInviteLink": "创建邀请链接",
+    "invite.expiresIn": "有效期",
+    "invite.expiresHelp": "邀请链接失效前的天数。",
+    "invite.expiresPlaceholder": "3",
+    "invite.days": "天",
+    "invite.autoGroups": "自动分配分组",
+    "invite.autoGroupsHelp": "该用户添加的设备会被分配到这些分组。",
+    "invite.namePlaceholder": "张三",
+    "invite.emailPlaceholder": "hello@cloink.4w.ink",
+    "invite.creatingUserTitle": "创建用户",
+    "invite.creatingUserDescription": "正在为 {name} 创建用户账号...",
+    "invite.creatingUserLoading": "正在创建用户...",
+    "invite.creatingInviteTitle": "创建邀请",
+    "invite.creatingInviteDescription": "正在为 {name} 创建邀请链接...",
+    "invite.creatingInviteLoading": "正在创建邀请...",
+    "invite.tabInvite": "邀请用户",
+    "invite.tabCreate": "创建用户",
+    "invites.regenerateTitle": "重新生成邀请",
+    "invites.regeneratingDescription": "正在为 {name} 重新生成邀请链接...",
+    "invites.regenerating": "正在重新生成...",
+    "invites.regeneratedTitle": "邀请链接已重新生成！",
+    "invites.inviteFallback": "邀请",
+    "invites.deletedTitle": "“{name}”已删除",
+    "invites.deletedDescription": "邀请已成功删除。",
+    "invites.deleting": "正在删除邀请...",
+    "invites.deleteConfirmTitle": "删除“{name}”的邀请？",
+    "invites.deleteConfirmDescription":
+      "删除此邀请会撤销邀请链接，用户将无法再通过该邀请加入。",
+    "serviceUser.created": "服务用户已创建",
+    "serviceUser.createdDescription": "{name} 已成功创建。",
+    "serviceUser.creating": "正在创建服务用户...",
+    "serviceUser.description": "服务用户是不能登录的账号，不对应任何具体个人。",
+    "userActions.userFallback": "用户",
+    "userActions.deletedTitle": "“{name}”已删除",
+    "userActions.deletedDescription": "用户已成功删除。",
+    "userActions.deleting": "正在删除用户...",
+    "userActions.approvedTitle": "“{name}”已通过审批",
+    "userActions.approvedDescription": "用户已成功审批通过。",
+    "userActions.approving": "正在审批用户...",
+    "userActions.reject": "拒绝",
+    "userActions.rejectConfirmTitle": "拒绝“{name}”？",
+    "userActions.rejectConfirmDescription":
+      "拒绝该用户会将其从账户中永久移除，此操作无法撤销。",
+    "userActions.rejectedTitle": "“{name}”已拒绝",
+    "userActions.rejectedDescription": "用户已成功拒绝并移除。",
+    "userActions.rejecting": "正在拒绝用户...",
+    "userActions.deleteConfirmTitle": "删除“{name}”？",
+    "userActions.deleteConfirmDescription":
+      "删除该用户会移除其设备并取消其 Dashboard 访问权限，此操作无法撤销。",
+    "userActions.approve": "批准",
+    "userBlock.confirmTitle": "封禁“{name}”？",
+    "userBlock.confirmDescription":
+      "此操作会立即撤销该用户的访问权限，并断开其所有活动设备连接。",
+    "userBlock.blockedTitle": "用户已封禁",
+    "userBlock.unblockedTitle": "用户已解除封禁",
+    "userBlock.blockedDescription": "{name} 已成功封禁。",
+    "userBlock.unblockedDescription": "{name} 已成功解除封禁。",
+    "userBlock.blocking": "正在封禁用户...",
+    "userBlock.unblocking": "正在解除封禁用户...",
+    "userGroups.label": "自动分配分组",
+    "userGroups.description": "该用户添加的设备将被分配到这些分组。",
+    "userGroups.savedDescription": "用户分组已成功保存。",
+    "userGroups.updating": "正在更新分组...",
+    "userRoles.user": "用户",
+    "userRoles.admin": "管理员",
+    "userRoles.owner": "所有者",
+    "userRoles.billingAdmin": "计费管理员",
+    "userRoles.auditor": "审计员",
+    "userRoles.networkAdmin": "网络管理员",
+    "userRoles.transferOwnershipTitle": "转移所有权？",
+    "userRoles.transferOwnershipLine1": "此操作会将",
+    "userRoles.transferOwnershipLine2": "角色转移给",
+    "userRoles.transferOwnershipLine3": "并让你保留",
+    "userRoles.transferOwnershipLine4":
+      "角色。只有当新的所有者再把该角色转回给你时，才能撤销此操作。",
+    "userRoles.thisUser": "该用户",
+    "changePassword.title": "修改密码",
+    "changePassword.description": "更新你的账户密码。",
+    "changePassword.currentPassword": "当前密码",
+    "changePassword.currentPasswordHelp": "输入当前密码以验证你的身份。",
+    "changePassword.currentPasswordPlaceholder": "输入当前密码",
+    "changePassword.newPassword": "新密码",
+    "changePassword.newPasswordHelp": "输入新密码，长度至少为 8 个字符。",
+    "changePassword.newPasswordPlaceholder": "输入新密码",
+    "changePassword.confirmNewPassword": "确认新密码",
+    "changePassword.confirmNewPasswordHelp": "再次输入新密码以确认。",
+    "changePassword.confirmNewPasswordPlaceholder": "确认新密码",
+    "changePassword.passwordLengthError": "密码长度至少需要 8 个字符",
+    "changePassword.passwordMatchError": "两次输入的密码不一致",
+    "changePassword.successTitle": "修改密码",
+    "changePassword.successDescription": "你的密码已成功修改。",
+    "changePassword.loading": "正在修改密码...",
+    "userInvites.title": "邀请",
+    "userInvites.searchPlaceholder": "按名称或邮箱搜索...",
+    "userInvites.emptyTitle": "没有待处理邀请",
+    "userInvites.emptyDescription":
+      "当前没有待处理邀请。创建一个邀请以将用户加入你的网络。",
+    "userInvites.learnMoreAbout": "了解更多关于",
+    "userInvites.showUsers": "查看用户",
+    "userInvites.regenerate": "重新生成",
+    "userInvites.resendTitle": "重新发送邀请",
+    "userInvites.resendDescription": "邀请正在发送至 {email}",
+    "userInvites.sending": "正在发送邀请...",
+    "userInvites.sendingShort": "发送中...",
+    "userInvites.resend": "重新发送邀请",
+    "actions.cancel": "取消",
+    "setupKey.copyMessage": "注册密钥已复制到剪贴板！",
+    "setupKey.createdSuccess": "注册密钥创建成功！",
+    "setupKey.createdDescription":
+      "这个密钥不会再次显示，请务必复制并妥善保存在安全的位置。",
+    "setupKey.creationFailed": "注册密钥创建失败...",
+    "actions.close": "关闭",
+    "setupKey.installNetBird": "安装 Cloink",
+    "setupKey.creatingTitle": "创建注册密钥",
+    "setupKey.creatingDescription":
+      "注册密钥已创建成功。现在你可以使用这个新密钥将设备加入网络。",
+    "setupKey.creatingLoading": "正在创建注册密钥...",
+    "setupKey.modalTitle": "创建新的注册密钥",
+    "setupKey.modalDescription": "使用此密钥将新机器注册到你的网络中",
+    "setupKey.name": "名称",
+    "setupKey.nameHelp": "为你的密钥设置一个易于识别的名称",
+    "setupKey.namePlaceholder": "例如：AWS 服务器",
+    "setupKey.reusable": "将此密钥设为可重复使用",
+    "setupKey.reusableHelp": "此类型可用于注册多个设备",
+    "setupKey.usageLimit": "使用上限",
+    "setupKey.usageLimitHelp": "例如，如果你想注册 30 台设备，就设置为 30",
+    "setupKey.unlimited": "无限制",
+    "setupKey.peerCount": "个设备",
+    "setupKey.expiresIn": "有效期",
+    "setupKey.expiresHelp": "密钥失效前的天数。留空表示永不过期。",
+    "setupKey.ephemeralPeers": "临时设备",
+    "setupKey.ephemeralPeersHelp":
+      "离线超过 10 分钟的设备会被自动移除",
+    "setupKey.extraDnsLabels": "允许额外 DNS 标签",
+    "setupKey.extraDnsLabelsHelp":
+      "注册设备时允许使用多个子域标签，例如 host.dev.example.com。",
+    "setupKey.autoGroupsHelp":
+      "使用此密钥注册的设备会被自动分配到这些分组",
+    "table.active": "启用",
+    "table.sources": "来源",
+    "table.direction": "方向",
+    "table.destinations": "目标",
+    "table.protocol": "协议",
+    "table.ports": "端口",
+    "table.rowsPerPage": "每页行数",
+    "versionInfo.latest": "最新版本",
+    "versionInfo.management": "管理服务",
+    "versionInfo.dashboard": "控制台",
+    "versionInfo.updateAvailable": "有可用更新",
+    "groupDetails.title": "分组信息",
+    "groupDetails.notFound":
+      "找不到你尝试访问的分组。它可能已被删除，或者你没有权限查看。请检查 URL，或返回仪表盘。",
+    "analytics.googleTagManager": "Google 标签管理器",
+    "instanceSetup.welcomeTitle": "欢迎使用 Cloink",
+    "instanceSetup.welcomeDescription": "创建第一个管理员账号以开始使用",
+    "instanceSetup.accountCreated": "账号已创建！",
+    "instanceSetup.redirectingToLoginIn": "即将跳转到登录页，剩余",
+    "instanceSetup.goToLogin": "前往登录",
+    "instanceSetup.nameLabel": "名称",
+    "instanceSetup.emailLabel": "邮箱",
+    "instanceSetup.namePlaceholder": "你的名称",
+    "instanceSetup.passwordPlaceholder": "输入一个强密码",
+    "instanceSetup.passwordHelp": "至少需要 8 个字符",
+    "instanceSetup.createAdminAccount": "创建管理员账号",
+    "instanceSetup.creatingAccount": "正在创建账号...",
+    "instanceSetup.oneTimeSetup": "这是你的 Cloink 实例的一次性初始化设置。",
+    "instanceSetup.nameRequired": "名称不能为空",
+    "instanceSetup.emailRequired": "邮箱不能为空",
+    "instanceSetup.invalidEmail": "请输入有效的邮箱地址",
+    "instanceSetup.passwordRequired": "密码不能为空",
+    "instanceSetup.passwordMinLength": "密码长度至少为 8 个字符",
+    "instanceSetup.genericError": "发生错误，请重试。",
+    "instanceSetup.invalidRequest": "请求无效，请检查你的输入。",
+    "instanceSetup.alreadyCompleted": "初始化已完成，正在跳转到登录页...",
+    "instanceSetup.validationError": "校验失败，请检查你的输入。",
+    "activity.auditEventsTitle": "审计事件",
+    "activity.auditEventsDescription": "在这里你可以查看所有审计活动事件。",
+    "activity.code": "代码",
+    "activity.searchPlaceholder": "搜索事件...",
+    "activity.allEventTypes": "所有事件类型",
+    "activity.eventCount": "个事件",
+    "activity.globalLoginExpirationUpdated": "全局登录过期时间已更新",
+    "activity.globalLoginExpirationEnabled": "全局登录过期时间已启用",
+    "activity.globalLoginExpirationDisabled": "全局登录过期时间已禁用",
+    "activity.ownerRoleTransferred": "所有者角色已转移",
+    "activity.activityCode": "活动代码",
+    "activity.meta": "元数据",
+    "activity.getStartedTitle": "开始使用 Cloink",
+    "activity.getStartedDescription":
+      "看起来你还没有任何已连接的机器。\n从向你的网络中添加一台设备开始吧。",
+    "activity.learnMorePrefix": "更多说明请查看我们的",
+    "activity.learnMoreLink": "快速入门指南",
+    "activity.netbirdUser": "Cloink",
+    "activity.setupkeyRevoke": "被撤销",
+    "activity.setupkeyDelete": "被删除",
+    "activity.setupkeyAdd": "被创建",
+    "activity.setupkeyGroupDelete": "被从以下注册密钥中移除",
+    "activity.setupkeyGroupAdd": "被添加至以下注册密钥",
+    "activity.dashboardLogin": "登录了仪表板",
+    "activity.policyUpdate": "已被更新",
+    "activity.policyDelete": "被删除",
+    "activity.policyAdd": "被创建",
+    "activity.routeDelete": "被删除",
+    "activity.routeUpdate": "被更新",
+    "activity.routeAdd": "被创建",
+    "activity.userPeerDelete": "被删除",
+    "activity.userPeerAdd": "已添加，NetBird IP为",
+    "activity.userPeerUpdate": "已更新",
+    "activity.userJoin": "加入了NetBird",
+    "activity.userInvite": "已被邀请。",
+    "activity.userCreate": "被创建，创建者为",
+    "activity.userGroupAdd": "被添加至用户",
+    "activity.userBlock": "被封禁",
+    "activity.userUnblock": "被解除封禁",
+    "activity.userDelete": "被删除",
+    "activity.userGroupDelete": "被从用户中移除",
+    "activity.userRoleUpdate": "的角色已被更新",
+    "activity.userApprove": "已被批准",
+    "activity.userReject": "已被拒绝",
+    "activity.userPasswordChange": "用户的密码已被修改",
+    "activity.userInviteLinkCreate": "邀请链接已为以下用户创建",
+    "activity.userInviteLinkAccept": "邀请链接已被以下用户接受",
+    "activity.userInviteLinkRegenerate": "邀请链接已为以下用户重新生成",
+    "activity.userInviteLinkDelete": "邀请链接已为以下用户删除",
+    "activity.serviceUserCreate": "已被创建",
+    "activity.serviceUserDelete": "已被删除",
+    "activity.peerGroupDelete": "被从NetBird IP为的设备中移除",
+    "activity.peerGroupAdd": "被添加至NetBird IP为的设备",
+    "activity.peerLoginExpire": "已过期",
+    "activity.peerSshDisable": "已被禁用",
+    "activity.peerSshEnable": "已被启用",
+    "activity.peerLoginExpirationDisable": "已被禁用",
+    "activity.peerLoginExpirationEnable": "已被启用",
+    "activity.peerRename": "已被重命名为",
+    "activity.peerApprove": "已被批准",
+    "activity.peerIpUpdate": "IP地址已从以下地址更新为",
+    "activity.peerUserAdd": "已添加，NetBird IP为",
+    "activity.groupAdd": "已被创建",
+    "activity.groupDelete": "已被删除",
+    "activity.groupUpdate": "已被重命名为",
+    "activity.accountCreate": "创建了账户",
+    "activity.accountNetworkRangeUpdate": "账户网络范围已从以下地址更新为",
+    "activity.nameserverGroupAdd": "已被添加",
+    "activity.nameserverGroupDelete": "已被删除",
+    "activity.nameserverGroupUpdate": "已被更新",
+    "activity.nameserverAdd": "已被创建",
+    "activity.nameserverDelete": "已被删除",
+    "activity.nameserverUpdate": "已被更新",
+    "activity.personalAccessTokenCreate": "已被创建",
+    "activity.personalAccessTokenDelete": "已被删除",
+    "activity.integrationCreate": "集成已创建",
+    "activity.integrationDelete": "集成已删除",
+    "activity.integrationUpdate": "集成已更新",
+    "activity.dnsSettingDisabledManagementGroupAdd": "已被添加至禁用DNS设置群组",
+    "activity.dnsSettingDisabledManagementGroupDelete": "已被从禁用DNS设置群组中移除",
+    "activity.postureCheckUpdated": "已被更新",
+    "activity.postureCheckCreated": "已被创建",
+    "activity.postureCheckDeleted": "已被删除",
+    "activity.integratedValidatorApiCreated": "集成已创建",
+    "activity.integratedValidatorApiUpdated": "集成已更新",
+    "activity.integratedValidatorApiDeleted": "集成已删除",
+    "activity.integratedValidatorHostCheckApproved": "设备已被以下地址批准",
+    "activity.integratedValidatorHostCheckDenied": "设备已被以下地址拒绝",
+    "activity.resourceGroupAdd": "添加至资源",
+    "activity.resourceGroupDelete": "从资源中移除",
+    "activity.servicePeerExpose": "公开服务",
+    "activity.servicePeerUnexpose": "停止公开服务",
+    "activity.servicePeerExposeExpire": "因续期过期被移除",
+    "activity.networkResourceCreate": "为网络创建",
+    "activity.networkResourceUpdate": "为网络更新",
+    "activity.networkResourceDelete": "从网络删除",
+    "activity.networkRouterCreate": "为网络创建路由设备",
+    "activity.networkRouterDelete": "从网络删除路由设备",
+    "activity.networkRouterUpdate": "为网络更新路由设备",
+    "activity.networkCreate": "已被创建",
+    "activity.networkDelete": "已被删除",
+    "activity.networkUpdate": "已被更新",
+    "activity.peerJobCreate": "为设备创建",
+    "activity.accountSettingsFlowGroupRemove": "已被移除",
+    "activity.accountSettingsFlowGroupAdd": "已被添加",
+    "activity.identityProviderCreate": "已被创建",
+    "activity.identityProviderUpdate": "已被更新",
+    "activity.identityProviderDelete": "已被删除",
+    "activity.withAuth": "带有身份验证",
+    "activity.enabled": "已启用",
+    "activity.disabled": "已禁用",
+    "activity.to": "至",
+    "proxyEvents.title": "代理事件",
+    "proxyEvents.description":
+      "查看反向代理服务的访问日志，包括被允许和被拒绝的请求。",
+    "customDomains.title": "域名",
+    "customDomains.description": "为你的反向代理服务添加和管理自定义域名。",
+    "jobs.title": "任务",
+    "jobs.type": "类型",
+    "jobs.created": "创建时间",
+    "jobs.createdAt": "创建于",
+    "jobs.completed": "完成时间",
+    "jobs.completedAt": "完成于",
+    "jobs.parameters": "参数",
+    "jobs.output": "输出",
+    "jobs.debugBundle": "调试包",
+    "jobs.debugBundleDescription":
+      "在此设备上生成包含日志和诊断信息的调试包，无需 CLI 访问即可用于排查问题。",
+    "jobs.searchPlaceholder": "按类型、状态或参数搜索...",
+    "jobs.emptyTitle": "此设备暂无远程任务",
+    "jobs.emptyDescription":
+      "创建调试包或触发其他远程任务后，它们会显示在这里。",
+    "jobs.status.pending": "待处理",
+    "jobs.status.failed": "失败",
+    "jobs.status.completed": "已完成",
+    "jobs.outputCopied": "上传密钥已复制到剪贴板",
+    "jobs.parametersCount": "{count} 个参数",
+    "jobs.createTitle": "创建调试任务",
+    "jobs.createDescription": "调试任务已成功触发。",
+    "jobs.creating": "正在创建任务...",
+    "jobs.logFileCountLabel": "日志文件数量",
+    "jobs.logFileCountHelp": "设置调试包中要包含的单个日志文件数量上限。",
+    "jobs.filesSuffix": "个文件",
+    "jobs.enableBundleDuration": "启用采集时长",
+    "jobs.enableBundleDurationHelp":
+      "启用后，可以在生成调试包前指定日志采集的时间段。",
+    "jobs.durationLabel": "时长",
+    "jobs.durationHelp": "设置在创建调试包前需要收集日志的时间范围。",
+    "jobs.minutesSuffix": "分钟",
+    "jobs.anonymizeLabel": "匿名化日志数据",
+    "jobs.anonymizeHelp":
+      "在创建调试包前移除敏感信息，例如 IP 地址、域名等。",
+    "jobs.createDebugBundle": "创建调试包",
+    "remoteJobs.run": "运行远程任务",
+    "remoteJobs.peer": "设备",
+    "remoteJobs.offlineMessage": "当前处于离线状态。请先连接该设备后再运行远程任务。",
+    "remoteJobs.debugBundleHelp": "收集调试信息以便排查问题",
+    "routeActions.addRoute": "添加路由",
+    "routeActions.newNetworkRoute": "新建网络路由",
+    "routeActions.newNetworkRouteHelp": "使用此设备创建新的网络路由",
+    "routeActions.existingNetwork": "现有网络",
+    "routeActions.existingNetworkHelp": "将此设备添加到现有网络中",
+    "routeModal.createPolicyTitle": "是否为路由“{name}”创建新的访问控制策略？",
+    "routeModal.createPolicyDescription":
+      "此路由已添加一个或多个访问控制分组。你可以在访问策略中将这些分组作为目标，以限制对此路由的访问。",
+    "routeModal.createPolicy": "创建策略",
+    "routeModal.later": "稍后",
+    "routeModal.validCidrError": "请输入有效的 CIDR，例如：192.168.1.0/24",
+    "routeModal.networkIdentifierError":
+      "网络标识符长度必须少于 40 个字符",
+    "routeModal.metricError": "Metric 必须在 1 到 9999 之间",
+    "routeModal.setupExitNode": "设置出口节点",
+    "routeModal.addExitNode": "添加出口节点",
+    "routeModal.createRoute": "创建新路由",
+    "routeModal.routeAllTrafficPeer": "将所有流量通过设备“{name}”转发",
+    "routeModal.routeAllTraffic": "将所有互联网流量通过某个设备转发",
+    "routeModal.description": "通过添加网络路由来访问局域网和 VPC。",
+    "routeModal.routeTab": "路由",
+    "routeModal.groupsTab": "分组",
+    "routeModal.generalTab": "名称和说明",
+    "routeModal.settingsTab": "附加设置",
+    "routeModal.routeType": "路由类型",
+    "routeModal.routeTypeHelp": "选择路由类型，可添加网络范围或域名列表。",
+    "routeModal.networkRange": "网络范围",
+    "routeModal.networkRangeHelp": "添加一个私有 IPv4 地址范围",
+    "routeModal.networkRangePlaceholder": "例如：172.16.0.0/16",
+    "routeModal.domains": "域名",
+    "routeModal.domainsHelp":
+      "添加可动态解析到一个或多个 IPv4 地址的域名。最多可添加 32 个域名。",
+    "routeModal.addDomain": "添加域名",
+    "routeModal.keepRoutesTooltip":
+      "负载均衡系统的 DNS 记录通常会发生变化。保留已解析地址可确保与活动资源的现有连接不中断。",
+    "routeModal.keepRoutes": "保留路由",
+    "routeModal.keepRoutesHelp":
+      "在 IP 地址更新后保留之前已解析的路由，以保持连接稳定。",
+    "routeModal.routingPeer": "路由设备",
+    "routeModal.peerGroup": "设备分组",
+    "routeModal.singlePeerExitNode": "为出口节点分配单个设备作为路由设备。",
+    "routeModal.singlePeerRoute": "为网络路由分配单个设备作为路由设备。",
+    "routeModal.peerGroupExitNode": "分配一个设备分组，将其中设备用作出口节点。",
+    "routeModal.peerGroupRoute": "分配一个设备分组，将其中设备用作路由设备。",
+    "remoteAccess.sshNoPermission": "你没有权限启动 SSH 控制台。请联系管理员。",
+    "remoteAccess.sshOffline": "仅当设备在线时，才能通过 SSH 建立连接。",
+    "remoteAccess.sshDisabled":
+      "当前此设备的 SSH 访问已被禁用。请先为该设备启用 SSH 访问，并确保添加了允许 SSH 访问的显式访问控制策略。",
+    "remoteAccess.enableSsh": "启用 SSH 访问",
+    "remoteAccess.usernameEmpty": "用户名不能为空。",
+    "remoteAccess.portError": "端口必须是 1 到 65535 之间的有效数字。",
+    "remoteAccess.connectViaSsh": "通过 SSH 连接到 {ip}。",
+    "remoteAccess.usernamePort": "用户名和端口",
+    "remoteAccess.sshCredentialsHelp":
+      "填写用于在此设备上发起 SSH 会话的用户名和端口。",
+    "remoteAccess.sshUsernamePlaceholder": "例如：root",
+    "remoteAccess.ssh": "SSH",
+    "remoteAccess.connect": "连接",
+    "remoteAccess.rdpOffline": "此设备当前离线，无法通过 RDP 访问。",
+    "remoteAccess.rdpNoPermission": "你没有权限启动 RDP 会话。请联系管理员。",
+    "remoteAccess.connectViaRdp": "通过 RDP 连接到 {ip}。",
+    "remoteAccess.error": "错误",
+    "remoteAccess.usernamePassword": "用户名和密码",
+    "remoteAccess.rdpCredentialsHelp": "填写用于连接远程桌面的凭据。",
+    "remoteAccess.rdpUsernamePlaceholder": "例如：Administrator",
+    "remoteAccess.passwordPlaceholder": "输入密码",
+    "remoteAccess.port": "端口",
+    "remoteAccess.rdpPortHelp": "使用远程桌面服务的监听端口。",
+    "remoteAccess.rdpPortPlaceholder": "例如：3389",
+    "remoteAccess.rdp": "RDP",
+    "remoteAccess.rdpCertificate": "RDP 证书",
+    "remoteAccess.rdpCertificateChanged":
+      "服务器提供了一个无法自动验证的证书。请在继续之前检查详细信息。",
+    "remoteAccess.certificateDetails": "证书详情",
+    "remoteAccess.certificateDetailsHelp":
+      "请核对证书信息，确认你正在连接到预期的设备。",
+    "remoteAccess.alwaysTrust": "始终信任此证书",
+    "remoteAccess.whenConnectingTo": "当连接到",
+    "remoteAccess.acceptAndContinue": "接受并继续",
+    "remoteAccess.certIssuer": "签发者",
+    "remoteAccess.certSubject": "主题",
+    "remoteAccess.certValidFrom": "生效时间",
+    "remoteAccess.certValidTo": "到期时间",
+    "remoteAccess.certKeySize": "密钥长度",
+    "remoteAccess.certBits": "{bits} 位",
+    "remoteAccess.certSerialNumber": "序列号",
+    "remoteAccess.certFingerprint": "指纹",
+    "remoteAccess.notAvailable": "不可用",
+    "remoteAccess.peerNotFound":
+      "该设备可能已被删除，或者你没有权限查看它。",
+    "remoteAccess.sshStartingSession": "正在启动 SSH 会话...",
+    "remoteAccess.sshConnectingTo": "正在连接到 {target}...",
+    "remoteAccess.sshDisconnectedFrom": "已从 {target} 断开连接",
+    "remoteAccess.reconnect": "重新连接",
+    "remoteAccess.noAccessToken": "没有可用的访问令牌。",
+    "remoteAccess.sshConnectionFailed":
+      "SSH 连接失败。请查看控制台了解详情。",
+    "remoteAccess.netbirdConnectionError": "Cloink 连接错误",
+    "remoteAccess.rdpConnectionError": "RDP 连接错误",
+    "remoteAccess.rdpGenericError": "RDP 连接失败",
+    "remoteAccess.rdpError": "RDP 错误",
+    "remoteAccess.netbirdClientError": "Cloink 客户端错误",
+    "remoteAccess.canvasUnavailable": "没有可用于 RDP 渲染的画布",
+    "remoteAccess.ironrdpUnavailable":
+      "客户端未提供可用的 IronRDP 组件",
+    "remoteAccess.ironrdpInitFailed": "初始化 IronRDP 失败",
+    "remoteAccess.wasmLoadFailed": "加载 WASM 运行时失败",
+    "remoteAccess.wasmInitTimeout": "Cloink WASM 初始化超时",
+    "remoteAccess.wasmInitFailed": "初始化 WASM 失败",
+    "remoteAccess.netbirdClientUnavailable":
+      "NetBirdClient 不可用，或它不是一个函数",
+    "remoteAccess.connectionFailed": "连接失败",
+    "remoteAccess.goClientNotReady": "Go 客户端尚未就绪",
+    "remoteAccess.netbirdClientNotReady": "Cloink 客户端尚未就绪",
+    "routeModal.distributionGroups": "分发分组",
+    "routeModal.distributionGroupsPeerHelp":
+      "将所有互联网流量通过此设备转发给以下分组",
+    "routeModal.distributionGroupsPeersHelp":
+      "将所有互联网流量通过这些设备转发给以下分组",
+    "routeModal.distributionGroupsHelp":
+      "将此路由广播给属于以下分组的设备",
+    "routeModal.accessControlGroups": "访问控制分组",
+    "routeModal.accessControlGroupsOptional": "访问控制分组（可选）",
+    "routeModal.accessControlGroupsHelp":
+      "这些分组可用于限制对该路由的访问。创建访问策略时，只需将这些分组作为目标使用即可。",
+    "routeModal.networkIdentifier": "网络标识符",
+    "routeModal.networkIdentifierHelp":
+      "添加一个会分配给每台设备的唯一网络标识符。",
+    "routeModal.networkIdentifierPlaceholder": "例如：aws-eu-central-1-vpc",
+    "routeModal.descriptionOptional": "说明（可选）",
+    "routeModal.descriptionHelp": "编写简短说明，为此路由添加更多上下文。",
+    "routeModal.descriptionPlaceholder":
+      "例如：用于访问位于法兰克福 AWS VPC 中所有设备的路由。",
+    "routeModal.enableRoute": "启用路由",
+    "routeModal.enableRouteHelp": "使用此开关启用或禁用该路由。",
+    "routeModal.autoApplyRoute": "自动应用路由",
+    "routeModal.autoApplyRouteHelp":
+      "自动将此出口节点应用到你的分发分组。这需要 Cloink 客户端 v0.55.0 或更高版本。",
+    "routeModal.metricHelp": "更低的 Metric 表示更高优先级的路由。",
+    "minimalPeers.searchPlaceholder": "按名称、IP、系统或版本搜索设备...",
+    "minimalPeers.emptyTitle": "未找到设备",
+    "minimalPeers.emptyDescription": "尝试调整筛选条件或搜索词以查找匹配的设备。",
+    "peerFilters.online": "在线",
+    "peerFilters.offline": "离线",
+    "routeModal.exitNodes": "出口节点",
+    "routeUpdate.title": "更新 {name}",
+    "routeUpdate.descriptionTab": "说明",
+    "routeUpdate.settingsTab": "设置",
+    "routeUpdate.accessControlGroupsHelp":
+      "这些分组可以更细粒度地控制你网络中的内部服务。可在访问控制策略中使用这些分组来限制和控制对此路由的访问。",
+    "routeUpdate.metricHelp": "更低的 Metric 表示更高优先级的路由。",
+    "dnsSettingsPage.title": "DNS 设置",
+    "dnsSettingsPage.description": "管理你账户的 DNS 设置。",
+    "dnsSettingsPage.saved": "设置已成功保存。",
+    "dnsSettingsPage.saving": "正在保存设置...",
+    "dnsSettingsPage.disableManagementLabel": "为这些分组禁用 DNS 管理",
+    "dnsSettingsPage.disableManagementHelp":
+      "这些分组中的设备将需要手动进行域名解析",
+    "networkRoutesPage.title": "网络路由",
+    "networkRoutesPage.description":
+      "网络路由允许你访问其他网络，例如局域网和 VPC，而无需在每个资源上安装 NetBird。",
+    "networkRoutesPage.callout":
+      "我们建议使用新的 Networks 概念，以更直观地查看并管理你的资源访问权限。",
+    "networkRoutesPage.goToNetworks": "前往 Networks",
+    "networkDetails.resources": "资源",
+    "networkDetails.routingPeers": "路由设备",
+    "networkDetails.services": "服务",
+    "networkDetails.highAvailability": "高可用",
+    "networkDetails.highAvailabilityInactivePrefix": "此网络当前为",
+    "networkDetails.highAvailabilityActivePrefix": "此网络当前为",
+    "networkDetails.highAvailabilitySuffix": "状态。",
+    "networkDetails.active": "活跃",
+    "networkDetails.inactive": "未启用",
+    "networkDetails.highAvailabilityEnabledHelp":
+      "你可以添加更多路由设备来提升此网络的可用性。",
+    "networkDetails.highAvailabilityDisabledHelp":
+      "继续添加更多路由设备或包含路由设备的分组，以为此网络启用高可用。",
+    "networkDetails.activePolicy": "条启用中的策略",
+    "networkDetails.activePolicies": "条启用中的策略",
+    "networkDetails.noActivePolicies": "没有启用中的策略",
+    "networkDetails.goToPolicies": "前往策略",
+    "networkDetails.network": "网络",
+    "networkDetails.type": "类型",
+    "routeTable.searchPlaceholder": "按网络、地址范围、名称或分组搜索...",
+    "routeTable.emptyGroupTitle": "该分组尚未用于任何网络路由",
+    "routeTable.emptyGroupDescription":
+      "在创建新路由时分配此分组后，它们会显示在这里。",
+    "routeTable.createTitle": "创建新路由",
+    "routeTable.emptyTitleDescription":
+      "看起来你还没有任何路由。添加网络路由即可访问局域网和 VPC。",
+    "networkRouting.peer": "设备",
+    "networkRouting.metric": "度量值",
+    "networkRouting.masquerade": "地址伪装",
+    "networkRouting.searchPlaceholder": "按设备名称、分组名称搜索...",
+    "networkRouting.emptyTitle": "此网络暂无路由设备",
+    "networkRouting.emptyDescription":
+      "向此网络添加路由设备后，即可访问该网络内的资源。",
+    "networkRouting.add": "添加路由设备",
+    "groupUsers.selectAll": "全选",
+    "groupUsers.selectRow": "选择当前行",
+    "groupUsers.searchPlaceholder": "按名称、邮箱或角色搜索...",
+    "groupUsers.emptyTitle": "该分组尚未分配任何用户",
+    "groupUsers.emptyDescription":
+      "邀请新用户或将现有用户分配到此分组后，他们会显示在这里。",
+    "groupUsers.emptyAssignTitle": "没有可分配的用户",
+    "groupUsers.emptyAssignDescription":
+      "要为此分组分配用户，至少需要一个尚未属于该分组的用户。",
+    "groupUsers.assignUsers": "分配用户",
+    "groupUsers.selected": "已选用户",
+    "groupUsers.lastLoginOn": "最近登录于",
+    "groupUsers.removeFromGroup": "从分组中移除用户",
+    "groupPeers.selectAll": "全选",
+    "groupPeers.selectRow": "选择当前行",
+    "groupPeers.viewAssigned": "查看此分组已分配的设备",
+    "groupPeers.manageAssigned": "管理此分组已分配的设备",
+    "groupPeers.searchPlaceholder": "按名称、IP 或所有者搜索...",
+    "groupPeers.emptyTitle": "该分组尚未分配任何设备",
+    "groupPeers.emptyDescription":
+      "安装 Cloink 并将现有设备分配到此分组后，它们会显示在这里。",
+    "groupPeers.emptyAssignTitle": "没有可分配的设备",
+    "groupPeers.emptyAssignDescription":
+      "要为此分组分配设备，至少需要一台尚未属于该分组的设备。",
+    "groupPeers.assignPeers": "分配设备",
+    "groupPeers.selected": "已选设备",
+    "groupPeers.removeFromGroup": "从分组中移除设备",
+    "routeAddRoutingPeer.title": "添加新的路由设备",
+    "routeAddRoutingPeer.description":
+      "当你添加多个路由设备时，Cloink 会为该网络启用高可用。",
+    "routeAddRoutingPeer.networkHelp": "你要添加此路由的网络名称和 CIDR。",
+    "routeAddRoutingPeer.addRoute": "添加路由",
+    "routeAddRoutingPeer.success": "设备已成功添加到该路由",
+    "routeMetric.priorityHelp": "更低的 Metric 具有更高优先级。",
+    "peerRoutes.emptyTitle": "该设备没有网络路由",
+    "peerRoutes.emptyDescription":
+      "你还没有分配任何网络路由。你可以把此设备加入现有网络，或创建新的网络路由。",
+    "peerSsh.access": "SSH 访问",
+    "peerSsh.ssh": "SSH",
+    "peerSsh.enableAccess": "启用 SSH 访问",
+    "peerSsh.enableAccessDescription":
+      "允许其他已连接到网络的参与者通过 SSH 远程访问。",
+    "peerSsh.cliClient": "命令行",
+    "peerSsh.desktopClient": "桌面客户端",
+    "peerSsh.cliStepIntro":
+      "如果你通过 CLI 使用 Cloink，可以运行以下命令启用 SSH：",
+    "peerSsh.desktopStepPrefix":
+      "如果你通过 Cloink 桌面客户端使用，请点击 Cloink 托盘图标，进入",
+    "peerSsh.settings": "设置",
+    "peerSsh.desktopStepMiddle": "并点击",
+    "peerSsh.allowSsh": "允许 SSH",
+    "peerSsh.desktopStepAdvancedPrefix": "如果你想启用 Root 登录，请进入",
+    "peerSsh.advancedSettings": "设置 > 高级设置",
+    "peerSsh.desktopStepAdvancedSuffix":
+      "并在 SSH 选项卡下启用 SSH Root Login。",
+    "peerSsh.explicitPolicyRequired":
+      "从 Cloink v0.61.0 开始，SSH 需要显式访问控制策略才能允许连接到这台设备。",
+    "peerSsh.createPolicy": "创建 SSH 策略",
+    "peerSsh.finishStepPrefix": "当客户端允许 Cloink SSH 服务后，",
+    "peerSsh.finishStepMiddle": "点击下方的",
+    "peerSsh.confirmAndEnable": "确认并启用",
+    "peerSsh.finishStepSuffix": "以完成设置。",
+    "peerSsh.finishSetup": "完成设置",
+    "peerSsh.disableTitle": "禁用 SSH 访问？",
+    "peerSsh.disableDescription":
+      "从 Cloink v0.61.0 开始，一旦禁用 SSH 访问，你将无法再从控制台重新启用。你需要创建显式访问控制策略并更新 Cloink 客户端，才能恢复 SSH 功能。",
+    "peerSsh.disable": "禁用",
+    "peerSsh.noPermission": "你没有更新此设置所需的权限。",
+    "peerSsh.toggleHelp": "启用此设备上的 SSH 服务，以便通过安全 Shell 访问该机器。",
+    "peerSsh.setupHelp":
+      "设置 SSH，并创建显式访问控制策略，用于定义哪些用户可以通过 SSH 访问此机器上的特定本地用户名。",
+    "peerSsh.clientUpdateWarning":
+      "你已配置 SSH 访问，但客户端运行的是较旧版本的 Cloink。请将 Cloink 客户端更新到 v0.61.0 及以上版本以允许 SSH 连接。",
+    "peerSsh.serverDisabledWarning":
+      "你已配置 SSH 访问策略，但此客户端尚未启用 SSH 服务。请启用 SSH 服务以允许 SSH 连接。",
+    "peerSsh.explicitPolicyWarning":
+      "你的 SSH 服务已启用，但从 Cloink v0.61.0 开始，SSH 需要显式访问控制策略。请创建 SSH 访问控制策略以允许 SSH 连接。",
+    "peerNetworkRoutes.description":
+      "无需在每个资源上安装 Cloink，也能访问其他网络。",
+    "peerRouteActions.deleteTitle": "删除路由 {name}",
+    "peerRouteActions.deleted": "路由已成功移除",
+    "peerRouteActions.deleting": "正在删除路由...",
+    "peerRouteActions.confirmTitle": "从网络 '{network}' 中删除设备 {peer}？",
+    "peerRouteActions.confirmDescription":
+      "确认要从该路由中删除此设备吗？此操作无法撤销。",
+    "peerRouteActions.groupRestrictionPrefix":
+      "{peer} 属于某个正在被网络路由使用的分组。",
+    "peerRouteActions.groupRestrictionSuffix":
+      "若要将此设备从网络路由中移除，请先把它从该路由使用的分组中解除关联。",
+    "peerRouteActions.enabled": "网络路由已成功启用",
+    "peerRouteActions.disabled": "网络路由已成功禁用",
+    "routeActions.confirmDeleteTitle": "删除 '{name}'？",
+    "routeActions.confirmDeleteDescription":
+      "确认要删除此路由吗？此操作无法撤销。",
+    "remoteJobs.sectionDescription":
+      "无需 CLI 访问，也可以在此设备上远程触发调试包等操作或其他任务。",
+    "selection.peersSelected": "已选设备",
+    "exitNodes.help":
+      "出口节点是一种网络路由，它会将你的全部互联网流量通过某一台设备转发。",
+    "exitNodes.add": "添加出口节点",
+    "exitNodes.setup": "设置出口节点",
+    "groupsRow.addGroups": "添加分组",
+    "groupsRow.saveGroups": "保存分组",
+    "peerApproval.confirmTitle": "批准设备 '{name}'？",
+    "peerApproval.confirmDescription": "确认要批准这台设备吗？",
+    "peerApproval.approve": "批准",
+    "peerApproval.approvedTitle": "设备 {name} 已批准",
+    "peerApproval.approvedDescription":
+      "这台设备已获批准，现在可以连接到其他设备。",
+    "peerApproval.approving": "正在批准设备...",
+    "peerApproval.help":
+      "该设备需要由管理员批准后，才能连接到其他设备。",
+    "peerApproval.required": "需要批准",
+    "reverseProxyTargets.description":
+      "通过 Cloink 的反向代理安全地暴露服务。",
+    "reverseProxyTargets.emptyTitle": "此网络没有服务",
+    "reverseProxyTargets.emptyDescription":
+      "创建资源并通过 Cloink 的反向代理安全地暴露服务。",
+    "reverseProxy.authHeadersTitle": "HTTP 请求头",
+    "reverseProxy.addHeaders": "添加请求头",
+    "reverseProxy.removeAll": "移除全部",
+    "reverseProxy.headersCalloutLine1":
+      "只要请求匹配其中任意一个请求头，就会授予访问权限。",
+    "reverseProxy.headersCalloutLine2":
+      "匹配到的请求头在发送到后端之前会被移除。",
+    "reverseProxy.headerTypeBasic": "基础认证",
+    "reverseProxy.headerTypeBearer": "Bearer 令牌",
+    "reverseProxy.headerTypeCustom": "自定义请求头",
+    "reverseProxy.headerIndex": "请求头 {index}",
+    "reverseProxy.headerIndexWithName": "请求头 {index} - {header}",
+    "reverseProxy.bearerPlaceholder":
+      "例如：eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9...",
+    "reverseProxy.authMethodPassword": "密码",
+    "reverseProxy.authMethodPin": "PIN 码",
+    "reverseProxy.authMethodSso": "SSO",
+    "reverseProxy.authMethodSsoFull": "SSO（单点登录）",
+    "reverseProxy.authMethodHeaders": "HTTP 请求头",
+    "reverseProxy.authMethodMagicLink": "魔术链接",
+    "reverseProxy.authMethodIpRestricted": "IP 限制",
+    "reverseProxy.authMethodCountryRestricted": "国家限制",
+    "reverseProxy.authMethodGeoUnavailable": "地理位置不可用",
+    "reverseProxy.authNotSupported":
+      "TCP/UDP 和 TLS 透传服务工作在网络层，因此不支持认证方式。",
+    "reverseProxy.authEnabledCount": "已启用 {count} 项",
+    "reverseProxy.headersEnabledCount": "{count} 个请求头",
+    "reverseProxy.noAuth": "无认证",
+    "reverseProxy.configureAuthentication": "配置认证",
+    "proxyEvents.time": "时间",
+    "proxyEvents.locationIp": "位置 / IP",
+    "proxyEvents.method": "方法",
+    "proxyEvents.hostUrl": "主机 / URL",
+    "proxyEvents.duration": "耗时",
+    "proxyEvents.bytes": "字节数",
+    "proxyEvents.authMethod": "认证方式",
+    "proxyEvents.reason": "原因",
+    "proxyEvents.searchPlaceholder": "按 IP、主机、路径、用户搜索...",
+    "proxyEvents.emptyTitle": "暂无代理事件",
+    "proxyEvents.emptyDescription":
+      "我们还没有检测到任何代理事件。这可能是因为你尚未配置反向代理服务，或者目前还没有流量。",
+    "proxyEvents.success": "成功",
+    "proxyEvents.failed": "失败",
+    "onboarding.endTitle": "恭喜！",
+    "onboarding.endTitleWithName": "恭喜，{name}！",
+    "onboarding.endSubtitle": "你已完成引导流程。",
+    "onboarding.endDescription":
+      "接下来做什么？看看这些指南，充分发挥 Cloink 的能力。你也可以浏览仪表盘、查看文档或访问我们的 YouTube 频道了解更多。",
+    "onboarding.videoAclTitle": "5 分钟快速了解访问控制",
+    "onboarding.videoAclDescription":
+      "学习如何高效管理你的网络资源访问。无论你是想限制对特定机器的访问，还是允许某些用户建立连接。",
+    "onboarding.videoIdpTitle": "从你的 IdP 同步用户和分组",
+    "onboarding.videoIdpDescription":
+      "学习如何从身份提供商（如 Okta、Azure AD 或 Google Workspace）同步用户和分组，以便在 Cloink 中管理访问控制并自动化入离职流程。",
+    "onboarding.videoHowTitle": "Cloink 的工作原理",
+    "onboarding.videoHowDescription":
+      "进一步了解 Cloink 的工作方式、架构，以及它如何帮助你构建安全网络。",
+    "onboarding.goToDashboard": "前往仪表盘",
+    "onboarding.firstNetworkName": "我的第一个网络",
+    "onboarding.createdDuringOnboarding": "在引导过程中创建",
+    "onboarding.networkResourceCreated": "网络和资源已成功创建",
+    "onboarding.creatingResource": "正在创建资源...",
+    "onboarding.firstSubnetName": "我的子网",
+    "onboarding.firstResourceName": "我的资源",
+    "onboarding.usersGroupName": "用户",
+    "onboarding.routingPeersGroupName": "路由设备",
+    "onboarding.resourceIpDescription": "输入资源的单个 IPv4 地址",
+    "onboarding.resourceSubnetDescription": "输入网络的 CIDR 范围",
+    "onboarding.resourceDomainInputDescription": "输入资源的域名",
+    "onboarding.resourceIpPlaceholder": "例如：192.168.31.45",
+    "onboarding.resourceSubnetPlaceholder": "例如：192.168.1.0/24",
+    "onboarding.resourceDomainPlaceholder":
+      "例如：service.internal 或 *.services.internal",
+    "onboarding.addResourceTitle": "添加你的第一个资源",
+    "onboarding.addResourceDescription":
+      "资源可以是你网络中的子网、服务或机器。请选择你想连接的类型。",
+    "onboarding.singleIpAddress": "单个 IP 地址",
+    "onboarding.singleIpDescription": "类似 192.168.31.45 的 IPv4 地址",
+    "onboarding.entireSubnet": "整个子网",
+    "onboarding.entireSubnetDescription": "类似 192.168.0.0/24 的 CIDR 范围",
+    "onboarding.domain": "域名",
+    "onboarding.domainDescription":
+      "类似 service.internal 的域名，或类似 *.services.internal 的通配符域名",
+    "onboarding.resourceAddressLabel": "你的资源地址是什么？",
+    "onboarding.createResource": "创建资源",
+    "onboarding.setupKeyCreated": "安装密钥已创建",
+    "onboarding.setupKeyCopied": "安装密钥已复制",
+    "onboarding.copiedToClipboard": "已成功复制到剪贴板。",
+    "onboarding.generatingSetupKey": "正在生成安装密钥...",
+    "onboarding.routingPeerSetupKeyName": "路由设备（我的第一个网络）",
+    "onboarding.addRoutingPeerTitle": "添加路由设备，让流量开始转发",
+    "onboarding.addRoutingPeerDescription":
+      "可以把路由设备理解为你内部网络的连接器。它运行 Cloink，让远程设备能够访问内部资源，同时执行访问控制策略。",
+    "onboarding.addRoutingPeerStep":
+      "生成一个安装密钥，并在那台机器上安装 Cloink。",
+    "onboarding.setupKey": "安装密钥",
+    "onboarding.notGeneratedYet": "尚未生成",
+    "onboarding.generateSetupKey": "生成安装密钥",
+    "onboarding.installRoutingPeer": "安装路由设备",
+    "networkRouting.tabDescription":
+      "向此网络添加路由设备，以访问该网络内部的资源。",
+    "userDetails.title": "用户信息",
+    "userDetails.saved": "更改已成功保存。",
+    "userDetails.saving": "正在保存更改...",
+    "userDetails.autoAssignedGroups": "自动分配的分组",
+    "userDetails.autoAssignedGroupsHelp": "该用户添加的设备会自动被分配到这些分组。",
+    "userDetails.userRole": "用户角色",
+    "userDetails.userRoleHelp": "为用户设置角色以分配访问权限。",
+    "userDetails.accessTokensDescription": "访问令牌可用于访问 Cloink API。",
+    "userDetails.createAccessToken": "创建访问令牌",
+    "userDetails.name": "名称",
+    "userDetails.userId": "用户 ID",
+    "userDetails.email": "邮箱",
+    "userDetails.never": "从未",
+    "userDetails.lastLoginFormat": "YYYY年M月D日 HH:mm",
+    "peerDetails.title": "设备信息",
+    "peerDetails.notFound":
+      "找不到你尝试访问的设备。它可能已被删除，或者你没有权限查看。请检查 URL，或返回仪表盘。",
+    "peerDetails.saved": "设备已成功保存",
+    "peerDetails.saving": "正在保存设备...",
+    "peerDetails.overview": "概览",
+    "peerDetails.accessiblePeers": "可访问设备",
+    "peerDetails.noServicesTitle": "此设备暂无服务",
+    "peerDetails.noServicesDescription":
+      "将你的服务添加到此设备，并通过 Cloink 的反向代理安全地暴露出去",
+    "peerDetails.assignedGroups": "已分配分组",
+    "peerDetails.assignedGroupsHelp": "使用分组来控制该设备可以访问的内容。",
+    "peerDetails.remoteAccess": "远程访问",
+    "peerDetails.remoteAccessHelp": "通过 SSH 或 RDP 直接连接到此设备。",
+    "peerDetails.ipUpdated": "设备 IP 已成功更新",
+    "peerDetails.ipUpdating": "正在更新设备 IP...",
+    "peerDetails.netbirdIpAddress": "Cloink IP 地址",
+    "peerDetails.publicIpAddress": "公网 IP 地址",
+    "peerDetails.dnsLabel": "DNS 标签",
+    "peerDetails.domainName": "域名",
+    "peerDetails.hostname": "主机名",
+    "peerDetails.region": "地区",
+    "peerDetails.unknown": "未知",
+    "peerDetails.operatingSystem": "操作系统",
+    "peerDetails.serialNumber": "序列号",
+    "peerDetails.registeredOn": "注册时间",
+    "peerDetails.lastSeen": "最后在线",
+    "peerDetails.dateTimeFormat": "YYYY年M月D日 HH:mm",
+    "peerDetails.justNow": "刚刚",
+    "peerDetails.agentVersion": "Agent 版本",
+    "peerDetails.uiVersion": "UI 版本",
+    "peerDetails.editNameTitle": "编辑设备名称",
+    "peerDetails.editNameDescription": "为你的设备设置一个更容易识别的名称。",
+    "peerDetails.namePlaceholder": "例如：AWS Servers",
+    "peerDetails.domainPreview": "域名预览",
+    "peerDetails.domainPreviewHelp":
+      "如果域名已存在，我们会为其添加递增数字后缀。",
+    "peerDetails.validIpError": "请输入有效的 IP，例如：100.64.0.15",
+    "peerDetails.editIpTitle": "编辑设备 IP 地址",
+    "peerDetails.editIpDescription": "更新此设备的 Cloink IP 地址。",
+    "peerDetails.ipPlaceholder": "例如：100.64.0.15",
+    "peerDetails.reconnectNotice": "更改会在设备重新连接后生效。",
+    "postureChecks.pageDescription": "使用姿态检查可以进一步限制网络中的访问。",
+    "session.expiredTitle": "会话已过期",
+    "session.expiredDescription":
+      "你的登录会话似乎已失效或已过期。请重新登录以继续使用应用。",
+    "session.login": "登录",
+    "groups.searchGroup": "搜索分组...",
+    "groups.searchGroups": "搜索分组...",
+    "groups.allGroups": "所有分组",
+    "groups.notFound": "似乎您还没有任何分组。",
+    "groups.noMatching": "没有匹配搜索条件的分组。请尝试其他搜索词。",
+    "groups.count.groups": "个分组",
+    "groups.used": "已使用",
+    "groups.unused": "未使用",
+    "groups.inUse": "使用中",
+    "groups.tooltip.users": "用户",
+    "groups.tooltip.peers": "设备",
+    "groups.tooltip.policies": "策略",
+    "groups.tooltip.networkResources": "网络资源",
+    "groups.tooltip.networkRoutes": "网络路由",
+    "groups.tooltip.nameservers": "域名服务器",
+    "groups.tooltip.zones": "区域",
+    "groups.tooltip.setupKeys": "注册密钥",
+    "groups.count.users": "个用户",
+    "groups.count.policy": "个策略",
+    "groups.count.policies": "个策略",
+    "groups.count.networkResources": "个网络资源",
+    "groups.count.networkRoutes": "个网络路由",
+    "groups.count.nameservers": "个域名服务器",
+    "groups.count.zones": "个区域",
+    "groups.count.setupKeys": "个注册密钥",
+    "groups.renameTitle": "重命名分组",
+    "groups.renameDescription": "为你的分组设置一个易于识别的名称。",
+    "groups.renamePlaceholder": "例如：开发人员",
+    "groups.renameExists": "该分组已存在。请选择其他名称。",
+    "accessPolicies.searchPlaceholder": "按名称和描述搜索...",
+    "accessPolicies.emptyGroupTitle": "这个分组还没有被任何策略使用",
+    "accessPolicies.emptyGroupDescription":
+      "将这个分组作为来源或目标添加到策略中后，就会在这里显示。",
+    "accessPolicies.emptyTitle": "创建新策略",
+    "accessPolicies.emptyDescription":
+      "看起来你还没有任何策略。策略可以按指定协议和端口放行连接。",
+    "accessPolicies.addPolicy": "添加策略",
+    "accessPolicies.active": "启用中",
+    "accessPolicies.inactive": "未启用",
+    "accessPolicies.temporaryTooltip":
+      "显示由 Cloink 浏览器客户端创建的临时策略。这些策略是短暂存在的，会在一段时间后自动删除。",
+    "networks.searchPlaceholder": "按网络名称或描述搜索...",
+    "networks.emptyTitle": "创建新网络",
+    "networks.emptyDescription":
+      "看起来你还没有任何网络。添加网络后即可访问局域网和 VPC 中的内部资源。",
+    "networks.addNetwork": "添加网络",
+    "networks.routingPeers": "路由设备",
+    "network.modalUpdateTitle": "更新网络",
+    "network.modalAddTitle": "添加网络",
+    "network.modalAddDescription": "通过添加网络来访问局域网和 VPC 中的内部资源。",
+    "network.updated": "网络更新成功。",
+    "network.updating": "正在更新网络...",
+    "network.created": "网络创建成功。",
+    "network.creating": "正在创建网络...",
+    "network.name": "网络名称",
+    "network.nameHelp": "为该网络提供一个唯一名称。",
+    "network.namePlaceholder": "例如：办公室网络",
+    "network.descriptionLabel": "描述（可选）",
+    "network.descriptionHelp": "写一段简短描述，为这个网络补充更多上下文。",
+    "network.descriptionPlaceholder": "例如：柏林办公室 12 楼",
+    "actions.viewDetails": "查看详情",
+    "actions.delete": "删除",
+    "actions.edit": "编辑",
+    "actions.configure": "配置",
+    "actions.continue": "继续",
+    "actions.back": "返回",
+    "authenticationTab.saveTitle": "保存认证设置",
+    "authenticationTab.saveDescription": "认证设置已成功保存。",
+    "authenticationTab.saving": "正在保存认证设置...",
+    "authenticationTab.userApprovalLabel": "需要用户审批",
+    "authenticationTab.userApprovalHelpLine1":
+      "要求通过域名匹配加入的新用户",
+    "authenticationTab.userApprovalHelpLine2":
+      "必须经过人工审批后才能使用，审批前将被阻止访问。",
+    "authenticationTab.peerSessionLabel": "设备会话过期",
+    "authenticationTab.peerSessionHelpLine1":
+      "要求已通过 SSO 注册的设备",
+    "authenticationTab.peerSessionHelpLine2": "定期重新进行身份认证。",
+    "authenticationTab.sessionExpiration": "会话过期时间",
+    "authenticationTab.sessionExpirationHelp":
+      "通过 SSO 登录添加的每台设备在超过该时间后都需要重新认证。",
+    "authenticationTab.selectInterval": "选择时间单位...",
+    "authenticationTab.days": "天",
+    "authenticationTab.hours": "小时",
+    "authenticationTab.requireLoginAfterDisconnect": "断开后需要重新登录",
+    "authenticationTab.requireLoginAfterDisconnectHelp":
+      "启用后，用户与管理连接断开 10 分钟后将需要重新认证。",
+    "identityProviders.type": "类型",
+    "identityProviders.description":
+      "为你的网络配置用于用户认证的身份提供商。",
+    "identityProviders.searchPlaceholder": "按名称或类型搜索...",
+    "identityProviders.emptyTitle": "添加身份提供商",
+    "identityProviders.emptyDescription":
+      "配置身份提供商，为你的用户启用 SSO 认证。",
+    "identityProviders.add": "添加身份提供商",
+    "identityProviders.deleteTitle": "删除身份提供商",
+    "identityProviders.deletedDescription":
+      "身份提供商已成功删除。",
+    "identityProviders.deleting": "正在删除身份提供商...",
+    "identityProviders.deleteConfirmTitle": "删除“{name}”？",
+    "identityProviders.deleteConfirmDescription":
+      "你确定要删除这个身份提供商吗？此操作无法撤销。",
+    "identityProviderModal.updateTitle": "更新身份提供商",
+    "identityProviderModal.updatedDescription":
+      "身份提供商已成功更新。",
+    "identityProviderModal.updating": "正在更新身份提供商...",
+    "identityProviderModal.createTitle": "创建身份提供商",
+    "identityProviderModal.createdDescription":
+      "身份提供商已成功创建。",
+    "identityProviderModal.creating": "正在创建身份提供商...",
+    "identityProviderModal.editModalTitle": "编辑身份提供商",
+    "identityProviderModal.addModalTitle": "添加身份提供商",
+    "identityProviderModal.editModalDescription":
+      "更新身份提供商配置",
+    "identityProviderModal.addModalDescription":
+      "为认证配置一个新的身份提供商",
+    "identityProviderModal.providerType": "提供商类型",
+    "identityProviderModal.providerTypeHelp":
+      "选择身份提供商的类型",
+    "identityProviderModal.selectProviderType": "选择提供商类型...",
+    "identityProviderModal.nameHelp":
+      "输入一个便于识别该提供商的名称",
+    "identityProviderModal.namePlaceholder": "例如：企业 SSO",
+    "identityProviderModal.issuerUrl": "颁发者 URL",
+    "identityProviderModal.issuerUrlHelp":
+      "该提供商的 OIDC 颁发者 URL",
+    "identityProviderModal.clientId": "客户端 ID",
+    "identityProviderModal.clientIdHelp":
+      "OAuth2 机密客户端 ID",
+    "identityProviderModal.clientIdPlaceholder": "输入客户端 ID",
+    "identityProviderModal.clientSecret": "客户端密钥",
+    "identityProviderModal.clientSecretHelp": "OAuth2 客户端密钥",
+    "identityProviderModal.clientSecretChangedHelp":
+      "修改客户端 ID 时必须填写",
+    "identityProviderModal.clientSecretOptionalHelp":
+      "留空可保留现有密钥，或输入新的密钥",
+    "identityProviderModal.clientSecretPlaceholder":
+      "输入客户端密钥",
+    "identityProviderModal.clientSecretMaskedPlaceholder": "••••••••",
+    "identityProviderModal.redirectUrl": "重定向 / 回调 URL",
+    "identityProviderModal.redirectUrlHelp":
+      "将此 URL 复制到你的身份提供商配置中",
+    "identityProviderModal.redirectCopied":
+      "回调 URL 已复制到剪贴板。",
+    "identityProviderModal.addProvider": "添加提供商",
+    "networkResources.addModalTitle": "添加资源",
+    "networkResources.editModalTitle": "编辑资源",
+    "networkResources.addModalDescription":
+      "向“{network}”添加新资源",
+    "networkResources.resourceTab": "资源",
+    "networkResources.accessControlTab": "访问控制",
+    "networkResources.nameHelp":
+      "为你的资源设置一个易于识别的名称",
+    "networkResources.namePlaceholder": "例如：Postgres 数据库",
+    "networkResources.nameExistsError":
+      "已存在同名资源，请使用其他名称。",
+    "networkResources.addressDescriptionPrefix": "输入一个",
+    "networkResources.addressLabel": "地址",
+    "networkResources.addressHelp": "输入单个 IP 地址、CIDR 网段或域名",
+    "networkResources.addressIpHelp":
+      "单个主机地址，例如 10.0.0.1 或 192.168.1.5。用于为某台特定机器或服务授予访问权限。",
+    "networkResources.ipAddress": "IP 地址",
+    "networkResources.addressCidrHelp":
+      "若要开放整个子网，请使用 CIDR 网段，例如 10.0.0.0/24 或 192.168.1.0/24。",
+    "networkResources.cidrBlock": "CIDR 网段",
+    "networkResources.or": "或",
+    "networkResources.addressDomainHelp":
+      "DNS 域名，例如 service.internal、example.com 或 *.example.com 以匹配所有子域名。",
+    "networkResources.domainName": "域名",
+    "networkResources.addressPlaceholder": "地址（IP、CIDR 或域名）",
+    "networkResources.addressDomainError":
+      "请输入有效域名，例如 service.internal、example.com 或 *.example.com",
+    "networkResources.addressIpOrCidrError":
+      "请输入有效 IP 或 CIDR，例如 10.0.0.21、192.168.1.0/24",
+    "networkResources.policyCountDisabled": "{count} 个已禁用",
+    "networkResources.optionalSettings": "可选设置",
+    "networkResources.descriptionHelp":
+      "写一段简短描述，为这个资源补充更多上下文。",
+    "networkResources.descriptionPlaceholder":
+      "例如：生产环境、开发环境",
+    "networkResources.groupsLabel": "资源分组",
+    "networkResources.groupsHelpLine1":
+      "将此资源加入一个分组（例如：数据库、Web 服务器），并在",
+    "networkResources.groupsHelpLine2":
+      "访问策略中引用该分组，以简化管理。",
+    "networkRoutingPeers.addTitle": "添加路由设备",
+    "networkRoutingPeers.updateTitle": "更新路由设备",
+    "networkRoutingPeers.description": "将流量路由到“{name}”",
+    "networkRoutingPeers.addedSuccessfully": "路由设备添加成功。",
+    "networkRoutingPeers.adding": "正在添加路由设备...",
+    "networkRoutingPeers.tabs.routingPeers": "路由设备",
+    "networkRoutingPeers.tabs.advanced": "高级设置",
+    "networkRoutingPeers.segment.peer": "单台设备",
+    "networkRoutingPeers.segment.peerHelp":
+      "分配单台或多台设备作为该网络的路由设备。",
+    "networkRoutingPeers.segment.group": "设备分组",
+    "networkRoutingPeers.segment.groupHelp":
+      "分配包含机器的设备分组作为路由设备。",
+    "networkRoutingPeers.dontHave": "没有路由设备？",
+    "networkRoutingPeers.dontHaveHelp":
+      "您可以使用安装密钥在一台或多台机器上安装 Cloink 作为路由设备。",
+    "networkRoutingPeers.notifyTitle": "网络路由设备",
+    "networkRoutingPeers.toggleDescription": "路由设备当前为{status}",
+    "networkRoutingPeers.masqueradeToggleDescription":
+      "地址伪装当前为{status}",
+    "networkRoutingPeers.updating": "正在更新路由设备...",
+    "networkRoutingPeers.updatingMasquerade": "正在更新地址伪装...",
+    "networkRoutingPeers.enable": "启用路由设备",
+    "networkRoutingPeers.enableHelp":
+      "使用此开关可启用或禁用此路由设备。",
+    "networkRoutingPeers.metric": "跃点数 (Metric)",
+    "networkRoutingPeers.metricHelp":
+      "较小的跃点数表示较高的路由优先级。",
+    "networkRoutingPeers.createSetupKeyTitle": "创建安装密钥？",
+    "networkRoutingPeers.createSetupKeyDescription":
+      "如果继续，将自动创建一个一次性安装密钥，你随后就可以安装 Cloink。",
+    "networkRoutingPeers.setupKeyName": "路由设备（{name}）",
+    "networkRoutingPeers.masqueradeHelp":
+      "在不配置本地路由器或其他设备上的路由的情况下，允许访问您的专用网络。",
+    "networkRoutingPeers.masqueradeTooltip":
+      "非 Linux 路由设备需要启用地址伪装。",
+    "networkRoutingPeers.masqueradeWarningPrefix": "分组 ",
+    "networkRoutingPeers.masqueradeWarningSuffix":
+      " 至少包含一个非 Linux 设备。禁用地址伪装对非 Linux 路由设备无效。",
+    "networkResources.groupsPlaceholder":
+      "添加或选择资源分组...",
+    "networkResources.groupsUpdateTitle": "更新资源",
+    "networkResources.groupsUpdateDescription": "“{name}”的分组已更新",
+    "networkResources.groupsUpdating": "正在更新资源分组...",
+    "networkResources.groupsModalDescription":
+      "将此资源添加到分组中（例如：数据库、Web服务器），并在访问策略中引用该分组以简化管理。",
+    "networkResources.groupPolicyPrefix":
+      "你选择的资源分组已被用于",
+    "networkResources.groupPolicyCount": "{count} 条访问控制策略",
+    "networkResources.groupPolicyInheritance":
+      "该资源将继承来自",
+    "networkResources.thisPolicy": "该策略",
+    "networkResources.thesePolicies": "这些策略",
+    "networkResources.reviewPoliciesPrefix": "请在",
+    "networkResources.reviewPoliciesSuffix": "标签页中查看。",
+    "networkResources.reviewPoliciesInline":
+      "请在访问控制标签页中查看。",
+    "networkResources.noPoliciesTitle":
+      "尚未配置访问控制策略",
+    "networkResources.noPoliciesDescription":
+      "如果没有访问控制策略，任何设备都无法访问该资源。你也可以稍后再创建策略。确定要继续吗？",
+    "networkResources.createdTitle": "资源已创建",
+    "networkResources.createdDescription":
+      "资源“{name}”已成功创建。",
+    "networkResources.creating": "正在创建资源...",
+    "networkResources.updatedTitle": "资源已更新",
+    "networkResources.updatedDescription":
+      "资源“{name}”已成功更新。",
+    "networkResources.toggleDescription": "“{name}”当前为{status}",
+    "networkResources.updating": "正在更新资源...",
+    "networkResources.add": "添加资源",
+    "networkResources.linkLabel": "资源",
+    "networkResourceAccessControl.title": "访问控制策略",
+    "networkResourceAccessControl.description":
+      "定义哪些来源分组可以访问该资源。你也可以进一步限制协议和端口。若没有策略，将无法访问此资源。",
+    "networkResourceAccessControl.sourceGroups": "来源分组",
+    "networkResourceAccessControl.protocolPorts": "协议和端口",
+    "networkResourceAccessControl.editPolicy": "编辑策略",
+    "networkResourceAccessControl.deletePolicy": "删除策略",
+    "networkResourceAccessControl.addPolicy": "添加策略",
+    "resourcesTable.address": "地址",
+    "resourcesTable.active": "启用状态",
+    "resourcesTable.searchPlaceholder": "按名称、地址或分组搜索...",
+    "resourcesTable.emptyGroupTitle": "这个分组还没有分配任何资源",
+    "resourcesTable.emptyNetworkTitle": "这个网络还没有任何资源",
+    "resourcesTable.emptyGroupDescription":
+      "将这个分组分配给网络中的资源后，它们会显示在这里。",
+    "resourcesTable.emptyNetworkDescription":
+      "向这个网络添加资源，以控制哪些设备可以访问。资源可以是单个 IP、子网，或一个域名。",
+    "resourcesTable.goToNetworks": "前往网络",
+    "resourcesTable.networkDescription":
+      "向这个网络添加资源，以控制哪些设备可以访问。",
+    "clientSettings.notifyTitle": "客户端设置",
+    "clientSettings.updatedDescription": "客户端设置已成功更新。",
+    "clientSettings.updating": "正在更新客户端设置...",
+    "clientSettings.autoUpdateDisabled": "禁用",
+    "clientSettings.autoUpdateLatest": "最新版本",
+    "clientSettings.autoUpdateCustom": "自定义版本",
+    "clientSettings.versionError":
+      "请输入有效版本号，例如 0.2、0.2.0、0.2.0-alpha.1",
+    "clientSettings.lazyConnectionsTitle": "懒连接",
+    "clientSettings.lazyConnectionsEnabled":
+      "懒连接已成功启用。",
+    "clientSettings.lazyConnectionsDisabled":
+      "懒连接已成功禁用。",
+    "clientSettings.lazyConnectionsUpdating":
+      "正在更新懒连接设置...",
+    "clientSettings.automaticUpdates": "自动更新",
+    "clientSettings.automaticUpdatesHelpPrefix":
+      "配置 Cloink 客户端接收更新通知的方式。",
+    "clientSettings.automaticUpdatesHelpMiddle":
+      "启用后，用户会被提示安装所选版本。",
+    "clientSettings.requiresAtLeast": "此功能至少需要 Cloink",
+    "clientSettings.learnMore": "了解更多",
+    "clientSettings.version": "版本",
+    "clientSettings.versionPlaceholder": "例如：0.52.2",
+    "clientSettings.forceAutomaticUpdates": "强制自动更新",
+    "clientSettings.forceAutomaticUpdatesHelp":
+      "启用后，更新会在后台自动安装，无需用户交互。",
+    "clientSettings.forceAutomaticUpdatesWarning":
+      "启用自动更新会在更新期间重启 Cloink 客户端，这可能会暂时中断活动连接。请在生产环境中谨慎使用。",
+    "clientSettings.exposeServices": "通过 CLI 暴露服务",
+    "clientSettings.exposeServicesHelpLine1":
+      "允许设备通过 CLI 使用 Cloink 反向代理暴露本地服务。",
+    "clientSettings.enablePeerExpose": "启用设备暴露",
+    "clientSettings.enablePeerExposeHelp":
+      "启用后，设备可以暴露可通过公网 URL 访问的本地 HTTP 服务。",
+    "clientSettings.allowedPeerGroups": "允许的设备分组",
+    "clientSettings.allowedPeerGroupsHelp":
+      "选择允许暴露服务的设备分组。至少需要选择一个分组。",
+    "clientSettings.selectPeerGroups": "选择设备分组...",
+    "clientSettings.experimental": "实验性功能",
+    "clientSettings.lazyConnectionsHelpPrefix":
+      "懒连接是一项实验性功能，具体行为和能力可能会继续演进。Cloink 不再始终维持常驻连接，而是根据活动或信令按需建立连接。",
+    "clientSettings.enableLazyConnections": "启用懒连接",
+    "clientSettings.enableLazyConnectionsHelp":
+      "仅在需要时才在设备之间建立连接。此功能要求 Cloink 客户端版本不低于 v0.45。修改后需要重启客户端才会生效。",
+    "networkSettings.dnsWildcardTitle": "DNS 通配符路由",
+    "networkSettings.dnsWildcardEnabled":
+      "DNS 通配符路由已成功启用。",
+    "networkSettings.dnsWildcardDisabled":
+      "DNS 通配符路由已成功禁用。",
+    "networkSettings.dnsWildcardUpdating":
+      "正在更新 DNS 通配符设置...",
+    "networkSettings.notifyTitle": "网络设置",
+    "networkSettings.updatedDescription": "网络设置已成功更新。",
+    "networkSettings.updating": "正在更新网络设置...",
+    "networkSettings.domainError":
+      "请输入有效域名，例如 example.com 或 intra.example.com",
+    "networkSettings.networkRangeEmptyError":
+      "网络范围不能为空",
+    "networkSettings.networkRangeError":
+      "请输入有效的 IPv4 CIDR 范围，例如 100.64.0.0/16 或 192.168.1.0/24",
+    "networkSettings.dnsDomain": "DNS 域名",
+    "networkSettings.dnsDomainHelp":
+      "为你的网络指定自定义的设备 DNS 域名。该域名不应与其他已使用域名冲突，以避免覆盖 DNS 解析结果。",
+    "networkSettings.networkRange": "网络范围",
+    "networkSettings.networkRangeHelp":
+      "以 CIDR 格式为你的网络指定自定义 IPv4 范围。修改后，所有设备 IP 都会重新分配。",
+    "networkSettings.networkRangePlaceholder": "例如：100.64.0.0/16",
+    "networkSettings.enableDnsWildcardRouting":
+      "启用 DNS 通配符路由",
+    "networkSettings.enableDnsWildcardRoutingHelp":
+      "允许使用 DNS 通配符进行路由。此功能要求 Cloink 客户端版本不低于 v0.35。修改后需要重启客户端才会生效。",
+    "permissionsTab.notifyTitle": "权限设置",
+    "permissionsTab.updatedDescription": "权限已成功更新。",
+    "permissionsTab.updating": "正在更新权限...",
+    "permissionsTab.restrictDashboard":
+      "限制普通用户的控制台访问",
+    "permissionsTab.restrictDashboardHelp":
+      "控制台访问将受到限制，普通用户将无法查看任何设备。",
+    "dangerZone.deleteAccountTitle": "删除 Cloink 账户",
+    "dangerZone.deletedDescription":
+      "Cloink 账户已成功删除。",
+    "dangerZone.deleting": "正在删除账户...",
+    "dangerZone.confirmDescription":
+      "你确定要删除你的 Cloink 账户吗？此操作无法撤销。",
+    "dangerZone.deleteAccountWarning":
+      "在继续删除 Cloink 账户之前，请注意此操作不可逆。账户删除后，你将永久失去对所有相关数据的访问权限，包括设备、用户、分组、策略和路由。",
+    "dangerZone.deleteAccountButton": "删除账户",
+    "groupsSettings.title": "用户分组",
+    "groupsSettings.save": "保存",
+    "groupsSettings.notifyTitle": "分组设置",
+    "groupsSettings.updatedDescription":
+      "分组设置已成功更新。",
+    "groupsSettings.updating": "正在更新分组设置...",
+    "groupsSettings.enablePropagation": "启用用户分组传播",
+    "groupsSettings.enablePropagationHelp":
+      "允许将用户自动分组传播到设备，并共享成员归属信息。",
+    "groupsSettings.enableJwtSync": "启用 JWT 分组同步",
+    "groupsSettings.enableJwtSyncHelp":
+      "从 JWT 声明中提取并同步分组到用户的自动分组中，并可根据令牌自动创建分组。",
+    "groupsSettings.jwtAllowGroupTitle": "JWT 允许分组 - {group}",
+    "groupsSettings.jwtAllowGroupDescription":
+      "只有属于 {group} 分组的用户才能访问 Cloink。你确定要保存这些更改吗？",
+    "groupsSettings.accessWarning":
+      "为避免失去访问权限，请确保你属于这个分组。",
+    "groupsSettings.jwtClaim": "JWT 声明字段",
+    "groupsSettings.jwtClaimHelp":
+      "指定用于提取分组名称的 JWT 声明字段，例如 roles 或 groups，并将其添加到账户分组中。该字段应包含一个分组名称列表。",
+    "groupsSettings.jwtClaimPlaceholder": "例如：roles",
+    "groupsSettings.jwtAllowGroups": "JWT 允许分组",
+    "groupsSettings.jwtAllowGroupsHelp":
+      "限制只有指定分组名称的用户可以访问 Cloink，例如 Cloink users。要使用这些分组，你需要先在身份提供商中完成配置。",
+    "groupsSettings.addGroupPlaceholder": "添加一个分组并按 Enter",
+    "groupsSettings.manageGroupsPrefix":
+      "想查看并管理你的分组？你可以在这里找到分组管理：",
+    "groupsSettings.manageGroupsLink": "访问控制 / 分组",
+    "accessTokens.title": "访问令牌",
+    "accessTokens.expires": "过期时间",
+    "accessTokens.lastUsed": "上次使用",
+    "accessTokens.lastUsedOn": "上次使用于",
+    "accessTokens.emptyTitle": "暂无访问令牌",
+    "accessTokens.emptyDescription":
+      "你还没有任何访问令牌。你可以创建一个令牌来访问 Cloink API。",
+    "accessTokens.deletedDescription":
+      "访问令牌已成功删除",
+    "accessTokens.deleting": "正在删除访问令牌...",
+    "accessTokens.deleteConfirmTitle": "删除“{name}”？",
+    "accessTokens.deleteConfirmDescription":
+      "你确定要删除这个令牌吗？此操作无法撤销。",
+    "accessTokens.createdTitle": "访问令牌已成功创建！",
+    "accessTokens.createdHelp":
+      "这个令牌不会再次显示，请务必复制并安全保存。",
+    "accessTokens.copied": "访问令牌已复制到剪贴板！",
+    "accessTokens.createFailedFallback":
+      "访问令牌创建失败...",
+    "accessTokens.close": "关闭",
+    "accessTokens.copyToClipboard": "复制到剪贴板",
+    "accessTokens.creatingTitle": "正在创建访问令牌",
+    "accessTokens.createdDescription": "{name} 已成功创建",
+    "accessTokens.creating": "正在创建访问令牌...",
+    "accessTokens.modalTitle": "创建访问令牌",
+    "accessTokens.modalDescription":
+      "使用此令牌访问 Cloink 的公开 API",
+    "accessTokens.nameHelp":
+      "为你的令牌设置一个易于识别的名称",
+    "accessTokens.namePlaceholder": "例如：基础设施令牌",
+    "accessTokens.expiresIn": "有效期",
+    "accessTokens.expiresInHelp": "应介于 1 到 365 天之间。",
+    "accessTokens.days": "天",
+    "accessTokens.createToken": "创建令牌",
+    "postureChecks.title": "姿态检查",
+    "postureChecks.updateModalTitle": "更新姿态检查",
+    "postureChecks.createModalTitle": "创建姿态检查",
+    "postureChecks.modalDescription":
+      "使用姿态检查进一步限制你网络中的访问。",
+    "postureChecks.checks": "检查项",
+    "postureChecks.nameDescription": "名称和描述",
+    "postureChecks.nameLabel": "姿态检查名称",
+    "postureChecks.nameHelp":
+      "为你的姿态检查设置一个易于识别的名称。",
+    "postureChecks.namePlaceholder": "例如：Cloink 版本 > 0.25.0",
+    "postureChecks.descriptionLabel": "描述（可选）",
+    "postureChecks.descriptionHelp":
+      "写一段简短描述，为这个策略补充更多上下文。",
+    "postureChecks.descriptionPlaceholder":
+      "例如：检查 Cloink 版本是否高于 0.25.0",
+    "postureChecks.createButton": "创建姿态检查",
+    "postureChecks.searchPlaceholder":
+      "按名称和描述搜索...",
+    "postureChecks.addButton": "添加姿态检查",
+    "postureChecks.emptyTitle": "创建姿态检查",
+    "postureChecks.emptyDescription":
+      "添加姿态检查以进一步限制你网络中的访问。例如，只有满足特定 Cloink 客户端版本、操作系统或位置的客户端才允许连接。",
+    "postureChecks.countLabel": "{count} 个姿态检查",
+    "postureChecks.browseChecks": "浏览检查项",
+    "postureChecks.newButton": "新建姿态检查",
+    "postureChecks.editButton": "编辑姿态检查",
+    "postureChecks.removeButton": "移除姿态检查",
+    "postureChecks.addSelected": "添加姿态检查（{count}）",
+    "postureChecks.selectAll": "选择全部",
+    "postureChecks.selectRow": "选择当前行",
+    "postureChecks.deleteConfirmTitle": "删除“{name}”？",
+    "postureChecks.deleteConfirmDescription":
+      "你确定要删除这个姿态检查吗？此操作无法撤销。",
+    "postureChecks.deletedDescription":
+      "姿态检查已成功删除",
+    "postureChecks.deleting": "正在删除姿态检查...",
+    "postureChecks.deleteDisabledTooltip":
+      "该姿态检查已被分配到策略中，无法删除。请先将它从所有策略中移除后再删除。",
+    "postureChecks.goToPoliciesTooltip":
+      "若要将此姿态检查分配给策略，请前往策略页面。",
+    "postureChecks.goToPolicies": "前往策略",
+    "postureChecks.noChecksTitle":
+      "你还没有添加任何姿态检查",
+    "postureChecks.disableCheckTitle": "禁用此检查？",
+    "postureChecks.disableCheckDescription":
+      "你确定要禁用此检查吗？该检查的所有设置都会丢失。",
+    "postureChecks.disable": "禁用",
+    "postureChecks.netbirdVersionTitle": "Cloink 客户端版本",
+    "postureChecks.netbirdVersionDescription":
+      "限制只有满足特定 Cloink 客户端版本的设备才能访问。",
+    "postureChecks.minimumRequiredVersion": "最低要求版本",
+    "postureChecks.minimumRequiredVersionHelp":
+      "只有满足最低指定 Cloink 客户端版本的设备才能访问网络。",
+    "postureChecks.versionPlaceholder": "例如：0.25.0",
+    "postureChecks.clientVersionCheck": "客户端版本检查",
+    "postureChecks.geoLocationTitle": "国家和地区",
+    "postureChecks.geoLocationDescription":
+      "根据国家或地区限制你网络中的访问。",
+    "postureChecks.geoLicensePrefix":
+      "此检查包含由 MaxMind 创建的 GeoLite2 数据，数据来源于",
+    "postureChecks.allowOrBlockLocation": "允许或阻止位置",
+    "postureChecks.allowOrBlockLocationHelp":
+      "选择你希望允许还是阻止来自特定国家或地区的访问",
+    "postureChecks.allow": "允许",
+    "postureChecks.block": "阻止",
+    "postureChecks.addLocation": "添加位置",
+    "postureChecks.countryRegionCheck": "国家和地区检查",
+    "postureChecks.peerNetworkRangeTitle": "设备网络范围",
+    "postureChecks.peerNetworkRangeDescription":
+      "通过允许或阻止设备网络范围来限制访问。",
+    "postureChecks.cidrError":
+      "请输入有效的 CIDR，例如 192.168.1.0/24",
+    "postureChecks.allowOrBlockRanges": "允许或阻止网络范围",
+    "postureChecks.allowOrBlockRangesHelp":
+      "选择你希望允许还是阻止特定设备网络范围的访问",
+    "postureChecks.networkRangePlaceholder": "例如：172.16.0.0/16",
+    "postureChecks.addNetworkRange": "添加网络范围",
+    "postureChecks.peerNetworkRangeCheck": "设备网络范围检查",
+    "postureChecks.processTitle": "进程",
+    "postureChecks.processDescription":
+      "根据设备上正在运行的进程限制网络访问。",
+    "postureChecks.operatingSystemTitle": "操作系统",
+    "postureChecks.operatingSystemDescription":
+      "根据操作系统限制你网络中的访问。",
+    "postureChecks.osLinux": "Linux",
+    "postureChecks.osWindows": "Windows",
+    "postureChecks.osMacos": "macOS",
+    "postureChecks.osIos": "iOS",
+    "postureChecks.osAndroid": "Android",
+    "postureChecks.operatingSystemCheck": "操作系统检查",
+    "postureChecks.allVersions": "所有版本",
+    "postureChecks.equalOrGreaterThan": "大于或等于",
+    "postureChecks.kernelVersion": "内核版本",
+    "postureChecks.allowOrBlock": "允许或阻止",
+    "postureChecks.allowOrBlockOsHelp":
+      "选择你希望允许还是阻止该操作系统。",
+    "postureChecks.selectVersion": "选择版本...",
+    "postureChecks.osVersionPlaceholder": "例如：6.0.0",
+    "postureChecks.useCustomVersionNumber": "使用自定义版本号",
+    "postureChecks.useCustomVersionNumberHelp":
+      "如果你需要更精细的控制，可以使用自定义版本号。",
+    "postureChecks.macPathError": "请输入有效的 macOS 文件路径",
+    "postureChecks.unixPathError": "请输入有效的 Unix 文件路径",
+    "postureChecks.windowsPathError":
+      "请输入有效的 Windows 文件路径",
+    "postureChecks.processesLabel": "进程",
+    "postureChecks.processesHelp":
+      "添加进程可执行文件的路径。你可以分别填写 Linux、macOS 和 Windows 的路径。只有当该进程正在设备系统上运行时，设备才被允许连接。",
+    "postureChecks.addProcess": "添加进程",
+    "postureChecks.processCheck": "进程检查",
+    "postureChecks.allowOnly": "仅允许",
+    "postureChecks.minimumClientVersion": "最低客户端版本",
+    "postureChecks.geoTooltipAllowedLine1": "以下",
+    "postureChecks.geoTooltipBlockedLine1": "以下",
+    "postureChecks.geoTooltipLine2": "国家和地区",
+    "postureChecks.peerRangeTooltipAllowed": "以下设备网络范围",
+    "postureChecks.peerRangeTooltipBlocked": "以下设备网络范围",
+    "postureChecks.processTooltipAllowed": "运行以下进程的设备",
+    "postureChecks.unknownPath": "未知路径",
+    "postureChecks.versionLabel": "版本",
+    "setupModal.there": "朋友",
+    "setupModal.welcomeTitle": "你好，{name}！",
+    "setupModal.welcomeSubtitle": "现在来添加你的第一台设备吧。",
+    "setupModal.installWithSetupKey": "使用 Setup Key 安装 Cloink",
+    "setupModal.installNetBird": "安装 Cloink",
+    "setupModal.setupKeyDescription":
+      "开始之前，请先安装并运行 Cloink，并将 setup key 作为参数传入。",
+    "setupModal.defaultDescription":
+      "开始之前，请先安装 Cloink 并使用你的邮箱账号登录。",
+    "setupModal.linux": "Linux",
+    "setupModal.windows": "Windows",
+    "setupModal.macos": "macOS",
+    "setupModal.ios": "iOS",
+    "setupModal.android": "Android",
+    "setupModal.docker": "Docker",
+    "setupModal.footerDescription":
+      "完成后你应该已经连接成功。你可以继续为网络添加更多设备，或在管理面板中管理现有设备。如果还有疑问，可以查看我们的",
+    "setupModal.setupKeyInfoLine1":
+      "这个 setup key 只能在接下来的 24 小时内使用一次。",
+    "setupModal.setupKeyInfoLine2":
+      "过期后，同一个 key 不能再次使用。",
+    "setupModal.windowsInstallTitle": "在 Windows 上安装",
+    "setupModal.windowsStep1": "下载并运行 Windows 安装程序",
+    "setupModal.selectArchitecture": "选择架构",
+    "setupModal.arch64": "64 位",
+    "setupModal.arch64Msi": "64 位（MSI）",
+    "setupModal.archArm64Msi": "ARM64（MSI）",
+    "setupModal.downloadNetBird": "下载 Cloink",
+    "setupModal.managementUrlInstructions":
+      "点击系统托盘中的 Cloink 图标，依次进入“Settings”和“Advanced Settings”，然后输入下面的“Management URL”",
+    "setupModal.openCommandLineRunNetBird": "打开命令行并运行 Cloink",
+    "setupModal.clickConnectTray":
+      "点击系统托盘中 Cloink 图标里的“Connect”",
+    "setupModal.signUpWithEmail": "使用你的邮箱地址注册/登录",
+    "setupModal.macosInstallTitle": "在 macOS 上安装",
+    "setupModal.macosStep1": "下载并运行 macOS 安装程序",
+    "setupModal.openTerminalRunNetBird": "打开终端并运行 Cloink",
+    "setupModal.installManuallyTerminal": "通过终端手动安装",
+    "setupModal.runNetBird": "运行 Cloink",
+    "setupModal.andLogInBrowser": "并在浏览器中登录",
+    "setupModal.installManuallyHomebrew": "通过 HomeBrew 手动安装",
+    "setupModal.downloadInstallHomebrew": "下载并安装 HomeBrew",
+    "setupModal.homebrewGuide": "HomeBrew 安装指南",
+    "setupModal.cliOnlyComment": "# 仅 CLI 使用",
+    "setupModal.guiPackageComment": "# GUI 图形界面包",
+    "setupModal.startNetBirdDaemon": "启动 Cloink 后台服务",
+    "setupModal.installWithCommandLine": "通过命令行安装",
+    "setupModal.installManuallyUbuntu": "在 Ubuntu 上手动安装",
+    "setupModal.addRepository": "手动下载安装 Cloink",
+    "setupModal.androidInstallTitle": "在 Android 上安装",
+    "setupModal.androidStep1": "从 Google Play 商店下载并安装应用：",
+    "setupModal.googlePlayAlt": "从 Google Play 下载 Cloink",
+    "setupModal.changeServerInstructions":
+      "点击“Change Server”，然后输入下面的“Server”",
+    "setupModal.clickConnectCenter": "点击屏幕中间的“Connect”按钮",
+    "setupModal.iosInstallTitle": "在 iOS 上安装",
+    "setupModal.iosStep1": "从 App Store 下载并安装应用：",
+    "setupModal.appStoreAlt": "在 App Store 下载 Cloink",
+    "setupModal.dockerInstallTitle": "通过 Docker 安装",
+    "setupModal.installDocker": "安装 Docker",
+    "setupModal.officialDockerGuide": "Docker 官方安装指南",
+    "setupModal.runNetBirdContainer": "运行 Cloink 容器",
+    "setupModal.readDocumentation": "阅读文档",
+    "setupModal.runningNetBirdDocker": "在 Docker 中运行 Cloink",
+    "accessControl.modalUpdateTitle": "更新访问控制策略",
+    "accessControl.modalCreateTitle": "创建新的访问控制策略",
+    "accessControl.modalDescription": "使用此策略限制对资源分组的访问。",
+    "accessControl.tabPolicy": "策略",
+    "accessControl.tabGeneral": "名称和描述",
+    "accessControl.protocol": "协议",
+    "accessControl.protocolHelp":
+      "只允许指定的网络协议。若要调整流量方向和端口，请选择 TCP 或 UDP 协议。",
+    "accessControl.allProtocol": "全部",
+    "accessControl.selectProtocol": "选择协议...",
+    "accessControl.source": "来源",
+    "accessControl.sourceHelp":
+      "通常是会访问目标的一组用户设备，例如开发、市场，或点对点连接中的单个设备。",
+    "accessControl.destination": "目标",
+    "accessControl.destinationHelp":
+      "通常是来源会访问的一组设备或资源，例如服务器、数据库、内部服务，也可以是单个设备或资源。",
+    "accessControl.selectSources": "选择来源...",
+    "accessControl.selectDestinations": "选择目标...",
+    "accessControl.resourceWarning":
+      "部分目标分组包含资源。资源仅支持入站流量，不能主动发起连接。",
+    "accessControl.sshResourceWarning":
+      "SSH 访问仅适用于设备，不适用于路由资源。请确保目标分组中包含可用于 SSH 的设备。",
+    "accessControl.sshAccess": "SSH 访问",
+    "accessControl.sshAccessHelp":
+      "选择“完全访问”可允许以任意本地用户进行 SSH，选择“受限访问”可为每个分组指定允许使用的本地用户。",
+    "accessControl.netbirdSshTooltip":
+      "如果你需要细粒度的 SSH 访问控制，请选择 Cloink SSH；如果只需要基础的网络级 SSH 访问，可使用 TCP 加 22 端口。",
+    "accessControl.netbirdSsh": "Cloink SSH",
+    "accessControl.selectSshAccessType": "选择 SSH 访问类型...",
+    "accessControl.fullAccess": "完全访问",
+    "accessControl.limitedAccess": "受限访问",
+    "accessControl.noSourceGroupsForSsh":
+      "你还没有添加任何来源分组。请先添加来源分组，以便指定哪个用户分组可以访问目标机器上的哪些系统用户。",
+    "accessControl.allLocalUsers": "所有本地用户",
+    "accessControl.sshUsernamePlaceholder": "例如：root、ec2-user、ubuntu",
+    "accessControl.addUsernameByPressing": "按下后可添加用户名",
+    "accessControl.enterKey": "Enter",
+    "accessControl.ports": "端口",
+    "accessControl.portsHelp":
+      "只允许访问指定端口的网络流量。你可以选择 1 到 65535 之间的端口或端口范围。",
+    "accessControl.enablePolicy": "启用策略",
+    "accessControl.enablePolicyHelp": "使用这个开关启用或停用该策略。",
+    "accessControl.ruleEnabled": "规则已成功启用",
+    "accessControl.ruleDisabled": "规则已成功停用",
+    "accessControl.postureChecksCount": "{count} 个姿态检查",
+    "accessControl.addPostureCheck": "添加姿态检查",
+    "accessControl.ruleName": "规则名称",
+    "accessControl.ruleNameHelp": "为你的策略设置一个易于识别的名称。",
+    "accessControl.ruleNamePlaceholder": "例如：开发到服务器",
+    "accessControl.ruleDescription": "描述（可选）",
+    "accessControl.ruleDescriptionHelp":
+      "写一段简短描述，为这个策略补充更多上下文。",
+    "accessControl.ruleDescriptionPlaceholder":
+      "例如：开发人员可以访问服务器，服务器也可以访问开发人员。",
+    "groups.actionRenameDisabledIntegration":
+      "这个分组名称由集成系统管理，无法重命名。",
+    "groups.actionRenameDisabledJwt": "这个 JWT 分组无法重命名。",
+    "groups.actionDeleteDisabled": "这个分组当前正在使用中，无法删除。",
+    "groups.actionDeleteDisabledIntegration":
+      "这个分组由集成系统管理，无法删除。",
+    "policies.deleteTitle": "删除“{name}”？",
+    "policies.deleteDescription":
+      "你确定要删除这个访问控制策略吗？此操作无法撤销。",
+    "notification.genericError": "发生了一些问题...",
+    "peerGroupSelector.addOrSelectGroups": "添加或选择分组...",
+    "peerGroupSelector.searchGroups":
+      "搜索分组或按 \"Enter\" 添加新分组...",
+    "peerGroupSelector.searchResource": "搜索资源...",
+    "peerGroupSelector.searchPeer": "搜索设备...",
+    "peerGroupSelector.search": "搜索...",
+    "peerGroupSelector.addGroupByPressingPrefix": "按",
+    "peerGroupSelector.addGroupByPressingSuffix": "添加此分组",
+    "peerGroupSelector.enterKey": "'Enter'",
+    "peerGroupSelector.routingPeerGroupDisabled":
+      "此分组已是路由设备的一部分，不能用于访问控制分组。",
+    "peerGroupSelector.zeroUsers": "0 个用户",
+    "peerGroupSelector.noMatchingResources":
+      "没有找到匹配的资源。请尝试不同的搜索条件。",
+    "peerGroupSelector.noResourcesAvailable": "暂无可用资源。",
+    "peerGroupSelector.noMatchingPeers":
+      "没有找到匹配的设备。请尝试不同的搜索条件。",
+    "peerGroupSelector.noPeersAvailable": "暂无可用设备。",
+    "peerGroupSelector.resourceCount": "{count} 个资源",
+    "peers.searchPlaceholder": "按名称、IP、所有者或分组搜索...",
+    "peers.browserPeersTooltip":
+      "显示由 Cloink 浏览器客户端创建的临时设备。这些设备是短暂存在的，会在一段时间后自动删除。",
+    "peers.lastSeen": "最后在线",
+    "table.serialNumber": "序列号",
+    "table.version": "版本",
+    "peerMultiSelect.overwriteGroupsTitle": "覆盖现有分组？",
+    "peerMultiSelect.overwriteGroupsDescription":
+      "你确定要覆盖所选 {count} 台设备的现有分组吗？此操作无法撤销。",
+    "peerMultiSelect.overwrite": "覆盖",
+    "peerMultiSelect.assignGroupsTitle": "为设备分配分组",
+    "peerMultiSelect.assignGroupsDescription": "分组已成功分配给设备",
+    "peerMultiSelect.updatingGroups": "正在更新所选设备的分组...",
+    "peerMultiSelect.deletePeersTitle": "删除 {count} {peerWord}？",
+    "peerMultiSelect.deletePeersDescription":
+      "你确定要删除这些设备吗？此操作无法撤销。",
+    "peerMultiSelect.deleteAll": "全部删除",
+    "peerMultiSelect.deletePeersNotifyTitle": "删除设备",
+    "peerMultiSelect.deletePeersNotifyDescription": "设备已成功删除",
+    "peerMultiSelect.deletingPeers": "正在删除所选设备...",
+    "peerMultiSelect.assigningGroups": "正在分配分组...",
+    "peerMultiSelect.groupsAssigned": "分组分配成功",
+    "peerMultiSelect.assignGroupsLabel": "分配分组",
+    "peerMultiSelect.assignGroupsHelp":
+      "将以下分组分配给所选设备。之前分配的分组会保留，除非你选择覆盖它们。",
+    "peerMultiSelect.overwriteExistingGroups": "覆盖现有分组",
+    "peerMultiSelect.overwriteExistingGroupsHelp":
+      "用选定的分组覆盖设备的现有分组。之前分配的分组将被移除。",
+    "peerMultiSelect.peersSelected": "{count} 个已选设备",
+    "peerMultiSelect.addGroups": "添加分组",
+    "peerMultiSelect.overwriteGroups": "覆盖分组",
+    "lastTimeRow.lastSeenOn": "最后在线于",
+    "peerGroupSelector.goToNetworksToAdd": "网络",
+    "peerGroupSelector.goToPeersToAdd": "设备",
+    "peerGroupSelector.toAddResourcesPrefix": "前往",
+    "peerGroupSelector.toAddResourcesSuffix": "添加资源。",
+    "peerGroupSelector.toAddPeersPrefix": "前往",
+    "peerGroupSelector.toAddPeersSuffix": "添加设备。",
+  },
+
+    "peerSelector.selectPeer": "选择设备...",
+    "peerSelector.searchPlaceholder": "按名称或 IP 搜索设备...",
+    "peerSelector.noPeersAvailable": "没有可供选择的设备。",
+    "peerSelector.noMatchingPeers": "没有匹配搜索条件的设备。",
+    "peerSelector.updateNetBirdTooltip": "请将 Cloink 更新到至少 v0.36.6 或更高版本，以便将此设备用作路由设备。",
+    "networkRouteSelector.selectNetwork": "选择现有网络...",
+    "networkRouteSelector.searchPlaceholder": "按名称或 CIDR 搜索网络...",
+    "networkRouteSelector.noRoutes": "您似乎还没有创建任何网络路由。",
+    "networkRouteSelector.noMatchingNetworks": "没有匹配搜索条件的网络。",
+    "userSelector.selectUser": "选择用户...",
+    "userSelector.searchPlaceholder": "按名称或邮箱搜索用户...",
+    "userSelector.noUsers": "没有可供选择的用户。请在解除关联之前为此租户邀请一些用户。",
+    "userSelector.noMatchingUsers": "没有匹配搜索条件的用户。",
+    "userSelector.system": "系统",
+    "noPeersGettingStarted.title": "开始使用 Cloink",
+    "noPeersGettingStarted.description": "您似乎还没有任何已连接的机器。开始向您的网络添加一台设备。",
+    "noPeersGettingStarted.learnMorePrefix": "在我们的",
+    "noPeersGettingStarted.gettingStartedGuide": "入门指南",
+    "noPeersGettingStarted.learnMoreSuffix": "中了解更多",
+    "noResults.title": "未找到任何结果",
+    "noResults.description": "未找到任何结果。请尝试其他搜索词或更改筛选条件。",
+    "noResults.resetFilters": "重置筛选和搜索",
+    "pageNotFound.title": "请求的页面不存在",
+    "pageNotFound.description": "您尝试访问的页面不存在。请检查 URL 或返回仪表板继续浏览。",
+    "pageNotFound.goBack": "返回",
+    "dataTable.refresh": "刷新",
+    "dataTable.refreshCooldown": "5 秒后可再次刷新",
+    "dataTable.searchFilters": "搜索筛选条件...",
+    "dataTable.noMatchingFilters": "没有匹配搜索条件的筛选条件。",
+    "dataTable.filter": "筛选",
+    "dataTable.filters": "筛选条件",
+    "input.togglePasswordVisibility": "切换密码可见性",
+    "datePicker.selectDateRange": "选择日期范围",
+    "datePicker.allTime": "全部时间",
+    "datePicker.lastMonth": "最近一个月",
+    "datePicker.last14Days": "最近 14 天",
+    "datePicker.last2Days": "最近 2 天",
+    "datePicker.last7Days": "最近 7 天",
+    "datePicker.yesterday": "昨天",
+    "datePicker.today": "今天",
+    "citySelector.placeholder": "选择城市（可选）...",
+    "citySelector.searchPlaceholder": "搜索城市...",
+    "citySelector.allLocations": "所有位置",
+    "countrySelector.placeholder": "选择国家/地区...",
+    "countrySelector.searchPlaceholder": "搜索国家/地区...",
+    "inputDomain.placeholder": "例如：example.com",
+    "inputDomain.error": "请输入有效的域名，例如 example.com 或 intra.example.com",
+    "portSelector.selectPorts": "选择端口...",
+    "portSelector.all": "全部",
+    "portSelector.placeholder": "添加端口或范围，例如 80 或 1-1023，然后按\"回车\"添加...",
+    "portSelector.invalidPort": "请输入有效的端口或端口范围（例如 80、443、1-1023）",
+    "portSelector.addByEnter": "按",
+    "portSelector.enterKey": "回车",
+    "portSelector.addThisPort": "添加此端口或范围",
+    "portSelector.portRangesRequire": "端口范围需要 Cloink 客户端",
+    "portSelector.orHigher": "或更高版本。",
+
+    "dropdownInput.searchPlaceholder": "搜索...",
+    "selectDropdown.placeholder": "选择...",
+    "selectDropdown.searchPlaceholder": "搜索...",
+    "selectDropdown.noResults": "没有匹配搜索条件的结果。请尝试其他搜索词。",
+    "dataTable.searchPlaceholder": "搜索...",
+    "dataTable.searchShortcut": "⌘ K",
+
+    "jsonFileUpload.wrongFileType": "上传的文件类型错误",
+    "jsonFileUpload.uploadJsonFile": "请上传 JSON 文件",
+    "jsonFileUpload.successDescription": "服务账号密钥上传成功",
+    "jsonFileUpload.uploadLabel": "上传服务账号密钥 (.json)",
+    "jsonFileUpload.clickToUpload": "点击上传",
+    "jsonFileUpload.dragAndDrop": "或将文件拖拽到此处",
+    "jsonFileUpload.googleWorkspace": "Google Workspace",
+    "dataTablePagination.showing": "显示第 {from} 至 {to} 行，共 {total} {text}",
+    "dataTablePagination.rows": "行",
+    "dataTablePagination.pageOf": "第 {currentPage} 页，共 {pageCount} 页",
+    "accessControlGroupCount.routes": "路由",
+    "darkModeToggle.light": "浅色",
+    "darkModeToggle.dark": "深色",
+    "darkModeToggle.system": "系统",
+    "dialog.confirmation": "确认",
+    "dialog.confirmationDescription": "您确定要继续吗？此操作无法撤销。",
+    "dialog.confirm": "确认",
+
+
+
+    "peerActionCell.sessionExpirationDisabled": "会话过期已禁用",
+    "peerActionCell.sessionExpirationEnabled": "会话过期已启用",
+    "peerActionCell.sessionExpirationDescriptionDisabled": "设备 {name} 的会话过期已成功禁用。",
+    "peerActionCell.sessionExpirationDescriptionEnabled": "设备 {name} 的会话过期已成功启用。",
+    "peerActionCell.updatingSessionExpiration": "正在更新会话过期设置...",
+    "peerActionCell.disableSessionExpiration": "禁用会话过期",
+    "peerActionCell.enableSessionExpiration": "启用会话过期",
+    "peerActionCell.disableSshAccess": "禁用 SSH 访问",
+    "peerActionCell.enableSshAccess": "启用 SSH 访问",
+    "peerActionCell.expirationDisabledTooltip": "通过安装密钥添加的所有设备均禁用过期设置。",
+    "peerAddress.netBirdIp": "Cloink IP",
+    "peerAddress.publicIp": "公网 IP",
+    "peerAddress.domain": "域名",
+    "peerAddress.region": "地区",
+    "peerAddress.netBirdIpCopied": "Cloink IP 已复制到剪贴板",
+    "peerAddress.publicIpCopied": "公网 IP 已复制到剪贴板",
+    "peerAddress.dnsLabelCopied": "DNS 标签已复制到剪贴板",
+    "peerAddress.regionCopied": "地区已复制到剪贴板",
+    "peerGroupCell.saved": "设备分组保存成功",
+    "peerGroupCell.saving": "正在保存设备分组...",
+    "peerVersion.updateAvailable": "有可用更新",
+    "peerVersion.updateDescription": "Cloink 新版本可用。请更新客户端以获取最新功能和错误修复。",
+    "peerVersion.downloadChangelog": "下载与更新日志",
+    "peerVersion.serial": "序列号：",
+    "table.type": "类型",
+    "table.hostname": "主机名",
+    "table.content": "内容",
+    "table.ttl": "TTL",
+    "dns.records": "DNS 记录",
+    "networkResources.saveGroups": "保存分组",
+} as const;
+
+export type MessageKey = keyof (typeof messages)["en"];
diff --git a/src/interfaces/IdentityProvider.ts b/src/interfaces/IdentityProvider.ts
index 75439bc0..ca16845e 100644
--- a/src/interfaces/IdentityProvider.ts
+++ b/src/interfaces/IdentityProvider.ts
@@ -1,22 +1,20 @@
 export interface GoogleWorkspaceIntegration {
   id: string;
-  customer_id: string;
-  sync_interval: number;
+  customerId: string;
+  syncInterval: number;
   enabled: boolean;
   group_prefixes: string[];
   user_group_prefixes: string[];
-  connector_id?: string;
 }
 
 export interface AzureADIntegration {
   id: string;
-  client_id: string;
-  tenant_id: string;
-  sync_interval: number;
+  clientId: string;
+  tenantId: string;
+  syncInterval: number;
   enabled: boolean;
   group_prefixes: string[];
   user_group_prefixes: string[];
-  connector_id?: string;
 }
 
 export interface OktaIntegration {
@@ -25,8 +23,6 @@ export interface OktaIntegration {
   group_prefixes: string[];
   user_group_prefixes: string[];
   auth_token: string;
-  connection_name?: string;
-  connector_id?: string;
 }
 
 export interface IdentityProviderLog {
@@ -44,7 +40,8 @@ export type SSOIdentityProviderType =
   | "pocketid"
   | "microsoft"
   | "authentik"
-  | "keycloak";
+  | "keycloak"
+  | "wechatwork";
 
 export const SSOIdentityProviderOptions: {
   value: SSOIdentityProviderType;
@@ -59,6 +56,7 @@ export const SSOIdentityProviderOptions: {
   { value: "pocketid", label: "PocketID" },
   { value: "authentik", label: "Authentik" },
   { value: "keycloak", label: "Keycloak" },
+  { value: "wechatwork", label: "企业微信" },
 ];
 
 export const getSSOIdentityProviderLabelByType = (
diff --git a/src/layouts/AppLayout.tsx b/src/layouts/AppLayout.tsx
index bd421e01..770d2aa2 100644
--- a/src/layouts/AppLayout.tsx
+++ b/src/layouts/AppLayout.tsx
@@ -19,6 +19,7 @@ import DialogProvider from "@/contexts/DialogProvider";
 import ErrorBoundaryProvider from "@/contexts/ErrorBoundary";
 import { GlobalThemeProvider } from "@/contexts/GlobalThemeProvider";
 import InstanceSetupProvider from "@/contexts/InstanceSetupProvider";
+import { I18nProvider } from "@/i18n/I18nProvider";
 import { NavigationEvents } from "@/contexts/NavigationEvents";
 
 const inter = localFont({
@@ -38,38 +39,40 @@ export default function AppLayout({
   children,
 }: Readonly<{ children: React.ReactNode }>) {
   return (
-    <html lang="en">
+    <html lang="zh-CN" suppressHydrationWarning>
       <head>
         <GoogleTagManagerHeadScript />
       </head>
       <body className={cn(inter.className)}>
         <Suspense fallback={<FullScreenLoading />}>
-          <AnalyticsProvider>
-            <DialogProvider>
-              <GlobalThemeProvider>
-                <ErrorBoundaryProvider>
-                  <InstanceSetupProvider>
-                    <OIDCProvider>
-                      <TooltipProvider delayDuration={0}>
-                        {children}
-                      </TooltipProvider>
-                    </OIDCProvider>
-                  </InstanceSetupProvider>
-                </ErrorBoundaryProvider>
-              </GlobalThemeProvider>
-            </DialogProvider>
-            <Toaster
-              position="top-center"
-              duration={3000}
-              toastOptions={{ unstyled: true }}
-              style={{ "--width": "28rem" } as React.CSSProperties}
-              gap={0}
-              visibleToasts={5}
-              offset="12px"
-            />
-            <NavigationEvents />
-            <DisableDarkReader />
-          </AnalyticsProvider>
+          <I18nProvider>
+            <AnalyticsProvider>
+              <DialogProvider>
+                <GlobalThemeProvider>
+                  <ErrorBoundaryProvider>
+                    <InstanceSetupProvider>
+                      <OIDCProvider>
+                        <TooltipProvider delayDuration={0}>
+                          {children}
+                        </TooltipProvider>
+                      </OIDCProvider>
+                    </InstanceSetupProvider>
+                  </ErrorBoundaryProvider>
+                </GlobalThemeProvider>
+              </DialogProvider>
+              <Toaster
+                position="top-center"
+                duration={3000}
+                toastOptions={{ unstyled: true }}
+                style={{ "--width": "28rem" } as React.CSSProperties}
+                gap={0}
+                visibleToasts={5}
+                offset="12px"
+              />
+              <NavigationEvents />
+              <DisableDarkReader />
+            </AnalyticsProvider>
+          </I18nProvider>
         </Suspense>
       </body>
     </html>
diff --git a/src/layouts/Navigation.tsx b/src/layouts/Navigation.tsx
index 4f14c695..05565b28 100644
--- a/src/layouts/Navigation.tsx
+++ b/src/layouts/Navigation.tsx
@@ -15,6 +15,7 @@ import { NavigationVersionInfo } from "@/components/VersionInfo";
 import { useAnnouncement } from "@/contexts/AnnouncementProvider";
 import { useApplicationContext } from "@/contexts/ApplicationProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { headerHeight } from "@/layouts/Header";
 import { NetworkNavigation } from "@/modules/networks/misc/NetworkNavigation";
 import { SmallBadge } from "@components/ui/SmallBadge";
@@ -34,6 +35,7 @@ export default function Navigation({
   const { bannerHeight } = useAnnouncement();
   const { isNavigationCollapsed } = useApplicationContext();
   const { permission, isRestricted } = usePermissions();
+  const { t } = useI18n();
 
   return (
     <div
@@ -76,9 +78,9 @@ export default function Navigation({
                   icon={<ControlCenterIcon size={16} />}
                   label={
                     <div className={"flex items-center gap-2"}>
-                      Control Center
+                      {t("nav.controlCenter")}
                       <SmallBadge
-                        text={"Beta"}
+                        text={t("common.beta")}
                         variant={"sky"}
                         className={"text-[8px] leading-none py-[3px] px-[5px]"}
                         textClassName={"top-0"}
@@ -91,38 +93,38 @@ export default function Navigation({
 
                 <SidebarItem
                   icon={<PeerIcon />}
-                  label="Peers"
+                  label={t("nav.peers")}
                   href={"/peers"}
                   visible={!isRestricted}
                 />
 
                 <SidebarItem
                   icon={<SetupKeysIcon />}
-                  label="Setup Keys"
+                  label={t("nav.setupKeys")}
                   href={"/setup-keys"}
                   visible={permission.setup_keys.read}
                 />
                 <SidebarItem
                   icon={<AccessControlIcon />}
-                  label="Access Control"
+                  label={t("nav.accessControl")}
                   collapsible
                   visible={permission.policies.read}
                 >
                   <SidebarItem
-                    label="Policies"
+                    label={t("nav.policies")}
                     href={"/access-control"}
                     isChild
                     exactPathMatch={true}
                     visible={permission.policies.read}
                   />
                   <SidebarItem
-                    label="Groups"
+                    label={t("nav.groups")}
                     isChild
                     href={"/groups"}
                     visible={permission.policies.read}
                   />
                   <SidebarItem
-                    label="Posture Checks"
+                    label={t("nav.postureChecks")}
                     isChild
                     href={"/posture-checks"}
                     exactPathMatch={true}
@@ -137,9 +139,9 @@ export default function Navigation({
                   labelClassName={"pr-0"}
                   label={
                     <div className={"flex items-center gap-2"}>
-                      Reverse Proxy
+                      {t("nav.reverseProxy")}
                       <SmallBadge
-                        text={"Beta"}
+                        text={t("common.beta")}
                         variant={"sky"}
                         className={"text-[8px] leading-none py-[3px] px-[5px]"}
                         textClassName={"top-0"}
@@ -152,14 +154,14 @@ export default function Navigation({
                   visible={permission?.services?.read}
                 >
                   <SidebarItem
-                    label="Services"
+                    label={t("nav.services")}
                     isChild
                     href={"/reverse-proxy/services"}
                     exactPathMatch={true}
                     visible={permission?.services?.read}
                   />
                   <SidebarItem
-                    label="Custom Domains"
+                    label={t("nav.customDomains")}
                     isChild
                     href={"/reverse-proxy/custom-domains"}
                     exactPathMatch={true}
@@ -169,25 +171,25 @@ export default function Navigation({
 
                 <SidebarItem
                   icon={<DNSIcon />}
-                  label="DNS"
+                  label={t("nav.dns")}
                   collapsible
                   exactPathMatch={true}
                   visible={permission.dns.read || permission.nameservers.read}
                 >
                   <SidebarItem
-                    label="Nameservers"
+                    label={t("nav.nameservers")}
                     isChild
                     href={"/dns/nameservers"}
                     visible={permission.nameservers.read}
                   />
                   <SidebarItem
-                    label="Zones"
+                    label={t("nav.zones")}
                     isChild
                     href={"/dns/zones"}
                     visible={permission?.dns?.read}
                   />
                   <SidebarItem
-                    label="DNS Settings"
+                    label={t("nav.dnsSettings")}
                     isChild
                     href={"/dns/settings"}
                     visible={permission.dns.read}
@@ -195,18 +197,18 @@ export default function Navigation({
                 </SidebarItem>
                 <SidebarItem
                   icon={<TeamIcon />}
-                  label="Team"
+                  label={t("nav.team")}
                   collapsible
                   visible={permission.users.read}
                 >
                   <SidebarItem
-                    label="Users"
+                    label={t("nav.users")}
                     isChild
                     href={"/team/users"}
                     visible={permission.users.read}
                   />
                   <SidebarItem
-                    label="Service Users"
+                    label={t("nav.serviceUsers")}
                     isChild
                     href={"/team/service-users"}
                     visible={permission.users.read}
@@ -218,7 +220,7 @@ export default function Navigation({
               <SidebarItemGroup>
                 <SidebarItem
                   icon={<SettingsIcon />}
-                  label="Settings"
+                  label={t("nav.settings")}
                   href={"/settings"}
                   exactPathMatch={true}
                   visible={permission.settings.read}
@@ -227,7 +229,7 @@ export default function Navigation({
                   icon={<DocsIcon />}
                   href={"https://docs.netbird.io/"}
                   target={"_blank"}
-                  label="Documentation"
+                  label={t("nav.documentation")}
                   visible={true}
                 />
               </SidebarItemGroup>
@@ -258,23 +260,24 @@ export function SidebarItemGroup({ children }: SidebarItemGroupProps) {
 
 const ActivityNavigationItem = () => {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   return (
     <SidebarItem
       icon={<ActivityIcon />}
-      label="Activity"
+      label={t("nav.activity")}
       collapsible
       visible={permission.events.read}
     >
       <SidebarItem
-        label="Audit Events"
+        label={t("nav.auditEvents")}
         href={"/events/audit"}
         isChild
         exactPathMatch={true}
         visible={permission.events.read}
       />
       <SidebarItem
-        label="Proxy Events"
+        label={t("nav.proxyEvents")}
         isChild
         href={"/events/proxy"}
         exactPathMatch={true}
diff --git a/src/modules/access-control/AccessControlModal.tsx b/src/modules/access-control/AccessControlModal.tsx
index f3ec9645..7ef50eb5 100644
--- a/src/modules/access-control/AccessControlModal.tsx
+++ b/src/modules/access-control/AccessControlModal.tsx
@@ -45,6 +45,7 @@ import {
 import React, { useMemo, useState } from "react";
 import AccessControlIcon from "@/assets/icons/AccessControlIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { NetworkResource } from "@/interfaces/Network";
 import { Policy, PolicyRuleResource, Protocol } from "@/interfaces/Policy";
@@ -149,6 +150,7 @@ export function AccessControlModalContent({
 }: Readonly<ModalProps>) {
   const { permission } = usePermissions();
   const { users } = useUsers();
+  const { t } = useI18n();
 
   const {
     portDisabled,
@@ -236,12 +238,10 @@ export function AccessControlModalContent({
         icon={<AccessControlIcon className={"fill-netbird"} />}
         title={
           policy
-            ? "Update Access Control Policy"
-            : "Create New Access Control Policy"
-        }
-        description={
-          "Use this policy to restrict access to groups of resources."
+            ? t("accessControl.modalUpdateTitle")
+            : t("accessControl.modalCreateTitle")
         }
+        description={t("accessControl.modalDescription")}
         color={"netbird"}
       />
 
@@ -249,7 +249,7 @@ export function AccessControlModalContent({
         <TabsList justify={"start"} className={"px-8"}>
           <TabsTrigger value={"policy"}>
             <ArrowRightLeft size={16} />
-            Policy
+            {t("accessControl.tabPolicy")}
           </TabsTrigger>
           <PostureCheckTabTrigger disabled={!canContinueToPostureChecks} />
           <TabsTrigger value={"general"} disabled={!canContinueToPostureChecks}>
@@ -259,7 +259,7 @@ export function AccessControlModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Name & Description
+            {t("accessControl.tabGeneral")}
           </TabsTrigger>
         </TabsList>
 
@@ -270,12 +270,9 @@ export function AccessControlModalContent({
               data-cy={"protocol-wrapper"}
             >
               <div className={"w-full"}>
-                <Label>Protocol</Label>
+                <Label>{t("accessControl.protocol")}</Label>
                 <HelpText className={"max-w-sm"}>
-                  Allow only specified network protocols. To change traffic
-                  direction and ports, select{" "}
-                  <b className={"text-white"}>TCP</b> or{" "}
-                  <b className={"text-white"}>UDP</b> protocol.
+                  {t("accessControl.protocolHelp")}
                 </HelpText>
               </div>
               <Select
@@ -291,11 +288,13 @@ export function AccessControlModalContent({
                     data-cy={"protocol-select-button"}
                   >
                     <Share2 size={15} className={"text-nb-gray-300"} />
-                    <SelectValue placeholder="Select protocol..." />
+                    <SelectValue placeholder={t("accessControl.selectProtocol")} />
                   </div>
                 </SelectTrigger>
                 <SelectContent data-cy={"protocol-selection"}>
-                  <SelectItem value="all">ALL</SelectItem>
+                  <SelectItem value="all">
+                    {t("accessControl.allProtocol")}
+                  </SelectItem>
                   <SelectItem value="tcp">TCP</SelectItem>
                   <SelectItem value="udp">UDP</SelectItem>
                   <SelectItem value="icmp">ICMP</SelectItem>
@@ -307,16 +306,12 @@ export function AccessControlModalContent({
                         align={"center"}
                         side={"right"}
                         content={
-                          <>
-                            Select NetBird SSH for SSH-specific policies with
-                            fine-grained access control, or use TCP with port 22
-                            for basic network-level SSH access
-                          </>
+                          <>{t("accessControl.netbirdSshTooltip")}</>
                         }
                       />
                     }
                   >
-                    NetBird SSH
+                    {t("accessControl.netbirdSsh")}
                   </SelectItem>
                 </SelectContent>
               </Select>
@@ -326,21 +321,15 @@ export function AccessControlModalContent({
               <div className={"w-full self-start"}>
                 <Label className={"mb-2"}>
                   <FolderDown size={15} />
-                  Source
+                  {t("accessControl.source")}
                   <HelpTooltip
-                    content={
-                      <>
-                        Typically a group of user devices (e.g., Developers,
-                        Marketing) or individual devices in peer-to-peer
-                        connections that will access the destination.
-                      </>
-                    }
+                    content={<>{t("accessControl.sourceHelp")}</>}
                   />
                 </Label>
                 <PeerGroupSelector
                   dataCy={"source-group-selector"}
                   popoverWidth={500}
-                  placeholder={"Select source(s)..."}
+                  placeholder={t("accessControl.selectSources")}
                   showRoutes={protocol !== "netbird-ssh"}
                   showResources={false}
                   showPeers={protocol !== "netbird-ssh"}
@@ -369,21 +358,15 @@ export function AccessControlModalContent({
               <div className={"w-full self-start"}>
                 <Label className={"mb-2"}>
                   <FolderInput size={15} />
-                  Destination
+                  {t("accessControl.destination")}
                   <HelpTooltip
-                    content={
-                      <>
-                        Typically a group of peers or resources (e.g., Servers,
-                        Databases, Internal Services) that will be accessed by
-                        the source. Can also be an individual peer or resource.
-                      </>
-                    }
+                    content={<>{t("accessControl.destinationHelp")}</>}
                   />
                 </Label>
                 <PeerGroupSelector
                   dataCy={"destination-group-selector"}
                   popoverWidth={500}
-                  placeholder={"Select destination(s)..."}
+                  placeholder={t("accessControl.selectDestinations")}
                   showRoutes={true}
                   showResources={protocol !== "netbird-ssh"}
                   showPeers={true}
@@ -418,8 +401,7 @@ export function AccessControlModalContent({
                   }
                   className="mb-4"
                 >
-                  Some destination groups contain resources. Resources only
-                  support incoming traffic and cannot initiate connections.
+                  {t("accessControl.resourceWarning")}
                 </Callout>
               )}
 
@@ -436,9 +418,7 @@ export function AccessControlModalContent({
                     }
                     className="mb-6"
                   >
-                    SSH access only works on peers, not on routed resources.
-                    Please ensure your destination groups contain peers for SSH
-                    connectivity.
+                    {t("accessControl.sshResourceWarning")}
                   </Callout>
                 )}
                 <div
@@ -447,13 +427,9 @@ export function AccessControlModalContent({
                   <div className={"w-full"}>
                     <Label className={"flex items-center gap-2"}>
                       <SquareTerminalIcon size={15} />
-                      SSH Access
+                      {t("accessControl.sshAccess")}
                     </Label>
-                    <HelpText>
-                      Select {`'Full Access'`} to allow SSH as any local user,
-                      or {`'Limited Access'`} to specify which local users each
-                      group is allowed to use.
-                    </HelpText>
+                    <HelpText>{t("accessControl.sshAccessHelp")}</HelpText>
                   </div>
                   <SSHAccessType
                     value={sshAccessType}
@@ -477,12 +453,9 @@ export function AccessControlModalContent({
                 <div>
                   <Label className={"flex items-center gap-2"}>
                     <Shield size={14} />
-                    Ports
+                    {t("accessControl.ports")}
                   </Label>
-                  <HelpText>
-                    Allow network traffic and access only to specified ports.
-                    Select ports or port ranges between 1 and 65535.
-                  </HelpText>
+                  <HelpText>{t("accessControl.portsHelp")}</HelpText>
                 </div>
                 <div className={""}>
                   <PortSelector
@@ -506,10 +479,10 @@ export function AccessControlModalContent({
               label={
                 <>
                   <Power size={15} />
-                  Enable Policy
+                  {t("accessControl.enablePolicy")}
                 </>
               }
-              helpText={"Use this switch to enable or disable the policy."}
+              helpText={t("accessControl.enablePolicyHelp")}
             />
           </div>
         </TabsContent>
@@ -521,34 +494,28 @@ export function AccessControlModalContent({
         <TabsContent value={"general"} className={"px-8 pb-6"}>
           <div className={"flex flex-col gap-6"}>
             <div>
-              <Label>Name of the Rule</Label>
-              <HelpText>
-                Set an easily identifiable name for your policy.
-              </HelpText>
+              <Label>{t("accessControl.ruleName")}</Label>
+              <HelpText>{t("accessControl.ruleNameHelp")}</HelpText>
               <Input
                 autoFocus={true}
                 tabIndex={0}
                 value={name}
                 data-cy={"policy-name"}
                 onChange={(e) => setName(e.target.value)}
-                placeholder={"e.g., Devs to Servers"}
+                placeholder={t("accessControl.ruleNamePlaceholder")}
                 disabled={
                   !permission.policies.update || !permission.policies.create
                 }
               />
             </div>
             <div>
-              <Label>Description (optional)</Label>
-              <HelpText>
-                Write a short description to add more context to this policy.
-              </HelpText>
+              <Label>{t("accessControl.ruleDescription")}</Label>
+              <HelpText>{t("accessControl.ruleDescriptionHelp")}</HelpText>
               <Textarea
                 value={description}
                 data-cy={"policy-description"}
                 onChange={(e) => setDescription(e.target.value)}
-                placeholder={
-                  "e.g., Devs are allowed to access servers and servers are allowed to access Devs."
-                }
+                placeholder={t("accessControl.ruleDescriptionPlaceholder")}
                 rows={3}
                 disabled={
                   !permission.policies.update || !permission.policies.create
@@ -562,12 +529,12 @@ export function AccessControlModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/manage-network-access"}
               target={"_blank"}
             >
-              Access Controls
+              {t("accessControl.learnMoreLink")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
@@ -578,14 +545,14 @@ export function AccessControlModalContent({
               {tab == "policy" && (
                 <>
                   <ModalClose asChild={true}>
-                    <Button variant={"secondary"}>Cancel</Button>
+                    <Button variant={"secondary"}>{t("actions.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant={"primary"}
                     onClick={() => setTab("posture_checks")}
                     disabled={!canContinueToPostureChecks}
                   >
-                    Continue
+                    {t("actions.continue")}
                   </Button>
                 </>
               )}
@@ -596,14 +563,14 @@ export function AccessControlModalContent({
                     variant={"secondary"}
                     onClick={() => setTab("policy")}
                   >
-                    Back
+                    {t("actions.back")}
                   </Button>
                   <Button
                     variant={"primary"}
                     onClick={() => setTab("general")}
                     disabled={!canContinueToPostureChecks}
                   >
-                    Continue
+                    {t("actions.continue")}
                   </Button>
                 </>
               )}
@@ -614,7 +581,7 @@ export function AccessControlModalContent({
                     variant={"secondary"}
                     onClick={() => setTab("posture_checks")}
                   >
-                    Back
+                    {t("actions.back")}
                   </Button>
 
                   <Button
@@ -630,7 +597,7 @@ export function AccessControlModalContent({
                     data-cy={"submit-policy"}
                   >
                     <PlusCircle size={16} />
-                    Add Policy
+                    {t("accessPolicies.addPolicy")}
                   </Button>
                 </>
               )}
@@ -638,7 +605,7 @@ export function AccessControlModalContent({
           ) : (
             <>
               <ModalClose asChild={true}>
-                <Button variant={"secondary"}>Cancel</Button>
+                <Button variant={"secondary"}>{t("actions.cancel")}</Button>
               </ModalClose>
               <Button
                 variant={"primary"}
@@ -651,7 +618,7 @@ export function AccessControlModalContent({
                   }
                 }}
               >
-                Save Changes
+                {t("actions.saveChanges")}
               </Button>
             </>
           )}
diff --git a/src/modules/access-control/ssh/SSHAccessType.tsx b/src/modules/access-control/ssh/SSHAccessType.tsx
index 8feb7adf..56f213b7 100644
--- a/src/modules/access-control/ssh/SSHAccessType.tsx
+++ b/src/modules/access-control/ssh/SSHAccessType.tsx
@@ -8,6 +8,7 @@ import {
   SelectValue,
 } from "@components/Select";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ShieldHalfIcon, ShieldUserIcon } from "lucide-react";
 
 type Props = {
@@ -17,6 +18,7 @@ type Props = {
 
 export const SSHAccessType = ({ value, onChange }: Props) => {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   return (
     <Select
@@ -34,15 +36,15 @@ export const SSHAccessType = ({ value, onChange }: Props) => {
           ) : (
             <ShieldHalfIcon size={15} className={"text-nb-gray-300 shrink-0"} />
           )}
-          <SelectValue placeholder="Select ssh access type..." />
+          <SelectValue placeholder={t("accessControl.selectSshAccessType")} />
         </div>
       </SelectTrigger>
       <SelectContent data-cy={"ssh-access-selection"}>
         <SelectItem value="full" className={"whitespace-nowrap"}>
-          Full Access
+          {t("accessControl.fullAccess")}
         </SelectItem>
         <SelectItem value="limited" className={"whitespace-nowrap"}>
-          Limited Access
+          {t("accessControl.limitedAccess")}
         </SelectItem>
       </SelectContent>
     </Select>
diff --git a/src/modules/access-control/ssh/SSHAuthorizedGroups.tsx b/src/modules/access-control/ssh/SSHAuthorizedGroups.tsx
index 3981d7ea..f4d3a71b 100644
--- a/src/modules/access-control/ssh/SSHAuthorizedGroups.tsx
+++ b/src/modules/access-control/ssh/SSHAuthorizedGroups.tsx
@@ -8,6 +8,7 @@ import { useUsers } from "@/contexts/UsersProvider";
 import { cn } from "@utils/helpers";
 import { Callout } from "@components/Callout";
 import { SSHUsernameSelector } from "@/modules/access-control/ssh/SSHUsernameSelector";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   sourceGroups?: Group[];
@@ -22,6 +23,7 @@ export function SSHAuthorizedGroups({
   setAuthorizedGroups,
   accessType,
 }: Props) {
+  const { t } = useI18n();
   const isEmpty =
     !authorizedGroups || Object.keys(authorizedGroups).length === 0;
 
@@ -61,9 +63,7 @@ export function SSHAuthorizedGroups({
         icon={<InfoIcon size={14} className={"shrink-0 relative top-[3px]"} />}
         className="mt-3 py-[.75rem]"
       >
-        You have not added any source groups yet, please add source groups in
-        order to specify which user group has access to which system users on
-        the destination machines.
+        {t("accessControl.noSourceGroupsForSsh")}
       </Callout>
     );
   }
diff --git a/src/modules/access-control/ssh/SSHUsernameSelector.tsx b/src/modules/access-control/ssh/SSHUsernameSelector.tsx
index eaa5cdc3..6a5c2140 100644
--- a/src/modules/access-control/ssh/SSHUsernameSelector.tsx
+++ b/src/modules/access-control/ssh/SSHUsernameSelector.tsx
@@ -17,6 +17,7 @@ import {
 import * as React from "react";
 import { useMemo, useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 
 interface MultiSelectProps {
@@ -32,6 +33,7 @@ export function SSHUsernameSelector({
   disabled = false,
   popoverWidth = "auto",
 }: Readonly<MultiSelectProps>) {
+  const { t } = useI18n();
   const searchRef = React.useRef<HTMLInputElement>(null);
   const [open, setOpen] = useState(false);
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
@@ -88,7 +90,7 @@ export function SSHUsernameSelector({
               {values?.length === 0 && (
                 <Badge variant={"gray"} className={"font-normal py-1"}>
                   <CircleUserIcon size={12} className={"shrink-0"} />
-                  All Local Users
+                  {t("accessControl.allLocalUsers")}
                 </Badge>
               )}
 
@@ -147,7 +149,7 @@ export function SSHUsernameSelector({
                   ref={searchRef}
                   value={search}
                   onValueChange={setSearch}
-                  placeholder={"E.g., root, ec2-user, ubuntu"}
+                  placeholder={t("accessControl.sshUsernamePlaceholder")}
                 />
                 <div
                   className={
@@ -202,9 +204,9 @@ export function SSHUsernameSelector({
                         <div
                           className={"text-neutral-500 dark:text-nb-gray-300"}
                         >
-                          Add username by pressing{" "}
+                          {t("accessControl.addUsernameByPressing")}{" "}
                           <span className={"font-bold text-netbird"}>
-                            {"'Enter'"}
+                            {t("accessControl.enterKey")}
                           </span>
                         </div>
                       </CommandItem>
diff --git a/src/modules/access-control/table/AccessControlActionCell.tsx b/src/modules/access-control/table/AccessControlActionCell.tsx
index 185579a3..343bac73 100644
--- a/src/modules/access-control/table/AccessControlActionCell.tsx
+++ b/src/modules/access-control/table/AccessControlActionCell.tsx
@@ -4,6 +4,7 @@ import * as React from "react";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { Policy } from "@/interfaces/Policy";
+import { useI18n } from "@/i18n/I18nProvider";
 import { usePolicies } from "@/contexts/PoliciesProvider";
 
 type Props = {
@@ -14,14 +15,14 @@ export default function AccessControlActionCell({ policy }: Readonly<Props>) {
   const { confirm } = useDialog();
   const { permission } = usePermissions();
   const { deletePolicy } = usePolicies();
+  const { t } = useI18n();
 
   const openConfirm = async () => {
     const choice = await confirm({
-      title: `Delete '${policy.name}'?`,
-      description:
-        "Are you sure you want to delete this access control policy? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("policies.deleteTitle", { name: policy.name }),
+      description: t("policies.deleteDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -37,7 +38,7 @@ export default function AccessControlActionCell({ policy }: Readonly<Props>) {
         disabled={!permission.policies.delete}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/access-control/table/AccessControlActiveCell.tsx b/src/modules/access-control/table/AccessControlActiveCell.tsx
index 430f51bd..9221d3e4 100644
--- a/src/modules/access-control/table/AccessControlActiveCell.tsx
+++ b/src/modules/access-control/table/AccessControlActiveCell.tsx
@@ -2,6 +2,7 @@ import { ToggleSwitch } from "@components/ToggleSwitch";
 import React, { useMemo } from "react";
 import { mutate } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { usePolicies } from "@/contexts/PoliciesProvider";
 import { Policy } from "@/interfaces/Policy";
 
@@ -11,6 +12,7 @@ type Props = {
 export default function AccessControlActiveCell({ policy }: Readonly<Props>) {
   const { updatePolicy, serializeRules } = usePolicies();
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const isChecked = useMemo(() => {
     return policy.enabled;
@@ -24,8 +26,8 @@ export default function AccessControlActiveCell({ policy }: Readonly<Props>) {
         mutate("/policies");
       },
       enabled
-        ? "The rule was successfully enabled"
-        : "The rule was successfully disabled",
+        ? t("accessControl.ruleEnabled")
+        : t("accessControl.ruleDisabled"),
     );
   };
 
diff --git a/src/modules/access-control/table/AccessControlPortsCell.tsx b/src/modules/access-control/table/AccessControlPortsCell.tsx
index 3458a174..12a7fe63 100644
--- a/src/modules/access-control/table/AccessControlPortsCell.tsx
+++ b/src/modules/access-control/table/AccessControlPortsCell.tsx
@@ -6,6 +6,7 @@ import {
   TooltipTrigger,
 } from "@components/Tooltip";
 import React, { useMemo } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Policy } from "@/interfaces/Policy";
 import { parsePortsToStrings } from "@/modules/access-control/useAccessControl";
 
@@ -18,6 +19,7 @@ export default function AccessControlPortsCell({
   policy,
   visiblePorts = 2,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const rule = useMemo(() => {
     if (policy.rules.length > 0) return policy.rules[0];
     return undefined;
@@ -48,7 +50,7 @@ export default function AccessControlPortsCell({
                   variant={"gray"}
                   className={"uppercase tracking-wider font-medium"}
                 >
-                  All
+                  {t("filters.all")}
                 </Badge>
               )}
 
diff --git a/src/modules/access-control/table/AccessControlPostureCheckCell.tsx b/src/modules/access-control/table/AccessControlPostureCheckCell.tsx
index 01167920..afa9a5b5 100644
--- a/src/modules/access-control/table/AccessControlPostureCheckCell.tsx
+++ b/src/modules/access-control/table/AccessControlPostureCheckCell.tsx
@@ -3,6 +3,7 @@ import { IconCirclePlus } from "@tabler/icons-react";
 import { ShieldCheck } from "lucide-react";
 import React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Policy } from "@/interfaces/Policy";
 
 type Props = {
@@ -10,6 +11,7 @@ type Props = {
 };
 export default function AccessControlPostureCheckCell({ policy }: Props) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const isDisabled = !permission.policies.create || !permission.policies.update;
 
@@ -18,7 +20,9 @@ export default function AccessControlPostureCheckCell({ policy }: Props) {
     <div className={"flex"}>
       <Badge variant={"gray"} useHover={true}>
         <ShieldCheck size={14} className={"text-green-500"} />
-        {policy.source_posture_checks.length} Posture Check(s)
+        {t("accessControl.postureChecksCount", {
+          count: policy.source_posture_checks.length,
+        })}
       </Badge>
     </div>
   ) : (
@@ -32,7 +36,7 @@ export default function AccessControlPostureCheckCell({ policy }: Props) {
         disabled={isDisabled}
       >
         <IconCirclePlus size={14} />
-        Add Posture Check
+        {t("accessControl.addPostureCheck")}
       </Badge>
     </div>
   );
diff --git a/src/modules/access-control/table/AccessControlTable.tsx b/src/modules/access-control/table/AccessControlTable.tsx
index 24d47f39..12a97786 100644
--- a/src/modules/access-control/table/AccessControlTable.tsx
+++ b/src/modules/access-control/table/AccessControlTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import ButtonGroup from "@components/ButtonGroup";
 import Card from "@components/Card";
@@ -9,6 +11,7 @@ import DataTableHeader from "@components/table/DataTableHeader";
 import DataTableRefreshButton from "@components/table/DataTableRefreshButton";
 import { DataTableRowsPerPage } from "@components/table/DataTableRowsPerPage";
 import GetStartedTest from "@components/ui/GetStartedTest";
+import NoResults from "@components/ui/NoResults";
 import type { ColumnDef, SortingState } from "@tanstack/react-table";
 import { removeAllSpaces } from "@utils/helpers";
 import { ClockFadingIcon, ExternalLinkIcon, PlusCircle } from "lucide-react";
@@ -16,9 +19,9 @@ import { usePathname, useSearchParams } from "next/navigation";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import AccessControlIcon from "@/assets/icons/AccessControlIcon";
-import NoResults from "@/components/ui/NoResults";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import type { Policy } from "@/interfaces/Policy";
 import AccessControlModal, {
   AccessControlUpdateModal,
@@ -40,143 +43,153 @@ type Props = {
   isGroupPage?: boolean;
 };
 
-export const AccessControlTableColumns: ColumnDef<Policy>[] = [
-  {
-    id: "name",
-    accessorFn: (row) => removeAllSpaces(row?.name),
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    sortingFn: "text",
-    filterFn: "fuzzy",
-    cell: ({ cell }) => <AccessControlNameCell policy={cell.row.original} />,
-  },
-  {
-    id: "description",
-    accessorFn: (row) => removeAllSpaces(row?.description),
-    sortingFn: "text",
-    filterFn: "fuzzy",
-  },
-  {
-    id: "enabled",
-    accessorKey: "enabled",
-    accessorFn: (row) => row.enabled,
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Active</DataTableHeader>;
-    },
-    cell: ({ cell }) => <AccessControlActiveCell policy={cell.row.original} />,
-  },
-  {
-    id: "sources",
-    accessorFn: (row) => {
-      try {
-        return row.rules[0].sources?.length || 0;
-      } catch (e) {
-        console.log(e);
-      }
-      return 0;
-    },
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Sources</DataTableHeader>;
-    },
-    cell: ({ cell }) => <AccessControlSourcesCell policy={cell.row.original} />,
-  },
-  {
-    id: "direction",
-    accessorFn: (row) => {
-      try {
-        return row.rules[0].bidirectional || true;
-      } catch (e) {
-        console.log(e);
-      }
-      return 0;
-    },
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Direction</DataTableHeader>;
-    },
-    cell: ({ cell }) => (
-      <AccessControlDirectionCell policy={cell.row.original} />
-    ),
-  },
-  {
-    id: "destinations",
-    accessorFn: (row) => {
-      try {
-        return row.rules[0].destinations?.length || 0;
-      } catch (e) {
-        console.log(e);
-      }
-      return 0;
-    },
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Destinations</DataTableHeader>;
-    },
-    cell: ({ cell }) => (
-      <AccessControlDestinationsCell policy={cell.row.original} />
-    ),
-  },
+function useAccessControlTableColumns(): ColumnDef<Policy>[] {
+  const { t } = useI18n();
 
-  {
-    id: "protocol",
-    accessorFn: (row) => {
-      try {
-        return row.rules[0].protocol || 0;
-      } catch (e) {
-        console.log(e);
-      }
-      return 0;
-    },
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Protocol</DataTableHeader>;
-    },
-    cell: ({ cell }) => (
-      <AccessControlProtocolCell policy={cell.row.original} />
-    ),
-  },
-  {
-    id: "ports",
-    accessorFn: (row) => {
-      try {
-        return row.rules[0].ports?.length || 0;
-      } catch (e) {
-        console.log(e);
-      }
-      return 0;
-    },
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Ports</DataTableHeader>;
-    },
-    cell: ({ cell }) => <AccessControlPortsCell policy={cell.row.original} />,
-  },
-  {
-    id: "posture_checks",
-    accessorFn: (row) => row.source_posture_checks?.length || 0,
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Posture Checks</DataTableHeader>;
-    },
-    cell: ({ cell }) => (
-      <AccessControlPostureCheckCell policy={cell.row.original} />
-    ),
-  },
-  {
-    id: "id",
-    accessorKey: "id",
-    filterFn: "exactMatch",
-  },
-  {
-    id: "actions",
-    accessorKey: "id",
-    header: "",
-    cell: ({ cell }) => <AccessControlActionCell policy={cell.row.original} />,
-  },
-];
+  return useMemo(
+    () => [
+      {
+        id: "name",
+        accessorFn: (row) => removeAllSpaces(row?.name),
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        filterFn: "fuzzy",
+        cell: ({ cell }) => <AccessControlNameCell policy={cell.row.original} />,
+      },
+      {
+        id: "description",
+        accessorFn: (row) => removeAllSpaces(row?.description),
+        sortingFn: "text",
+        filterFn: "fuzzy",
+      },
+      {
+        id: "enabled",
+        accessorKey: "enabled",
+        accessorFn: (row) => row.enabled,
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>;
+        },
+        cell: ({ cell }) => <AccessControlActiveCell policy={cell.row.original} />,
+      },
+      {
+        id: "sources",
+        accessorFn: (row) => {
+          try {
+            return row.rules[0].sources?.length || 0;
+          } catch (error) {
+            console.log(error);
+          }
+          return 0;
+        },
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.sources")}</DataTableHeader>;
+        },
+        cell: ({ cell }) => <AccessControlSourcesCell policy={cell.row.original} />,
+      },
+      {
+        id: "direction",
+        accessorFn: (row) => {
+          try {
+            return row.rules[0].bidirectional || true;
+          } catch (error) {
+            console.log(error);
+          }
+          return 0;
+        },
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.direction")}</DataTableHeader>;
+        },
+        cell: ({ cell }) => (
+          <AccessControlDirectionCell policy={cell.row.original} />
+        ),
+      },
+      {
+        id: "destinations",
+        accessorFn: (row) => {
+          try {
+            return row.rules[0].destinations?.length || 0;
+          } catch (error) {
+            console.log(error);
+          }
+          return 0;
+        },
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.destinations")}</DataTableHeader>
+          );
+        },
+        cell: ({ cell }) => (
+          <AccessControlDestinationsCell policy={cell.row.original} />
+        ),
+      },
+      {
+        id: "protocol",
+        accessorFn: (row) => {
+          try {
+            return row.rules[0].protocol || 0;
+          } catch (error) {
+            console.log(error);
+          }
+          return 0;
+        },
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.protocol")}</DataTableHeader>;
+        },
+        cell: ({ cell }) => (
+          <AccessControlProtocolCell policy={cell.row.original} />
+        ),
+      },
+      {
+        id: "ports",
+        accessorFn: (row) => {
+          try {
+            return row.rules[0].ports?.length || 0;
+          } catch (error) {
+            console.log(error);
+          }
+          return 0;
+        },
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.ports")}</DataTableHeader>;
+        },
+        cell: ({ cell }) => <AccessControlPortsCell policy={cell.row.original} />,
+      },
+      {
+        id: "posture_checks",
+        accessorFn: (row) => row.source_posture_checks?.length || 0,
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("nav.postureChecks")}</DataTableHeader>
+          );
+        },
+        cell: ({ cell }) => (
+          <AccessControlPostureCheckCell policy={cell.row.original} />
+        ),
+      },
+      {
+        id: "id",
+        accessorKey: "id",
+        filterFn: "exactMatch",
+      },
+      {
+        id: "actions",
+        accessorKey: "id",
+        header: "",
+        cell: ({ cell }) => <AccessControlActionCell policy={cell.row.original} />,
+      },
+    ],
+    [t],
+  );
+}
 
 export default function AccessControlTable({
   policies,
@@ -189,8 +202,9 @@ export default function AccessControlTable({
   const { permission } = usePermissions();
   const params = useSearchParams();
   const idParam = !isGroupPage ? params.get("id") : undefined;
+  const { t } = useI18n();
+  const columns = useAccessControlTableColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -205,7 +219,6 @@ export default function AccessControlTable({
   const [editModal, setEditModal] = useState(false);
   const [currentRow, setCurrentRow] = useState<Policy>();
   const [currentCellClicked, setCurrentCellClicked] = useState("");
-
   const [showTemporaryPolicies, setShowTemporaryPolicies] = useState(false);
 
   const withTemporaryPolicies = useCallback(
@@ -272,10 +285,10 @@ export default function AccessControlTable({
               ]
             : undefined
         }
-        text={"Access Control Policies"}
+        text={t("accessControl.policiesTitle")}
         sorting={sorting}
         setSorting={setSorting}
-        columns={AccessControlTableColumns}
+        columns={columns}
         columnVisibility={{
           description: false,
           id: false,
@@ -287,15 +300,13 @@ export default function AccessControlTable({
           setEditModal(true);
           setCurrentCellClicked(cell);
         }}
-        searchPlaceholder={"Search by name and description..."}
+        searchPlaceholder={t("accessPolicies.searchPlaceholder")}
         getStartedCard={
           isGroupPage ? (
             <NoResults
               className={"py-4"}
-              title={"This group is not used within any policies yet"}
-              description={
-                "Assign this group as either a source or destination inside a policy to see them listed here."
-              }
+              title={t("accessPolicies.emptyGroupTitle")}
+              description={t("accessPolicies.emptyGroupDescription")}
               icon={
                 <AccessControlIcon size={20} className={"fill-nb-gray-300"} />
               }
@@ -308,7 +319,7 @@ export default function AccessControlTable({
                     disabled={!permission.policies.create}
                   >
                     <PlusCircle size={16} />
-                    Add Policy
+                    {t("accessPolicies.addPolicy")}
                   </Button>
                 </AccessControlModal>
               </div>
@@ -318,19 +329,14 @@ export default function AccessControlTable({
               icon={
                 <SquareIcon
                   icon={
-                    <AccessControlIcon
-                      className={"fill-nb-gray-200"}
-                      size={20}
-                    />
+                    <AccessControlIcon className={"fill-nb-gray-200"} size={20} />
                   }
                   color={"gray"}
                   size={"large"}
                 />
               }
-              title={"Create New Policy"}
-              description={
-                "It looks like you don't have any policies yet. Policies can allow connections by specific protocol and ports."
-              }
+              title={t("accessPolicies.emptyTitle")}
+              description={t("accessPolicies.emptyDescription")}
               button={
                 <div className={"flex gap-4 items-center justify-center"}>
                   <AccessControlModal>
@@ -339,21 +345,19 @@ export default function AccessControlTable({
                       disabled={!permission.policies.create}
                     >
                       <PlusCircle size={16} />
-                      Add Policy
+                      {t("accessPolicies.addPolicy")}
                     </Button>
                   </AccessControlModal>
                 </div>
               }
               learnMore={
                 <>
-                  Learn more about
+                  {t("common.learnMorePrefix")}{" "}
                   <InlineLink
-                    href={
-                      "https://docs.netbird.io/how-to/manage-network-access"
-                    }
+                    href={"https://docs.netbird.io/how-to/manage-network-access"}
                     target={"_blank"}
                   >
-                    Access Controls
+                    {t("accessControl.learnMoreLink")}
                     <ExternalLinkIcon size={12} />
                   </InlineLink>
                 </>
@@ -372,7 +376,7 @@ export default function AccessControlTable({
                     disabled={!permission.policies.create}
                   >
                     <PlusCircle size={16} />
-                    Add Policy
+                    {t("accessPolicies.addPolicy")}
                   </Button>
                 </AccessControlModal>
               </div>
@@ -396,7 +400,7 @@ export default function AccessControlTable({
                       : "secondary"
                   }
                 >
-                  All
+                  {t("filters.all")}
                 </ButtonGroup.Button>
                 <ButtonGroup.Button
                   onClick={() => {
@@ -410,7 +414,7 @@ export default function AccessControlTable({
                       : "secondary"
                   }
                 >
-                  Active
+                  {t("accessPolicies.active")}
                 </ButtonGroup.Button>
                 <ButtonGroup.Button
                   onClick={() => {
@@ -424,7 +428,7 @@ export default function AccessControlTable({
                       : "secondary"
                   }
                 >
-                  Inactive
+                  {t("accessPolicies.inactive")}
                 </ButtonGroup.Button>
               </ButtonGroup>
               <DataTableRowsPerPage
@@ -436,9 +440,7 @@ export default function AccessControlTable({
                 <FullTooltip
                   content={
                     <div className={"max-w-sm text-xs"}>
-                      Show temporary policies created by the NetBird browser
-                      client. These policies are ephemeral and will be deleted
-                      automatically after a short period of time.
+                      {t("accessPolicies.temporaryTooltip")}
                     </div>
                   }
                 >
diff --git a/src/modules/access-tokens/AccessTokenActionCell.tsx b/src/modules/access-tokens/AccessTokenActionCell.tsx
index 93d8054c..69c72f44 100644
--- a/src/modules/access-tokens/AccessTokenActionCell.tsx
+++ b/src/modules/access-tokens/AccessTokenActionCell.tsx
@@ -7,6 +7,7 @@ import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useUserContext } from "@/contexts/UserProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { AccessToken } from "@/interfaces/AccessToken";
 import { SetupKey } from "@/interfaces/SetupKey";
 
@@ -19,6 +20,7 @@ export default function AccessTokenActionCell({
   const { user } = useUserContext();
   const { permission } = usePermissions();
   const { confirm } = useDialog();
+  const { t } = useI18n();
   const { mutate } = useSWRConfig();
   const deleteRequest = useApiCall<SetupKey>(
     `/users/${user.id}/tokens/${access_token.id}`,
@@ -27,21 +29,20 @@ export default function AccessTokenActionCell({
   const handleRevoke = async () => {
     notify({
       title: access_token.name,
-      description: "Access token was successfully deleted",
+      description: t("accessTokens.deletedDescription"),
       promise: deleteRequest.del().then(() => {
         mutate(`/users/${user.id}/tokens`);
       }),
-      loadingMessage: "Deleting the access token...",
+      loadingMessage: t("accessTokens.deleting"),
     });
   };
 
   const handleConfirm = async () => {
     const choice = await confirm({
-      title: `Delete '${access_token.name}'?`,
-      description:
-        "Are you sure you want to delete this token? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("accessTokens.deleteConfirmTitle", { name: access_token.name }),
+      description: t("accessTokens.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -58,7 +59,7 @@ export default function AccessTokenActionCell({
         data-cy={"access-token-delete"}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/access-tokens/AccessTokensTable.tsx b/src/modules/access-tokens/AccessTokensTable.tsx
index 442b5463..6ec669cf 100644
--- a/src/modules/access-tokens/AccessTokensTable.tsx
+++ b/src/modules/access-tokens/AccessTokensTable.tsx
@@ -10,6 +10,7 @@ import { usePathname } from "next/navigation";
 import React from "react";
 import UserProvider from "@/contexts/UserProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { AccessToken } from "@/interfaces/AccessToken";
 import { User } from "@/interfaces/User";
 import AccessTokenActionCell from "@/modules/access-tokens/AccessTokenActionCell";
@@ -22,49 +23,61 @@ type Props = {
   user: User;
 };
 
-export const AccessTokensTableColumns: ColumnDef<AccessToken>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => {
-      const isValid = dayjs(row.original.expiration_date).isAfter(dayjs());
-      return <SetupKeyNameCell name={row.original.name} valid={isValid} />;
+function getAccessTokensTableColumns(
+  t: (key: any, values?: Record<string, string | number>) => string,
+): ColumnDef<AccessToken>[] {
+  return [
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => {
+        const isValid = dayjs(row.original.expiration_date).isAfter(dayjs());
+        return <SetupKeyNameCell name={row.original.name} valid={isValid} />;
+      },
     },
-  },
-  {
-    accessorKey: "expiration_date",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Expires</DataTableHeader>;
+    {
+      accessorKey: "expiration_date",
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>{t("accessTokens.expires")}</DataTableHeader>
+        );
+      },
+      cell: ({ row }) => (
+        <ExpirationDateRow date={row.original.expiration_date} />
+      ),
     },
-    cell: ({ row }) => (
-      <ExpirationDateRow date={row.original.expiration_date} />
-    ),
-  },
-  {
-    accessorKey: "last_used",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last used</DataTableHeader>;
+    {
+      accessorKey: "last_used",
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>{t("accessTokens.lastUsed")}</DataTableHeader>
+        );
+      },
+      sortingFn: "datetime",
+      cell: ({ row }) => {
+        return typeof row.original.last_used === "undefined" ? (
+          <EmptyRow />
+        ) : (
+          <LastTimeRow
+            date={row.original.last_used}
+            text={t("accessTokens.lastUsedOn")}
+          />
+        );
+      },
     },
-    sortingFn: "datetime",
-    cell: ({ row }) => {
-      return typeof row.original.last_used === "undefined" ? (
-        <EmptyRow />
-      ) : (
-        <LastTimeRow date={row.original.last_used} text={"Last used on"} />
-      );
+    {
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <AccessTokenActionCell access_token={row.original} />,
     },
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <AccessTokenActionCell access_token={row.original} />,
-  },
-];
+  ];
+}
 
 export default function AccessTokensTable({ user }: Readonly<Props>) {
+  const { t } = useI18n();
   const { data: tokens } = useFetchApi<AccessToken[]>(
     `/users/${user.id}/tokens`,
     true,
@@ -87,25 +100,23 @@ export default function AccessTokensTable({ user }: Readonly<Props>) {
     <UserProvider user={user}>
       <Card className={"mt-5 w-full"}>
         {tokens && tokens.length > 0 ? (
-          <DataTable
-            text={"Access Tokens"}
+            <DataTable
+            text={t("accessTokens.title")}
             tableClassName={"mt-0"}
             minimal={true}
             showSearchAndFilters={false}
             inset={false}
             sorting={sorting}
             setSorting={setSorting}
-            columns={AccessTokensTableColumns}
+            columns={getAccessTokensTableColumns(t)}
             data={tokens}
           />
         ) : (
           <div className={"bg-nb-gray-950 overflow-hidden"}>
             <NoResults
               className={"py-3"}
-              title={"No access tokens"}
-              description={
-                "You don't have any access tokens yet. You can add a token to access the NetBird API."
-              }
+              title={t("accessTokens.emptyTitle")}
+              description={t("accessTokens.emptyDescription")}
               icon={<IconApi size={20} className={"fill-nb-gray-300"} />}
             />
           </div>
diff --git a/src/modules/access-tokens/CreateAccessTokenModal.tsx b/src/modules/access-tokens/CreateAccessTokenModal.tsx
index 05a92bae..f69bc5e6 100644
--- a/src/modules/access-tokens/CreateAccessTokenModal.tsx
+++ b/src/modules/access-tokens/CreateAccessTokenModal.tsx
@@ -29,6 +29,7 @@ import {
 import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import useCopyToClipboard from "@/hooks/useCopyToClipboard";
+import { useI18n } from "@/i18n/I18nProvider";
 import { AccessToken } from "@/interfaces/AccessToken";
 import { User } from "@/interfaces/User";
 
@@ -36,11 +37,11 @@ type Props = {
   children: React.ReactNode;
   user: User;
 };
-const copyMessage = "Access token was copied to your clipboard!";
 export default function CreateAccessTokenModal({
   children,
   user,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [modal, setModal] = useState(false);
   const [successModal, setSuccessModal] = useState(false);
   const [token, setToken] = useState<string>("");
@@ -77,20 +78,19 @@ export default function CreateAccessTokenModal({
             <div className={"flex flex-col items-center justify-center gap-3"}>
               <div>
                 <h2 className={"text-2xl text-center mb-2"}>
-                  Access token created successfully!
+                  {t("accessTokens.createdTitle")}
                 </h2>
                 <Paragraph className={"mt-0 text-sm text-center"}>
-                  This token will not be shown again, so be sure to copy it and
-                  store in a secure location.
+                  {t("accessTokens.createdHelp")}
                 </Paragraph>
               </div>
             </div>
           </div>
 
           <div className={"px-8 pb-6"}>
-            <Code message={copyMessage}>
+            <Code message={t("accessTokens.copied")}>
               <Code.Line>
-                {token || "Setup key could not be created..."}
+                {token || t("accessTokens.createFailedFallback")}
               </Code.Line>
             </Code>
           </div>
@@ -103,17 +103,17 @@ export default function CreateAccessTokenModal({
                   tabIndex={-1}
                   data-cy={"access-token-copy-close"}
                 >
-                  Close
+                  {t("accessTokens.close")}
                 </Button>
               </ModalClose>
 
               <Button
                 variant={"primary"}
                 className={"w-full"}
-                onClick={() => copy(copyMessage)}
+                onClick={() => copy(t("accessTokens.copied"))}
               >
                 <CopyIcon size={14} />
-                Copy to clipboard
+                {t("accessTokens.copyToClipboard")}
               </Button>
             </div>
           </ModalFooter>
@@ -134,6 +134,7 @@ export function AccessTokenModalContent({
 }: Readonly<ModalProps>) {
   const tokenRequest = useApiCall<AccessToken>(`/users/${user.id}/tokens`);
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
 
   const [name, setName] = useState("");
   const [expiresIn, setExpiresIn] = useState("30");
@@ -146,8 +147,8 @@ export function AccessTokenModalContent({
   const submit = () => {
     const expiration = parseInt(expiresIn);
     notify({
-      title: "Creating access token",
-      description: name + " was created successfully",
+      title: t("accessTokens.creatingTitle"),
+      description: t("accessTokens.createdDescription", { name }),
       promise: tokenRequest
         .post({
           name,
@@ -157,7 +158,7 @@ export function AccessTokenModalContent({
           onSuccess && onSuccess(res.plain_token as string);
           mutate(`/users/${user.id}/tokens`);
         }),
-      loadingMessage: "Creating access token...",
+      loadingMessage: t("accessTokens.creating"),
     });
   };
 
@@ -165,8 +166,8 @@ export function AccessTokenModalContent({
     <ModalContent maxWidthClass={"max-w-lg"}>
       <ModalHeader
         icon={<IconApi />}
-        title={"Create Access Token"}
-        description={"Use this token to access NetBird's public API"}
+        title={t("accessTokens.modalTitle")}
+        description={t("accessTokens.modalDescription")}
         color={"netbird"}
       />
 
@@ -174,11 +175,11 @@ export function AccessTokenModalContent({
 
       <div className={"px-8 py-6 flex flex-col gap-8"}>
         <div>
-          <Label>Name</Label>
-          <HelpText>Set an easily identifiable name for your token</HelpText>
+          <Label>{t("table.name")}</Label>
+          <HelpText>{t("accessTokens.nameHelp")}</HelpText>
           <Input
             data-cy={"access-token-name"}
-            placeholder={"e.g., Infra token"}
+            placeholder={t("accessTokens.namePlaceholder")}
             value={name}
             onChange={(e) => setName(e.target.value)}
           />
@@ -186,8 +187,8 @@ export function AccessTokenModalContent({
 
         <div className={"flex justify-between"}>
           <div>
-            <Label>Expires in</Label>
-            <HelpText>Should be between 1 and 365 days.</HelpText>
+            <Label>{t("accessTokens.expiresIn")}</Label>
+            <HelpText>{t("accessTokens.expiresInHelp")}</HelpText>
           </div>
           <Input
             maxWidthClass={"max-w-[200px]"}
@@ -201,7 +202,7 @@ export function AccessTokenModalContent({
             customPrefix={
               <AlarmClock size={16} className={"text-nb-gray-300"} />
             }
-            customSuffix={"Day(s)"}
+            customSuffix={t("accessTokens.days")}
           />
         </div>
       </div>
@@ -209,19 +210,19 @@ export function AccessTokenModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={"https://docs.netbird.io/how-to/access-netbird-public-api"}
               target={"_blank"}
             >
-              Access Tokens
+              {t("accessTokens.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -231,7 +232,7 @@ export function AccessTokenModalContent({
             data-cy={"create-access-token"}
           >
             <PlusCircle size={16} />
-            Create Token
+            {t("accessTokens.createToken")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/activity/ActivityDescription.tsx b/src/modules/activity/ActivityDescription.tsx
index b6821085..7540dfff 100644
--- a/src/modules/activity/ActivityDescription.tsx
+++ b/src/modules/activity/ActivityDescription.tsx
@@ -9,12 +9,14 @@ import React, { useMemo } from "react";
 import RoundedFlag from "@/assets/countries/RoundedFlag";
 import { useCountries } from "@/contexts/CountryProvider";
 import { ActivityEvent } from "@/interfaces/ActivityEvent";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   event: ActivityEvent;
 };
 
 export default function ActivityDescription({ event }: Props) {
+  const { t } = useI18n();
   const m = event.meta;
   const meta = useMemo(() => {
     if (event.meta) {
@@ -42,24 +44,21 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "setupkey.revoke")
     return (
       <div className={"inline"}>
-        Setup-Key <Value> {m.name}</Value> with key <Value>{m.key}</Value> was
-        revoked
+        Setup-Key <Value> {m.name}</Value> with key <Value>{m.key}</Value> {t("activity.setupkeyRevoke")}
       </div>
     );
 
   if (event.activity_code == "setupkey.delete")
     return (
       <div className={"inline"}>
-        Setup-Key <Value> {m.name}</Value> with key <Value>{m.key}</Value> was
-        deleted
+        Setup-Key <Value> {m.name}</Value> with key <Value>{m.key}</Value> {t("activity.setupkeyDelete")}
       </div>
     );
 
   if (event.activity_code == "setupkey.add")
     return (
       <div className={"inline"}>
-        Setup-Key <Value>{m.name}</Value> with key <Value>{m.key}</Value> was
-        created
+        Setup-Key <Value>{m.name}</Value> with key <Value>{m.key}</Value> {t("activity.setupkeyAdd")}
       </div>
     );
 
@@ -75,7 +74,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "setupkey.group.delete")
     return (
       <div className={"inline"}>
-        Group <Value>{m.group}</Value> was removed from the{" "}
+        Group <Value>{m.group}</Value> {t("activity.setupkeyGroupDelete")}{" "}
         <Value>{m.setupkey}</Value> setup key
       </div>
     );
@@ -83,7 +82,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "setupkey.group.add")
     return (
       <div className={"inline"}>
-        Group <Value>{m.group}</Value> was added to the{" "}
+        Group <Value>{m.group}</Value> {t("activity.setupkeyGroupAdd")}{" "}
         <Value>{m.setupkey}</Value> setup key
       </div>
     );
@@ -94,7 +93,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "dashboard.login")
     return (
       <div className={"inline"}>
-        <Value>{m.username}</Value> logged in to the dashboard
+        <Value>{m.username}</Value> {t("activity.dashboardLogin")}
       </div>
     );
 
@@ -105,21 +104,21 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "policy.update")
     return (
       <div className={"inline"}>
-        Policy <Value>{m.name}</Value> has been updated
+        Policy <Value>{m.name}</Value> {t("activity.policyUpdate")}
       </div>
     );
 
   if (event.activity_code == "policy.delete")
     return (
       <div className={"inline"}>
-        Policy <Value>{m.name}</Value> was deleted
+        Policy <Value>{m.name}</Value> {t("activity.policyDelete")}
       </div>
     );
 
   if (event.activity_code == "policy.add")
     return (
       <div className={"inline"}>
-        Policy <Value>{m.name}</Value> was created
+        Policy <Value>{m.name}</Value> {t("activity.policyAdd")}
       </div>
     );
 
@@ -133,7 +132,7 @@ export default function ActivityDescription({ event }: Props) {
       <div className={"inline"}>
         Route <Value>{m.name}</Value> with the {hasDomains ? "domain(s)" : ""}{" "}
         <Value>{hasDomains ? m?.domains : m.network_range}</Value>{" "}
-        {hasDomains ? "" : "range"} was deleted
+        {hasDomains ? "" : "range"} {t("activity.routeDelete")}
       </div>
     );
   }
@@ -144,7 +143,7 @@ export default function ActivityDescription({ event }: Props) {
       <div className={"inline"}>
         Route <Value>{m.name}</Value> with the {hasDomains ? "domain(s)" : ""}{" "}
         <Value>{hasDomains ? m?.domains : m.network_range}</Value>{" "}
-        {hasDomains ? "" : "range"} was updated
+        {hasDomains ? "" : "range"} {t("activity.routeUpdate")}
       </div>
     );
   }
@@ -155,7 +154,7 @@ export default function ActivityDescription({ event }: Props) {
       <div className={"inline"}>
         Route <Value>{m.name}</Value> with the {hasDomains ? "domain(s)" : ""}{" "}
         <Value>{hasDomains ? m?.domains : m.network_range}</Value>{" "}
-        {hasDomains ? "" : "range"} was created
+        {hasDomains ? "" : "range"} {t("activity.routeAdd")}
       </div>
     );
   }
@@ -168,15 +167,15 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         Peer <Value>{m.name}</Value> <PeerConnectionInfo meta={m} /> with
-        NetBird IP <Value>{m.ip}</Value> was deleted
+        NetBird IP <Value>{m.ip}</Value> {t("activity.userPeerDelete")}
       </div>
     );
 
   if (event.activity_code == "user.peer.add")
     return (
       <div className={"inline"}>
-        Peer <Value>{m.name}</Value> <PeerConnectionInfo meta={m} /> was added
-        with the NetBird IP <Value>{m.ip}</Value>
+        Peer <Value>{m.name}</Value> <PeerConnectionInfo meta={m} /> {t("activity.userPeerAdd")}{" "}
+        <Value>{m.ip}</Value>
       </div>
     );
 
@@ -184,37 +183,36 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         Peer <Value>{m.name}</Value> <PeerConnectionInfo meta={m} /> with
-        NetBird IP <Value>{m.ip}</Value> was updated
+        NetBird IP <Value>{m.ip}</Value> {t("activity.userPeerUpdate")}
       </div>
     );
 
   if (event.activity_code == "user.join")
     return (
       <div className={"inline"}>
-        User <Value>{m.username}</Value> joined NetBird
+        User <Value>{m.username}</Value> {t("activity.userJoin")}
       </div>
     );
 
   if (event.activity_code == "user.invite")
     return (
       <div className={"inline"}>
-        <Value>{event.meta.username}</Value> <Value>{event.meta.email}</Value>{" "}
-        was invited.
+        <Value>{event.meta.username}</Value> <Value>{event.meta.email}</Value> {t("activity.userInvite")}
       </div>
     );
 
   if (event.activity_code == "user.create")
     return (
       <div className={"inline"}>
-        <Value>{event.meta.username}</Value> <Value>{event.meta.email}</Value>{" "}
-        was created by <Value>{event?.initiator_name || "NetBird"}</Value>
+        <Value>{event.meta.username}</Value> <Value>{event.meta.email}</Value> {t("activity.userCreate")}{" "}
+        <Value>{event?.initiator_name || "NetBird"}</Value>
       </div>
     );
 
   if (event.activity_code == "user.group.add")
     return (
       <div className={"inline"}>
-        Group <Value>{event.meta.group}</Value> was added to user{" "}
+        Group <Value>{event.meta.group}</Value> {t("activity.userGroupAdd")}{" "}
         <Value>{event.meta.username}</Value>
       </div>
     );
@@ -223,8 +221,7 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         User <Value>{event.meta.username}</Value>{" "}
-        <Value>{event.meta.email}</Value>
-        was blocked
+        <Value>{event.meta.email}</Value> {t("activity.userBlock")}
       </div>
     );
 
@@ -232,8 +229,7 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         User <Value>{event.meta.username}</Value>{" "}
-        <Value>{event.meta.email}</Value>
-        was unblocked
+        <Value>{event.meta.email}</Value> {t("activity.userUnblock")}
       </div>
     );
 
@@ -241,14 +237,14 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         User <Value>{event.meta.username}</Value>{" "}
-        <Value>{event.meta.email}</Value> was deleted
+        <Value>{event.meta.email}</Value> {t("activity.userDelete")}
       </div>
     );
 
   if (event.activity_code == "user.group.delete")
     return (
       <div className={"inline"}>
-        Group <Value>{event.meta.group}</Value> was removed from user{" "}
+        Group <Value>{event.meta.group}</Value> {t("activity.userGroupDelete")}{" "}
         <Value>{event.meta.username}</Value> <Value>{event.meta.email}</Value>
       </div>
     );
@@ -256,7 +252,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "user.role.update")
     return (
       <div className={"inline"}>
-        Role <Value>{event.meta.role}</Value> was updated of user{" "}
+        Role <Value>{event.meta.role}</Value> {t("activity.userRoleUpdate")}{" "}
         <Value>{event.meta.username}</Value> <Value>{event.meta.email}</Value>
       </div>
     );
@@ -265,7 +261,7 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         User <Value>{event.meta.username}</Value>{" "}
-        <Value>{event.meta.email}</Value> was approved
+        <Value>{event.meta.email}</Value> {t("activity.userApprove")}
       </div>
     );
 
@@ -273,14 +269,14 @@ export default function ActivityDescription({ event }: Props) {
     return (
       <div className={"inline"}>
         User <Value>{event.meta.username}</Value>{" "}
-        <Value>{event.meta.email}</Value> was rejected
+        <Value>{event.meta.email}</Value> {t("activity.userReject")}
       </div>
     );
 
   if (event.activity_code == "user.password.change")
     return (
       <div className={"inline"}>
-        Password was changed for user <Value>{event.meta.username}</Value>{" "}
+        {t("activity.userPasswordChange")} <Value>{event.meta.username}</Value>{" "}
         <Value>{event.meta.email}</Value>
       </div>
     );
@@ -292,7 +288,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "user.invite.link.create")
     return (
       <div className={"inline"}>
-        Invite link was created for <Value>{event.meta.username}</Value>{" "}
+        {t("activity.userInviteLinkCreate")} <Value>{event.meta.username}</Value>{" "}
         <Value>{event.meta.email}</Value>
       </div>
     );
@@ -300,7 +296,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "user.invite.link.accept")
     return (
       <div className={"inline"}>
-        Invite link was accepted by <Value>{event.meta.username}</Value>{" "}
+        {t("activity.userInviteLinkAccept")} <Value>{event.meta.username}</Value>{" "}
         <Value>{event.meta.email}</Value>
       </div>
     );
@@ -308,7 +304,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "user.invite.link.regenerate")
     return (
       <div className={"inline"}>
-        Invite link was regenerated for <Value>{event.meta.username}</Value>{" "}
+        {t("activity.userInviteLinkRegenerate")} <Value>{event.meta.username}</Value>{" "}
         <Value>{event.meta.email}</Value>
       </div>
     );
@@ -316,7 +312,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "user.invite.link.delete")
     return (
       <div className={"inline"}>
-        Invite link was deleted for <Value>{event.meta.username}</Value>{" "}
+        {t("activity.userInviteLinkDelete")} <Value>{event.meta.username}</Value>{" "}
         <Value>{event.meta.email}</Value>
       </div>
     );
@@ -335,7 +331,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "service.user.delete")
     return (
       <div className={"inline"}>
-        Service user <Value>{event.meta.name}</Value> was deleted
+        Service user <Value>{event.meta.name}</Value> {t("activity.serviceUserDelete")}
       </div>
     );
 
@@ -346,82 +342,77 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "peer.group.delete")
     return (
       <div className={"inline"}>
-        Group <Value>{m.group}</Value> was removed from the peer with the
-        NetBird IP <Value>{m.peer_ip}</Value>
+        Group <Value>{m.group}</Value> {t("activity.peerGroupDelete")} <Value>{m.peer_ip}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.group.add")
     return (
       <div className={"inline"}>
-        Group <Value>{m.group}</Value> was added to the peer with the NetBird IP{" "}
-        <Value>{m.peer_ip}</Value>
+        Group <Value>{m.group}</Value> {t("activity.peerGroupAdd")} <Value>{m.peer_ip}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.login.expire")
     return (
       <div className={"inline"}>
-        Login of the peer <Value>{m.name}</Value> is expired
+        {t("activity.peerLoginExpire")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.ssh.disable")
     return (
       <div className={"inline"}>
-        SSH Server of peer <Value>{m.name}</Value> was disabled
+        SSH Server {t("activity.peerSshDisable")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.ssh.enable")
     return (
       <div className={"inline"}>
-        SSH Server of peer <Value>{m.name}</Value> was enabled
+        SSH Server {t("activity.peerSshEnable")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.login.expiration.disable")
     return (
       <div className={"inline"}>
-        Login expiration of peer <Value>{m.name}</Value> was disabled
+        {t("activity.peerLoginExpirationDisable")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.login.expiration.enable")
     return (
       <div className={"inline"}>
-        Login expiration of peer <Value>{m.name}</Value> was enabled
+        {t("activity.peerLoginExpirationEnable")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.rename")
     return (
       <div className={"inline"}>
-        Peer with the NetBird IP <Value>{m.ip}</Value> was renamed to{" "}
-        <Value>{m.name}</Value>
+        Peer with the NetBird IP <Value>{m.ip}</Value> {t("activity.peerRename")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.approve")
     return (
       <div className={"inline"}>
-        Peer with the NetBird IP <Value>{m.ip}</Value> was approved
+        Peer with the NetBird IP <Value>{m.ip}</Value> {t("activity.peerApprove")}
       </div>
     );
 
   if (event.activity_code == "peer.ip.update")
     return (
       <div className={"inline"}>
-        Peer <Value>{m.name}</Value> IP address was updated from{" "}
-        <Value>{m.old_ip}</Value> to <Value>{m.ip}</Value>
+        Peer <Value>{m.name}</Value> IP {t("activity.peerIpUpdate")} <Value>{m.old_ip}</Value> {t("activity.to")} <Value>{m.ip}</Value>
       </div>
     );
 
   if (event.activity_code == "peer.user.add")
     return (
       <div className={"inline"}>
-        Peer <Value>{m.name}</Value> <PeerConnectionInfo meta={m} /> was added
-        with the NetBird IP <Value>{m.ip}</Value>
+        Peer <Value>{m.name}</Value> <PeerConnectionInfo meta={m} /> {t("activity.peerUserAdd")} <Value>{m.ip}</Value>
       </div>
     );
 
@@ -432,22 +423,21 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "group.add")
     return (
       <div className={"inline"}>
-        Group <Value>{m.name}</Value> was created
+        Group <Value>{event.meta.group_name}</Value> {t("activity.groupAdd")}
       </div>
     );
 
   if (event.activity_code == "group.delete")
     return (
       <div className={"inline"}>
-        Group <Value>{event.meta.name}</Value> was deleted
+        Group <Value>{event.meta.group_name}</Value> {t("activity.groupDelete")}
       </div>
     );
 
   if (event.activity_code == "group.update")
     return (
       <div className={"inline"}>
-        Group <Value>{event.meta.old_name}</Value> was renamed to{" "}
-        <Value>{event.meta.new_name}</Value>
+        Group <Value>{event.meta.old_name}</Value> {t("activity.groupUpdate")} <Value>{event.meta.new_name}</Value>
       </div>
     );
 
@@ -458,25 +448,35 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "account.create")
     return (
       <div className={"inline"}>
-        <Value>{event.initiator_name}</Value> created an account
+        <Value>{event.initiator_name}</Value> {t("activity.accountCreate")}
       </div>
     );
 
   if (event.activity_code == "account.setting.peer.login.expiration.update")
-    return <div className={"inline"}>Global login expiration was updated</div>;
+    return (
+      <div className={"inline"}>
+        {t("activity.globalLoginExpirationUpdated")}
+      </div>
+    );
 
   if (event.activity_code == "account.setting.peer.login.expiration.enable")
-    return <div className={"inline"}>Global login expiration was enabled</div>;
+    return (
+      <div className={"inline"}>
+        {t("activity.globalLoginExpirationEnabled")}
+      </div>
+    );
 
   if (event.activity_code == "account.setting.peer.login.expiration.disable")
-    return <div className={"inline"}>Global login expiration was disabled</div>;
+    return (
+      <div className={"inline"}>
+        {t("activity.globalLoginExpirationDisabled")}
+      </div>
+    );
 
   if (event.activity_code == "account.network.range.update")
     return (
       <div className={"inline"}>
-        Account network range was updated from{" "}
-        <Value>{m.old_network_range}</Value> to{" "}
-        <Value>{m.new_network_range}</Value>
+        {t("activity.accountNetworkRangeUpdate")} <Value>{m.old_network_range}</Value> {t("activity.to")} <Value>{m.new_network_range}</Value>
       </div>
     );
 
@@ -487,21 +487,21 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "nameserver.group.add")
     return (
       <div className={"inline"}>
-        Nameserver <Value>{event.meta.name}</Value> was added
+        Nameserver <Value>{event.meta.name}</Value> {t("activity.nameserverGroupAdd")}
       </div>
     );
 
   if (event.activity_code == "nameserver.group.delete")
     return (
       <div className={"inline"}>
-        Nameserver <Value>{event.meta.name}</Value> was deleted
+        Nameserver with IP <Value>{event.meta.ip}</Value> {t("activity.nameserverDelete")}
       </div>
     );
 
   if (event.activity_code == "nameserver.group.update")
     return (
       <div className={"inline"}>
-        Nameserver <Value>{event.meta.name}</Value> was updated
+        Nameserver with IP <Value>{event.meta.ip}</Value> {t("activity.nameserverUpdate")}
       </div>
     );
 
@@ -512,16 +512,14 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "personal.access.token.create")
     return (
       <div className={"inline"}>
-        Access token <Value>{event.meta.name}</Value> for user{" "}
-        <Value>{event.meta.username}</Value> was created
+        Access token <Value>{event.meta.name}</Value> {t("activity.personalAccessTokenCreate")} <Value>{event.meta.username}</Value>
       </div>
     );
 
   if (event.activity_code == "personal.access.token.delete")
     return (
       <div className={"inline"}>
-        Access token <Value>{event.meta.name}</Value> for user{" "}
-        <Value>{event.meta.username}</Value> was deleted
+        Access token <Value>{event.meta.name}</Value> {t("activity.personalAccessTokenDelete")} <Value>{event.meta.username}</Value>
       </div>
     );
 
@@ -530,31 +528,28 @@ export default function ActivityDescription({ event }: Props) {
    */
 
   if (event.activity_code == "integration.create") {
-    if (!event.meta.platform) return "Integration created";
+    if (!event.meta.platform) return t("activity.integrationCreate");
     return (
       <div className={"inline"}>
-        <Value className={"capitalize"}>{event.meta.platform}</Value>{" "}
-        integration created
+        <Value className={"capitalize"}>{event.meta.platform}</Value> {t("activity.integrationCreate")}
       </div>
     );
   }
 
   if (event.activity_code == "integration.delete") {
-    if (!event.meta.platform) return "Integration deleted";
+    if (!event.meta.platform) return t("activity.integrationDelete");
     return (
       <div className={"inline"}>
-        <Value className={"capitalize"}>{event.meta.platform}</Value>{" "}
-        integration deleted
+        <Value className={"capitalize"}>{event.meta.platform}</Value> {t("activity.integrationDelete")}
       </div>
     );
   }
 
   if (event.activity_code == "integration.update") {
-    if (!event.meta.platform) return "Integration updated";
+    if (!event.meta.platform) return t("activity.integrationUpdate");
     return (
       <div className={"inline"}>
-        <Value className={"capitalize"}>{event.meta.platform}</Value>{" "}
-        integration updated
+        <Value className={"capitalize"}>{event.meta.platform}</Value> {t("activity.integrationUpdate")}
       </div>
     );
   }
@@ -566,16 +561,14 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "dns.setting.disabled.management.group.add")
     return (
       <div className={"inline"}>
-        Group <Value>{event.meta.group}</Value> was added to disabled DNS group
-        setting
+        Group <Value>{event.meta.group}</Value> {t("activity.dnsSettingDisabledManagementGroupAdd")}
       </div>
     );
 
   if (event.activity_code == "dns.setting.disabled.management.group.delete")
     return (
       <div className={"inline"}>
-        Group <Value>{event.meta.group}</Value> was removed from disabled DNS
-        group setting
+        Group <Value>{event.meta.group}</Value> {t("activity.dnsSettingDisabledManagementGroupDelete")}
       </div>
     );
 
@@ -586,26 +579,26 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "posture.check.updated")
     return (
       <div className={"inline"}>
-        Posture check <Value> {m.name}</Value> was updated
+        Posture check <Value> {m.name}</Value> {t("activity.postureCheckUpdated")}
       </div>
     );
 
   if (event.activity_code == "posture.check.created")
     return (
       <div className={"inline"}>
-        Posture check <Value> {m.name}</Value> was created
+        Posture check <Value> {m.name}</Value> {t("activity.postureCheckCreated")}
       </div>
     );
 
   if (event.activity_code == "posture.check.deleted")
     return (
       <div className={"inline"}>
-        Posture check <Value> {m.name}</Value> was deleted
+        Posture check <Value> {m.name}</Value> {t("activity.postureCheckDeleted")}
       </div>
     );
 
   if (event.activity_code == "transferred.owner.role")
-    return <div className={"inline"}>Owner role was transferred</div>;
+    return <div className={"inline"}>{t("activity.ownerRoleTransferred")}</div>;
 
   /**
    * EDR
@@ -613,35 +606,35 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "integrated-validator.api.created")
     return (
       <div className={"inline"}>
-        <Value>{m?.platform}</Value> integration created
+        <Value>{m?.platform}</Value> {t("activity.integratedValidatorApiCreated")}
       </div>
     );
 
   if (event.activity_code == "integrated-validator.api.updated")
     return (
       <div className={"inline"}>
-        <Value>{m?.platform}</Value> integration updated
+        <Value>{m?.platform}</Value> {t("activity.integratedValidatorApiUpdated")}
       </div>
     );
 
   if (event.activity_code == "integrated-validator.api.deleted")
     return (
       <div className={"inline"}>
-        <Value>{m?.platform}</Value> integration deleted
+        <Value>{m?.platform}</Value> {t("activity.integratedValidatorApiDeleted")}
       </div>
     );
 
   if (event.activity_code == "integrated-validator.host-check.approved")
     return (
       <div className={"inline"}>
-        Peer approved by <Value>{m?.platform}</Value> integration
+        Peer {t("activity.integratedValidatorHostCheckApproved")} <Value>{m?.platform}</Value> integration
       </div>
     );
 
   if (event.activity_code == "integrated-validator.host-check.denied")
     return (
       <div className={"inline"}>
-        Peer rejected by <Value>{m?.platform}</Value> integration
+        Peer {t("activity.integratedValidatorHostCheckDenied")} <Value>{m?.platform}</Value> integration
       </div>
     );
 
@@ -651,16 +644,14 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "resource.group.add")
     return (
       <div className={"inline"}>
-        Group <Value>{m.resource_name}</Value> added to resource{"  "}
-        <Value>{m.name}</Value>
+        Group <Value>{m.resource_name}</Value> {t("activity.resourceGroupAdd")} <Value>{m.name}</Value>
       </div>
     );
 
   if (event.activity_code == "resource.group.delete")
     return (
       <div className={"inline"}>
-        Group <Value>{m.resource_name}</Value> removed from resource{"  "}
-        <Value>{m.name}</Value>
+        Group <Value>{m.resource_name}</Value> {t("activity.resourceGroupDelete")} <Value>{m.name}</Value>
       </div>
     );
 
@@ -671,25 +662,21 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "service.peer.expose")
     return (
       <div className={"inline"}>
-        Peer <Value>{m.peer_name}</Value> exposed service{" "}
-        <Value>{m.domain}</Value> with auth{" "}
-        <Value>{m.auth ? "Enabled" : "Disabled"}</Value>
+        Peer <Value>{m.peer_name}</Value> {t("activity.servicePeerExpose")} <Value>{m.domain}</Value> {t("activity.withAuth")} <Value>{m.auth ? t("activity.enabled") : t("activity.disabled")}</Value>
       </div>
     );
 
   if (event.activity_code == "service.peer.unexpose")
     return (
       <div className={"inline"}>
-        Peer <Value>{m.peer_name}</Value> unexposed service{" "}
-        <Value>{m.domain}</Value>
+        Peer <Value>{m.peer_name}</Value> {t("activity.servicePeerUnexpose")} <Value>{m.domain}</Value>
       </div>
     );
 
   if (event.activity_code == "service.peer.expose.expire")
     return (
       <div className={"inline"}>
-        Service <Value>{m.domain}</Value> exposed by peer{" "}
-        <Value>{m.peer_name}</Value> was removed due to renewal expiration
+        Service <Value>{m.domain}</Value> {t("activity.servicePeerExposeExpire")} <Value>{m.peer_name}</Value>
       </div>
     );
 
@@ -700,69 +687,63 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "network.resource.create")
     return (
       <div className={"inline"}>
-        Resource <Value>{m.name}</Value> created for network{"  "}
-        <Value>{m.network_name}</Value>
+        Resource <Value>{m.name}</Value> {t("activity.networkResourceCreate")} <Value>{m.network_name}</Value>
       </div>
     );
 
   if (event.activity_code == "network.resource.update")
     return (
       <div className={"inline"}>
-        Resource <Value>{m.name}</Value> updated for network{"  "}
-        <Value>{m.network_name}</Value>
+        Resource <Value>{m.name}</Value> {t("activity.networkResourceUpdate")} <Value>{m.network_name}</Value>
       </div>
     );
 
   if (event.activity_code == "network.resource.delete")
     return (
       <div className={"inline"}>
-        Resource <Value>{m.name}</Value> deleted from network{"  "}
-        <Value>{m.network_name}</Value>
+        Resource <Value>{m.name}</Value> {t("activity.networkResourceDelete")} <Value>{m.network_name}</Value>
       </div>
     );
 
   if (event.activity_code == "network.router.create")
     return (
       <div className={"inline"}>
-        Routing peer created for network{"  "}
-        <Value>{m.network_name}</Value>
+        {t("activity.networkRouterCreate")} <Value>{m.network_name}</Value>
       </div>
     );
 
   if (event.activity_code == "network.router.delete")
     return (
       <div className={"inline"}>
-        Routing peer deleted from network{"  "}
-        <Value>{m.network_name}</Value>
+        {t("activity.networkRouterDelete")} <Value>{m.network_name}</Value>
       </div>
     );
 
   if (event.activity_code == "network.router.update")
     return (
       <div className={"inline"}>
-        Routing peer updated from network{"  "}
-        <Value>{m.network_name}</Value>
+        {t("activity.networkRouterUpdate")} <Value>{m.network_name}</Value>
       </div>
     );
 
   if (event.activity_code == "network.create")
     return (
       <div className={"inline"}>
-        Network with name <Value>{m.name}</Value> created
+        Network with name <Value>{m.name}</Value> {t("activity.networkCreate")}
       </div>
     );
 
   if (event.activity_code == "network.delete")
     return (
       <div className={"inline"}>
-        Network with name <Value>{m.name}</Value> deleted
+        Network with name <Value>{m.name}</Value> {t("activity.networkDelete")}
       </div>
     );
 
   if (event.activity_code == "network.update")
     return (
       <div className={"inline"}>
-        Network with name <Value>{m.name}</Value> updated
+        Network with name <Value>{m.name}</Value> {t("activity.networkUpdate")}
       </div>
     );
 
@@ -773,8 +754,7 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "peer.job.create")
     return (
       <div className={"inline"}>
-        Remote job <Value>{m.job_type}</Value> created for peer{" "}
-        <Value>{m.for_peer_name}</Value>
+        Remote job <Value>{m.job_type}</Value> {t("activity.peerJobCreate")} <Value>{m.for_peer_name}</Value>
       </div>
     );
 
@@ -785,14 +765,14 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "account.settings.extra.flow.group.remove")
     return (
       <div className={"inline"}>
-        Limit traffic event group <Value>{m.group_name}</Value> removed
+        Limit traffic event group <Value>{m.group_name}</Value> {t("activity.accountSettingsFlowGroupRemove")}
       </div>
     );
 
   if (event.activity_code == "account.settings.extra.flow.group.add")
     return (
       <div className={"inline"}>
-        Limit traffic event group <Value>{m.group_name}</Value> added
+        Limit traffic event group <Value>{m.group_name}</Value> {t("activity.accountSettingsFlowGroupAdd")}
       </div>
     );
 
@@ -803,51 +783,21 @@ export default function ActivityDescription({ event }: Props) {
   if (event.activity_code == "identityprovider.create")
     return (
       <div className={"inline"}>
-        Identity provider <Value>{m.name}</Value> was created
+        Identity provider <Value>{m.name}</Value> {t("activity.identityProviderCreate")}
       </div>
     );
 
   if (event.activity_code == "identityprovider.update")
     return (
       <div className={"inline"}>
-        Identity provider <Value>{m.name}</Value> was updated
+        Identity provider <Value>{m.name}</Value> {t("activity.identityProviderUpdate")}
       </div>
     );
 
   if (event.activity_code == "identityprovider.delete")
     return (
       <div className={"inline"}>
-        Identity provider <Value>{m.name}</Value> was deleted
-      </div>
-    );
-
-  /**
-   * Reverse Proxy
-   */
-
-  if (event.activity_code == "service.create")
-    return (
-      <div className={"inline"}>
-        Service <Value>{m.domain}</Value> in cluster{" "}
-        <Value>{m.proxy_cluster}</Value> was created with authentication{" "}
-        <Value>{m.auth ? "Enabled" : "Disabled"}</Value>
-      </div>
-    );
-
-  if (event.activity_code == "service.update")
-    return (
-      <div className={"inline"}>
-        Service <Value>{m.domain}</Value> in cluster{" "}
-        <Value>{m.proxy_cluster}</Value> was updated with authentication{" "}
-        <Value>{m.auth === "true" ? "Enabled" : "Disabled"}</Value>
-      </div>
-    );
-
-  if (event.activity_code == "service.delete")
-    return (
-      <div className={"inline"}>
-        Service <Value>{m.domain}</Value> in cluster{" "}
-        <Value>{m.proxy_cluster}</Value> was deleted
+        Identity provider <Value>{m.name}</Value> {t("activity.identityProviderDelete")}
       </div>
     );
 
@@ -859,9 +809,9 @@ export default function ActivityDescription({ event }: Props) {
         <FullTooltip
           content={
             <div className={"pb-1"}>
-              <Label className={"mb-3"}>Activity Code</Label>
+              <Label className={"mb-3"}>{t("activity.activityCode")}</Label>
               <Value>{event.activity_code}</Value>
-              <Label className={"my-3"}>Meta</Label>
+              <Label className={"my-3"}>{t("activity.meta")}</Label>
               {meta &&
                 meta.map((item) => (
                   <React.Fragment key={item?.key}>
@@ -902,20 +852,21 @@ function Value({
 }
 
 function PeerConnectionInfo({ meta }: { meta: any }) {
+  const { t } = useI18n();
   const hasMeta =
     !isEmpty(meta?.location_country_code) ||
     !isEmpty(meta?.location_connection_ip);
   const { countries } = useCountries();
 
   const countryText = useMemo(() => {
-    if (!countries) return "Unknown";
+    if (!countries) return t("common.unknown");
     const country = countries.find(
       (c) => c.country_code === meta?.location_country_code,
     );
-    if (!country) return "Unknown";
+    if (!country) return t("common.unknown");
     if (!meta?.location_city_name) return country.country_name;
     return `${country.country_name}, ${meta?.location_city_name}`;
-  }, [countries, meta]);
+  }, [countries, meta, t]);
 
   return hasMeta ? (
     <>
diff --git a/src/modules/activity/ActivityEventCodeSelector.tsx b/src/modules/activity/ActivityEventCodeSelector.tsx
index f6c2c76d..971e397b 100644
--- a/src/modules/activity/ActivityEventCodeSelector.tsx
+++ b/src/modules/activity/ActivityEventCodeSelector.tsx
@@ -12,6 +12,7 @@ import { useMemo, useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
 import { ActivityEvent } from "@/interfaces/ActivityEvent";
 import ActivityTypeIcon from "@/modules/activity/ActivityTypeIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface MultiSelectProps {
   values: string[];
@@ -27,6 +28,7 @@ export function ActivityEventCodeSelector({
   popoverWidth = 400,
   events,
 }: MultiSelectProps) {
+  const { t } = useI18n();
   const searchRef = React.useRef<HTMLInputElement>(null);
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
   const [search, setSearch] = useState("");
@@ -49,9 +51,7 @@ export function ActivityEventCodeSelector({
       return {
         activity_code: event.activity_code,
         activity: event.activity,
-        group: event.activity_code.startsWith("service.user")
-          ? "Service User"
-          : event.activity_code.split(".")[0],
+        group: event.activity_code.split(".")[0],
       };
     });
     return items.reduce((acc, item) => {
@@ -81,9 +81,11 @@ export function ActivityEventCodeSelector({
           <Layers size={16} className={"shrink-0"} />
           <div className={"w-full flex justify-between"}>
             {values.length > 0 ? (
-              <div>{values.length} Event(s)</div>
+              <div>
+                {values.length} {t("activity.eventCount")}
+              </div>
             ) : (
-              "All Event Types"
+              t("activity.allEventTypes")
             )}
             <div className={"pl-2"}>
               <ChevronsUpDown size={18} className={"shrink-0"} />
@@ -122,7 +124,7 @@ export function ActivityEventCodeSelector({
                 ref={searchRef}
                 value={search}
                 onValueChange={setSearch}
-                placeholder={"Search event..."}
+                placeholder={t("activity.searchPlaceholder")}
               />
               <div
                 className={
diff --git a/src/modules/activity/ActivityTable.tsx b/src/modules/activity/ActivityTable.tsx
index d052bb22..2e3c8d0d 100644
--- a/src/modules/activity/ActivityTable.tsx
+++ b/src/modules/activity/ActivityTable.tsx
@@ -17,6 +17,7 @@ import { DateRange } from "react-day-picker";
 import { useSWRConfig } from "swr";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ActivityEvent } from "@/interfaces/ActivityEvent";
 import { ActivityEntryRow } from "@/modules/activity/ActivityEntryRow";
 import { ActivityEventCodeSelector } from "@/modules/activity/ActivityEventCodeSelector";
@@ -31,47 +32,51 @@ type Props = {
   headingTarget?: HTMLHeadingElement | null;
 };
 
-const ActivityFeedColumnsTable: ColumnDef<ActivityEvent>[] = [
-  {
-    accessorKey: "activity_code",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Code</DataTableHeader>;
+function useActivityFeedColumnsTable(): ColumnDef<ActivityEvent>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "activity_code",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("activity.code")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      filterFn: "arrIncludesSomeExact",
+      cell: ({ row }) => <ActivityEntryRow event={row.original} />,
     },
-    sortingFn: "text",
-    filterFn: "arrIncludesSomeExact",
-    cell: ({ row }) => <ActivityEntryRow event={row.original} />,
-  },
-  {
-    id: "activity_text",
-    accessorFn: (event) => {
-      try {
-        if (event.meta) {
-          return Object.keys(event.meta)
-            .map((key) => {
-              return `${event?.meta[key]}`;
-            })
-            .join(" ");
+    {
+      id: "activity_text",
+      accessorFn: (event) => {
+        try {
+          if (event.meta) {
+            return Object.keys(event.meta)
+              .map((key) => {
+                return `${event?.meta[key]}`;
+              })
+              .join(" ");
+          }
+        } catch (error) {
+          return "";
         }
-      } catch (error) {
-        return "";
-      }
+      },
+    },
+    {
+      accessorKey: "timestamp",
+      id: "timestamp",
+      filterFn: "dateRange",
+    },
+    {
+      accessorKey: "activity",
+      id: "name",
     },
-  },
-  {
-    accessorKey: "timestamp",
-    id: "timestamp",
-    filterFn: "dateRange",
-  },
-  {
-    accessorKey: "activity",
-    id: "name",
-  },
-  {
-    id: "initiator_email",
-    accessorFn: (row) => row.initiator_email || "NetBird",
-    filterFn: "exactMatch",
-  },
-];
+    {
+      id: "initiator_email",
+      accessorFn: (row) => row.initiator_email || t("activity.netbirdUser"),
+      filterFn: "exactMatch",
+    },
+  ];
+}
 
 const defaultFromDate = dayjs().subtract(14, "day").toDate();
 const defaultToDate = dayjs().toDate();
@@ -83,6 +88,8 @@ export default function ActivityTable({
 }: Props) {
   const { mutate } = useSWRConfig();
   const path = usePathname();
+  const { t } = useI18n();
+  const columns = useActivityFeedColumnsTable();
 
   // Default sorting state of the table
   const [sorting, setSorting] = useState<SortingState>([
@@ -123,14 +130,14 @@ export default function ActivityTable({
       headingTarget={headingTarget}
       paginationClassName={"max-w-[800px]"}
       as={"div"}
-      text={"Audit Events"}
+      text={t("activity.auditEventsTitle")}
       sorting={sorting}
       setSorting={setSorting}
       wrapperClassName={"gap-0 flex flex-col"}
       tableClassName={"px-8 pt-4"}
-      columns={ActivityFeedColumnsTable}
+      columns={columns}
       data={events}
-      searchPlaceholder={"Search by audit name, user, peer, meta..."}
+      searchPlaceholder={t("activity.searchPlaceholder")}
       isLoading={isLoading}
       columnVisibility={{
         timestamp: false,
@@ -147,20 +154,17 @@ export default function ActivityTable({
               size={"large"}
             />
           }
-          title={"Get Started with NetBird"}
-          description={
-            "It looks like you don't have any connected machines.\n" +
-            "Get started by adding one to your network."
-          }
+          title={t("activity.getStartedTitle")}
+          description={t("activity.getStartedDescription")}
           button={<AddPeerButton />}
           learnMore={
             <>
-              Learn more in our{" "}
+              {t("activity.learnMorePrefix")}{" "}
               <InlineLink
                 href={"https://docs.netbird.io/how-to/getting-started"}
                 target={"_blank"}
               >
-                Getting Started Guide
+                {t("activity.learnMoreLink")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </>
diff --git a/src/modules/activity/ActivityTypeIcon.tsx b/src/modules/activity/ActivityTypeIcon.tsx
index 8b6b9a39..77546d2f 100644
--- a/src/modules/activity/ActivityTypeIcon.tsx
+++ b/src/modules/activity/ActivityTypeIcon.tsx
@@ -11,6 +11,7 @@ import {
   KeyRound,
   Layers3Icon,
   LogIn,
+  type LucideIcon,
   MonitorSmartphoneIcon,
   NetworkIcon,
   RefreshCcw,
@@ -20,7 +21,6 @@ import {
   User,
 } from "lucide-react";
 import React from "react";
-import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
 
 type Props = {
   code: string;
@@ -46,7 +46,7 @@ const ActivityTypeMappings = {
   dashboard: LogIn,
   integration: Blocks,
   personal: User,
-  "service.user": Cog,
+  service: Cog,
   billing: CreditCardIcon,
   integrated: ShieldCheck,
   posture: ShieldCheck,
@@ -54,24 +54,21 @@ const ActivityTypeMappings = {
   resource: Layers3Icon,
   network: NetworkIcon,
   identityprovider: FingerprintIcon,
-  service: ReverseProxyIcon,
-} as const;
+} as const satisfies Record<string, LucideIcon>;
 
 export default function ActivityTypeIcon({
   code,
   size = 18,
   className,
 }: Props) {
-  const parts = code?.split(".") || [];
-  const twoPartKey = parts.slice(0, 2).join(".").toLowerCase();
-  const onePartKey = (parts[0] || "").toLowerCase();
-
-  const key = (
-    twoPartKey in ActivityTypeMappings ? twoPartKey : onePartKey
-  ) as ActivityTypeKey;
+  const prefixParts = code?.split(".") || [];
+  const prefix = (prefixParts[0] || "").toLowerCase();
 
+  // Check if prefix is a valid key, otherwise use fallback
   const Icon =
-    key in ActivityTypeMappings ? ActivityTypeMappings[key] : HelpCircleIcon;
+    prefix in ActivityTypeMappings
+      ? ActivityTypeMappings[prefix as ActivityTypeKey]
+      : HelpCircleIcon;
 
   return <Icon size={size} className={cn(DEFAULT_CLASSES, className)} />;
 }
diff --git a/src/modules/activity/UsersDropdownSelector.tsx b/src/modules/activity/UsersDropdownSelector.tsx
index 48e57a52..4f926149 100644
--- a/src/modules/activity/UsersDropdownSelector.tsx
+++ b/src/modules/activity/UsersDropdownSelector.tsx
@@ -13,6 +13,7 @@ import * as React from "react";
 import { useMemo, useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
 import { SmallUserAvatar } from "@/modules/users/SmallUserAvatar";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface Props {
   value?: string;
@@ -48,11 +49,12 @@ export function UsersDropdownSelector({
   popoverWidth = 250,
   options,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [filteredItems, search, setSearch] = useSearch(
     options.concat({
       id: "all-users",
-      name: "All Users",
-      email: "Include all users",
+      name: t("users.allUsers"),
+      email: t("users.includeAllUsers"),
     }),
     searchPredicate,
     { filter: true, debounce: 150 },
@@ -107,7 +109,7 @@ export function UsersDropdownSelector({
             {!selectedUser ? (
               <React.Fragment>
                 <UserCircle2 size={16} />
-                All Users
+                {t("users.allUsers")}
               </React.Fragment>
             ) : (
               <React.Fragment>
@@ -165,14 +167,14 @@ export function UsersDropdownSelector({
           <DropdownInput
             value={search}
             onChange={setSearch}
-            placeholder={"Search user..."}
+            placeholder={t("users.searchPlaceholder")}
             hideEnterIcon={true}
           />
 
           {options.length == 0 && !search && (
             <div className={"max-w-xs mx-auto"}>
               <DropdownInfoText>
-                {"No users available to select."}
+                {t("users.noUsersAvailable")}
               </DropdownInfoText>
             </div>
           )}
@@ -180,7 +182,7 @@ export function UsersDropdownSelector({
           {filteredItems.length == 0 && search != "" && (
             <div className={"px-10"}>
               <DropdownInfoText>
-                There are no users matching your search.
+                {t("users.noUsersMatchingSearch")}
               </DropdownInfoText>
             </div>
           )}
diff --git a/src/modules/common-table-rows/GroupsRow.tsx b/src/modules/common-table-rows/GroupsRow.tsx
index 76aa2f2c..fe1ea0c9 100644
--- a/src/modules/common-table-rows/GroupsRow.tsx
+++ b/src/modules/common-table-rows/GroupsRow.tsx
@@ -20,6 +20,7 @@ import * as React from "react";
 import { useMemo } from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { Peer } from "@/interfaces/Peer";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
@@ -49,6 +50,7 @@ export default function GroupsRow({
   hideAllGroup = false,
   disabled = false,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const { groups: allGroups } = useGroups();
   const { permission } = usePermissions();
 
@@ -73,7 +75,7 @@ export default function GroupsRow({
         {foundGroups?.length == 0 && showAddGroupButton ? (
           <Badge variant={"gray"} useHover={true}>
             <IconCirclePlus size={14} />
-            Add Groups
+            {t("groupsRow.addGroups")}
           </Badge>
         ) : (
           <div
@@ -119,6 +121,7 @@ export function EditGroupsModal({
   hideAllGroup = false,
   disabled,
 }: Readonly<EditGroupsModalProps>) {
+  const { t } = useI18n();
   const [selectedGroups, setSelectedGroups, { getAllGroupCalls }] =
     useGroupHelper({
       initial: groups,
@@ -133,7 +136,7 @@ export function EditGroupsModal({
     <ModalContent maxWidthClass={"max-w-xl"}>
       <ModalHeader
         icon={<FolderGit2 size={18} />}
-        title={label || "Assigned Groups"}
+        title={label || t("peerDetails.assignedGroups")}
         description={description}
         color={"blue"}
       />
@@ -154,11 +157,11 @@ export function EditGroupsModal({
       <ModalFooter className={"items-center"}>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("common.cancel")}</Button>
           </ModalClose>
 
           <Button variant={"primary"} onClick={handleSave} disabled={disabled}>
-            Save Groups
+            {t("groupsRow.saveGroups")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/common-table-rows/LastTimeRow.tsx b/src/modules/common-table-rows/LastTimeRow.tsx
index 0373e580..52b29656 100644
--- a/src/modules/common-table-rows/LastTimeRow.tsx
+++ b/src/modules/common-table-rows/LastTimeRow.tsx
@@ -6,6 +6,7 @@ import {
 } from "@components/Tooltip";
 import dayjs from "dayjs";
 import { History } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
 
 type Props = {
@@ -15,9 +16,11 @@ type Props = {
 };
 export default function LastTimeRow({
   date,
-  text = "Last seen on",
+  text,
   prefix,
 }: Props) {
+  const { t } = useI18n();
+  const displayText = text ?? t("lastTimeRow.lastSeenOn");
   const neverUsed = dayjs(date).isBefore(dayjs().subtract(2000, "years"));
 
   return !neverUsed ? (
@@ -38,9 +41,9 @@ export default function LastTimeRow({
         </TooltipTrigger>
         <TooltipContent>
           <div className={"text-neutral-300 flex flex-col gap-1"}>
-            <span className={"text-xs"}>{text}</span>
+            <span className={"text-xs"}>{displayText}</span>
             <span className={"text-neutral-200"}>
-              {dayjs(date).format("D MMMM, YYYY [at] h:mm A")}
+              {dayjs(date).format(t("peerDetails.dateTimeFormat"))}
             </span>
           </div>
         </TooltipContent>
diff --git a/src/modules/control-center/nodes/SelectGroupNode.tsx b/src/modules/control-center/nodes/SelectGroupNode.tsx
index 02f152da..18659f76 100644
--- a/src/modules/control-center/nodes/SelectGroupNode.tsx
+++ b/src/modules/control-center/nodes/SelectGroupNode.tsx
@@ -10,6 +10,7 @@ import { ChevronsUpDown } from "lucide-react";
 import * as React from "react";
 import { useMemo } from "react";
 import { Group } from "@/interfaces/Group";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type NodeProps = Node<
   {
@@ -20,6 +21,7 @@ type NodeProps = Node<
 >;
 
 export const SelectGroupNode = ({ data, id }: NodeProps) => {
+  const { t } = useI18n();
   const { data: groups, isLoading: isGroupsLoading } =
     useFetchApi<Group[]>("/groups");
 
@@ -44,13 +46,13 @@ export const SelectGroupNode = ({ data, id }: NodeProps) => {
     const peerCount = group?.peers_count || 0;
     const resourceCount = group?.resources_count || 0;
     if (resourceCount === 0) {
-      return `${peerCount} Peer(s)`;
+      return `${peerCount} ${t("groups.count.peers")}`;
     }
     if (peerCount === 0) {
-      return `${resourceCount} Resource(s)`;
+      return `${resourceCount} ${t("groups.count.resources")}`;
     }
-    return `${peerCount} Peer(s), ${resourceCount} Resource(s)`;
-  }, [group]);
+    return `${peerCount} ${t("groups.count.peers")}, ${resourceCount} ${t("groups.count.resources")}`;
+  }, [group, t]);
 
   return (
     <div
@@ -64,7 +66,7 @@ export const SelectGroupNode = ({ data, id }: NodeProps) => {
         onChange={data.onChange}
         options={groupOptions}
         showSearch={true}
-        searchPlaceholder={"Search groups..."}
+        searchPlaceholder={t("groups.searchPlaceholder")}
         popoverWidth={280}
         className={"!bg-nb-gray-920  !hover:bg-nb-gray-925 !text-nb-gray-300"}
         size={"xs"}
diff --git a/src/modules/control-center/nodes/SelectUserNode.tsx b/src/modules/control-center/nodes/SelectUserNode.tsx
index 6b73de6e..3ebcd3a8 100644
--- a/src/modules/control-center/nodes/SelectUserNode.tsx
+++ b/src/modules/control-center/nodes/SelectUserNode.tsx
@@ -9,6 +9,7 @@ import { sortBy } from "lodash";
 import { ChevronsUpDown, Cog } from "lucide-react";
 import * as React from "react";
 import { User } from "@/interfaces/User";
+import { useI18n } from "@/i18n/I18nProvider";
 import TruncatedText from "@components/ui/TruncatedText";
 import TextWithTooltip from "@components/ui/TextWithTooltip";
 import { SmallUserAvatar } from "@/modules/users/SmallUserAvatar";
@@ -22,6 +23,7 @@ type UserNodeProps = Node<
 >;
 
 export const SelectUserNode = ({ data, id }: UserNodeProps) => {
+  const { t } = useI18n();
   const { data: users } = useFetchApi<User[]>("/users?service_user=false");
 
   const userSelectOptions: SelectOption[] = sortBy(
@@ -86,7 +88,7 @@ export const SelectUserNode = ({ data, id }: UserNodeProps) => {
         onChange={data.onUserChange}
         options={userSelectOptions}
         showSearch={true}
-        searchPlaceholder={"Search user by name or email..."}
+        searchPlaceholder={t("users.searchByEmailOrName")}
         popoverWidth={280}
         className={cn(
           "!bg-nb-gray-920  !hover:bg-nb-gray-925 !text-nb-gray-300",
diff --git a/src/modules/dns/nameservers/NameserverModal.tsx b/src/modules/dns/nameservers/NameserverModal.tsx
index 18773d53..47de63f1 100644
--- a/src/modules/dns/nameservers/NameserverModal.tsx
+++ b/src/modules/dns/nameservers/NameserverModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import FancyToggleSwitch from "@components/FancyToggleSwitch";
 import HelpText from "@components/HelpText";
@@ -37,6 +39,7 @@ import React, { useEffect, useMemo, useReducer, useState } from "react";
 import { useSWRConfig } from "swr";
 import DNSIcon from "@/assets/icons/DNSIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Nameserver, NameserverGroup } from "@/interfaces/Nameserver";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
 
@@ -102,6 +105,7 @@ export function NameserverModalContent({
   preset,
   cell,
 }: Readonly<ModalProps>) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const nsRequest = useApiCall<NameserverGroup>("/dns/nameservers", true);
   const { mutate } = useSWRConfig();
@@ -112,9 +116,9 @@ export function NameserverModalContent({
 
   const update = async (groupIds: string[]) => {
     notify({
-      title: "Update Nameserver",
-      description: "Nameserver was updated successfully.",
-      loadingMessage: "Updating your nameserver...",
+      title: t("nameservers.updateModalTitle"),
+      description: t("nameservers.updateSuccessDescription"),
+      loadingMessage: t("nameservers.updating"),
       promise: nsRequest
         .put(
           {
@@ -138,9 +142,9 @@ export function NameserverModalContent({
 
   const create = async (groupIds: string[]) => {
     notify({
-      title: "Create Nameserver",
-      description: "Nameserver was created successfully.",
-      loadingMessage: "Creating your nameserver...",
+      title: t("nameservers.emptyTitle"),
+      description: t("nameservers.createSuccessDescription"),
+      loadingMessage: t("nameservers.creating"),
       promise: nsRequest
         .post({
           name: name,
@@ -222,9 +226,9 @@ export function NameserverModalContent({
   }, [domains]);
 
   const nameLengthError = useMemo(() => {
-    if (name.length > 40) return "Name should be less than 40 characters";
+    if (name.length > 40) return t("nameservers.nameLengthError");
     return "";
-  }, [name]);
+  }, [name, t]);
 
   const canContinueToDomains = useMemo(() => {
     return !(
@@ -253,8 +257,8 @@ export function NameserverModalContent({
     <ModalContent maxWidthClass={"max-w-xl"}>
       <ModalHeader
         icon={<DNSIcon className={"fill-netbird"} />}
-        title={isUpdate ? preset?.name : "Add Nameserver"}
-        description={"Use a nameserver to resolve domains in your network"}
+        title={isUpdate ? preset?.name : t("nameservers.add")}
+        description={t("nameservers.modalDescription")}
         color={"netbird"}
       />
 
@@ -267,7 +271,7 @@ export function NameserverModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Nameserver
+            {t("nameservers.tabNameserver")}
           </TabsTrigger>
           <TabsTrigger value={"domains"} disabled={!canContinueToDomains}>
             <GlobeIcon
@@ -276,7 +280,7 @@ export function NameserverModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Domains
+            {t("nameservers.tabDomains")}
           </TabsTrigger>
           <TabsTrigger value={"general"} disabled={!canContinueToGeneral}>
             <Text
@@ -285,7 +289,7 @@ export function NameserverModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Name & Description
+            {t("nameservers.tabGeneral")}
           </TabsTrigger>
         </TabsList>
 
@@ -323,18 +327,15 @@ export function NameserverModalContent({
                 className={"w-full"}
                 size={"sm"}
                 onClick={() => setNameservers({ type: "ADD" })}
-              >
+                >
                 <PlusIcon size={14} />
-                Add Nameserver
+                {t("nameservers.add")}
               </Button>
             </div>
 
             <div>
-              <Label>Distribution Groups</Label>
-              <HelpText>
-                Advertise this nameserver to peers that belong to the following
-                groups
-              </HelpText>
+              <Label>{t("nameservers.distributionGroups")}</Label>
+              <HelpText>{t("nameservers.distributionGroupsHelp")}</HelpText>
               <PeerGroupSelector
                 onChange={setGroups}
                 values={groups}
@@ -348,10 +349,10 @@ export function NameserverModalContent({
               label={
                 <>
                   <Power size={15} />
-                  Enable Nameserver
+                  {t("nameservers.enableLabel")}
                 </>
               }
-              helpText={"Use this switch to enable or disable the nameserver."}
+              helpText={t("nameservers.enableHelp")}
               disabled={!canAction}
             />
           </div>
@@ -359,11 +360,8 @@ export function NameserverModalContent({
         <TabsContent value={"domains"} className={"pb-8"}>
           <div className={"px-8 flex flex-col gap-6"}>
             <div>
-              <Label>Match Domains</Label>
-              <HelpText>
-                Add domain if you want to have a specific one resolved by this
-                nameserver.
-              </HelpText>
+              <Label>{t("nameservers.matchDomains")}</Label>
+              <HelpText>{t("nameservers.matchDomainsHelp")}</HelpText>
               <div>
                 {domains.length > 0 && (
                   <div className={"flex gap-3 w-full mb-3"}>
@@ -400,7 +398,7 @@ export function NameserverModalContent({
                   disabled={!canAction}
                 >
                   <PlusIcon size={14} />
-                  Add Domain
+                  {t("nameservers.addDomain")}
                 </Button>
               </div>
             </div>
@@ -415,12 +413,10 @@ export function NameserverModalContent({
                 label={
                   <>
                     <Scan size={15} />
-                    Mark match domains as search domains
+                    {t("nameservers.searchDomainsLabel")}
                   </>
                 }
-                helpText={
-                  "E.g., 'peer.example.com' will be accessible with 'peer'"
-                }
+                helpText={t("nameservers.searchDomainsHelp")}
                 disabled={!canAction}
               />
             </div>
@@ -429,28 +425,23 @@ export function NameserverModalContent({
         <TabsContent value={"general"} className={"px-8 pb-6"}>
           <div className={"flex flex-col gap-6"}>
             <div>
-              <Label>DNS Name</Label>
-              <HelpText>Enter a name for this nameserver.</HelpText>
+              <Label>{t("nameservers.dnsName")}</Label>
+              <HelpText>{t("nameservers.dnsNameHelp")}</HelpText>
               <Input
                 autoFocus={true}
                 tabIndex={0}
                 error={nameLengthError}
-                placeholder={"e.g., Public DNS"}
+                placeholder={t("nameservers.namePlaceholder")}
                 value={name}
                 onChange={(e) => setName(e.target.value)}
                 disabled={!canAction}
               />
             </div>
             <div>
-              <Label>Description (optional)</Label>
-              <HelpText>
-                Write a short description to add more context to this
-                nameserver.
-              </HelpText>
+              <Label>{t("nameservers.descriptionLabel")}</Label>
+              <HelpText>{t("nameservers.descriptionHelp")}</HelpText>
               <Textarea
-                placeholder={
-                  "e.g., Berlin office resolver for remote developers"
-                }
+                placeholder={t("nameservers.descriptionPlaceholder")}
                 value={description}
                 rows={3}
                 disabled={!canAction}
@@ -464,7 +455,7 @@ export function NameserverModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={"https://docs.netbird.io/how-to/manage-dns-in-your-network"}
               target={"_blank"}
@@ -479,7 +470,7 @@ export function NameserverModalContent({
             <>
               {tab == "nameserver" && (
                 <ModalClose asChild={true}>
-                  <Button variant={"secondary"}>Cancel</Button>
+                  <Button variant={"secondary"}>{t("actions.cancel")}</Button>
                 </ModalClose>
               )}
 
@@ -488,7 +479,7 @@ export function NameserverModalContent({
                   variant={"secondary"}
                   onClick={() => setTab("nameserver")}
                 >
-                  Back
+                  {t("actions.back")}
                 </Button>
               )}
 
@@ -498,7 +489,7 @@ export function NameserverModalContent({
                   onClick={() => setTab("domains")}
                   disabled={!canContinueToDomains}
                 >
-                  Continue
+                  {t("actions.continue")}
                 </Button>
               )}
 
@@ -508,7 +499,7 @@ export function NameserverModalContent({
                   onClick={() => setTab("general")}
                   disabled={!canContinueToGeneral}
                 >
-                  Continue
+                  {t("actions.continue")}
                 </Button>
               )}
 
@@ -518,7 +509,7 @@ export function NameserverModalContent({
                     variant={"secondary"}
                     onClick={() => setTab("domains")}
                   >
-                    Back
+                    {t("actions.back")}
                   </Button>
 
                   <Button
@@ -527,7 +518,7 @@ export function NameserverModalContent({
                     onClick={submit}
                   >
                     <PlusCircle size={16} />
-                    Add Nameserver
+                    {t("nameservers.add")}
                   </Button>
                 </>
               )}
@@ -535,14 +526,14 @@ export function NameserverModalContent({
           ) : (
             <>
               <ModalClose asChild={true}>
-                <Button variant={"secondary"}>Cancel</Button>
+                <Button variant={"secondary"}>{t("actions.cancel")}</Button>
               </ModalClose>
               <Button
                 variant={"primary"}
                 disabled={!canSubmit || !canAction}
                 onClick={submit}
               >
-                Save Changes
+                {t("actions.saveChanges")}
               </Button>
             </>
           )}
@@ -565,6 +556,7 @@ function NameserverInput({
   onError?: (error: boolean) => void;
   disabled?: boolean;
 }>) {
+  const { t } = useI18n();
   const [ip, setIP] = useState(value.ip);
   const [port, setPort] = useState<string>(value.port.toString());
 
@@ -585,11 +577,11 @@ function NameserverInput({
     const validCIDR = cidr.isValidAddress(ip);
     if (!validCIDR) {
       onError && onError(true);
-      return "Please enter a valid IP, e.g., 192.168.1.0";
+      return t("nameservers.validIpError");
     }
     onError && onError(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [ip]);
+  }, [ip, onError, t]);
 
   useEffect(() => {
     return () => onError && onError(false);
@@ -601,7 +593,7 @@ function NameserverInput({
       <div className={"w-full"}>
         <Input
           customPrefix={"IP"}
-          placeholder={"e.g., 172.16.0.0"}
+          placeholder={t("nameservers.ipPlaceholder")}
           maxWidthClass={"w-full"}
           value={ip}
           className={"font-mono !text-[13px]"}
diff --git a/src/modules/dns/nameservers/NameserverTemplateModal.tsx b/src/modules/dns/nameservers/NameserverTemplateModal.tsx
index 73541bbc..46c91580 100644
--- a/src/modules/dns/nameservers/NameserverTemplateModal.tsx
+++ b/src/modules/dns/nameservers/NameserverTemplateModal.tsx
@@ -10,6 +10,7 @@ import Quad9Logo from "@/assets/nameservers/quad9.svg";
 import { Group } from "@/interfaces/Group";
 import { NameserverGroup, NameserverPresets } from "@/interfaces/Nameserver";
 import NameserverModal from "@/modules/dns/nameservers/NameserverModal";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children: React.ReactNode;
@@ -63,6 +64,7 @@ type ModalProps = {
 export function NameserverTemplateModalContent({
   onePresetSelection,
 }: Readonly<ModalProps>) {
+  const { t } = useI18n();
   return (
     <ModalContent maxWidthClass={"max-w-xl"} showClose={true}>
       <div className={"px-8 py-3 flex flex-col gap-6 mt-4"}>
@@ -70,37 +72,29 @@ export function NameserverTemplateModalContent({
           <NameserverTemplate
             onClick={() => onePresetSelection(NameserverPresets.Google)}
             src={GoogleLogo}
-            title={"Google DNS"}
-            description={
-              "A free, global DNS resolution service by Google that implements a number of security, performance, and compliance improvements."
-            }
+            title={t("nameserverTemplate.google")}
+            description={t("nameserverTemplate.googleDesc")}
             href={"https://developers.google.com/speed/public-dns"}
           />
           <NameserverTemplate
             onClick={() => onePresetSelection(NameserverPresets.Cloudflare)}
             src={CloudflareLogo}
-            title={"Cloudflare DNS"}
-            description={
-              "Enterprise-grade DNS service that offers the fastest response time, unparalleled redundancy, and advanced security with built-in DDoS mitigation and DNSSEC."
-            }
+            title={t("nameserverTemplate.cloudflare")}
+            description={t("nameserverTemplate.cloudflareDesc")}
             href={"https://www.cloudflare.com/learning/dns/what-is-1.1.1.1/"}
           />
           <NameserverTemplate
             onClick={() => onePresetSelection(NameserverPresets.Quad9)}
             src={Quad9Logo}
-            title={"Quad9 DNS"}
-            description={
-              "The Quad9 DNS service is operated by the Swiss-based Quad9 Foundation, whose mission is to provide a safer and more robust Internet for everyone."
-            }
+            title={t("nameserverTemplate.quad9")}
+            description={t("nameserverTemplate.quad9Desc")}
             href={"https://quad9.net/"}
           />
           <NameserverTemplate
             onClick={() => onePresetSelection(NameserverPresets.Default)}
             icon={<GlobeIcon size={30} className={"text-netbird"} />}
-            title={"Custom DNS"}
-            description={
-              "Use custom nameservers to resolve domains in your network. You can either use a public DNS or your own nameservers."
-            }
+            title={t("nameserverTemplate.custom")}
+            description={t("nameserverTemplate.customDesc")}
           />
         </div>
       </div>
@@ -125,6 +119,7 @@ function NameserverTemplate({
   href?: string;
   hrefTitle?: string;
 }>) {
+  const { t } = useI18n();
   return (
     <button
       className={
@@ -158,7 +153,7 @@ function NameserverTemplate({
                 e.stopPropagation();
               }}
             >
-              {hrefTitle || "Learn more"}
+              {hrefTitle || t("nameserverTemplate.learnMore")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </div>
diff --git a/src/modules/dns/nameservers/table/NameserverActionCell.tsx b/src/modules/dns/nameservers/table/NameserverActionCell.tsx
index b5d1777a..fff50a8a 100644
--- a/src/modules/dns/nameservers/table/NameserverActionCell.tsx
+++ b/src/modules/dns/nameservers/table/NameserverActionCell.tsx
@@ -6,6 +6,7 @@ import * as React from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NameserverGroup } from "@/interfaces/Nameserver";
 
 type Props = {
@@ -16,25 +17,25 @@ export default function NameserverActionCell({ ns }: Readonly<Props>) {
   const nsRequest = useApiCall<NameserverGroup>("/dns/nameservers");
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const deleteRule = async () => {
     notify({
-      title: "Nameserver " + ns.name,
-      description: "The nameserver was successfully removed.",
+      title: t("nameservers.deleteSuccessTitle", { name: ns.name }),
+      description: t("nameservers.deleteSuccessDescription"),
       promise: nsRequest.del("", `/${ns.id}`).then(() => {
         mutate("/dns/nameservers");
       }),
-      loadingMessage: "Deleting the nameserver...",
+      loadingMessage: t("nameservers.deleting"),
     });
   };
 
   const openConfirm = async () => {
     const choice = await confirm({
-      title: `Delete '${ns.name}'?`,
-      description:
-        "Are you sure you want to delete this nameserver? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("nameservers.deleteConfirmTitle", { name: ns.name }),
+      description: t("nameservers.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -50,7 +51,7 @@ export default function NameserverActionCell({ ns }: Readonly<Props>) {
         disabled={!permission.nameservers.delete}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/dns/nameservers/table/NameserverGroupTable.tsx b/src/modules/dns/nameservers/table/NameserverGroupTable.tsx
index 69f81dc7..89d144b8 100644
--- a/src/modules/dns/nameservers/table/NameserverGroupTable.tsx
+++ b/src/modules/dns/nameservers/table/NameserverGroupTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import ButtonGroup from "@components/ButtonGroup";
 import Card from "@components/Card";
@@ -11,12 +13,13 @@ import GetStartedTest from "@components/ui/GetStartedTest";
 import { ColumnDef, SortingState } from "@tanstack/react-table";
 import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import { usePathname } from "next/navigation";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import DNSIcon from "@/assets/icons/DNSIcon";
 import NoResults from "@/components/ui/NoResults";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { NameserverGroup } from "@/interfaces/Nameserver";
 import NameserverModal from "@/modules/dns/nameservers/NameserverModal";
@@ -28,67 +31,90 @@ import NameserverMatchDomainsCell from "@/modules/dns/nameservers/table/Nameserv
 import NameserverNameCell from "@/modules/dns/nameservers/table/NameserverNameCell";
 import NameserverNameserversCell from "@/modules/dns/nameservers/table/NameserverNameserversCell";
 
-export const NameserverGroupTableColumns: ColumnDef<NameserverGroup>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <NameserverNameCell ns={row.original} />,
-  },
-  {
-    accessorKey: "description",
-    sortingFn: "text",
-  },
-  {
-    id: "domain_list",
-    accessorFn: (row) => row.domains?.map((d) => d).join(", "),
-  },
-  {
-    id: "ns_list",
-    accessorFn: (row) => row.nameservers?.map((n) => n.ip).join(", "),
-  },
-  {
-    accessorKey: "enabled",
-    sortingFn: "basic",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Active</DataTableHeader>;
-    },
-    cell: ({ row }) => <NameserverActiveCell ns={row.original} />,
-  },
-  {
-    accessorFn: (row) => row.domains?.length || 0,
-    id: "domains",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Match Domains</DataTableHeader>;
-    },
-    cell: ({ row }) => <NameserverMatchDomainsCell ns={row.original} />,
-  },
-  {
-    accessorFn: (row) => row.nameservers?.length || 0,
-    id: "nameservers",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Nameservers</DataTableHeader>;
-    },
-    cell: ({ row }) => <NameserverNameserversCell ns={row.original} />,
-  },
-  {
-    accessorFn: (row) => row.groups?.length || 0,
-    id: "groups",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader column={column}>Distribution Groups</DataTableHeader>
-      );
-    },
-    cell: ({ row }) => <NameserverDistributionGroupsCell ns={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ cell }) => <NameserverActionCell ns={cell.row.original} />,
-  },
-];
+function useNameserverGroupTableColumns() {
+  const { t } = useI18n();
+
+  return useMemo<ColumnDef<NameserverGroup>[]>(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <NameserverNameCell ns={row.original} />,
+      },
+      {
+        accessorKey: "description",
+        sortingFn: "text",
+      },
+      {
+        id: "domain_list",
+        accessorFn: (row) => row.domains?.map((d) => d).join(", "),
+      },
+      {
+        id: "ns_list",
+        accessorFn: (row) => row.nameservers?.map((n) => n.ip).join(", "),
+      },
+      {
+        accessorKey: "enabled",
+        sortingFn: "basic",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("nameservers.enabled")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <NameserverActiveCell ns={row.original} />,
+      },
+      {
+        accessorFn: (row) => row.domains?.length || 0,
+        id: "domains",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("nameservers.matchDomains")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <NameserverMatchDomainsCell ns={row.original} />,
+      },
+      {
+        accessorFn: (row) => row.nameservers?.length || 0,
+        id: "nameservers",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("nameservers.nameservers")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <NameserverNameserversCell ns={row.original} />,
+      },
+      {
+        accessorFn: (row) => row.groups?.length || 0,
+        id: "groups",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("nameservers.distributionGroups")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <NameserverDistributionGroupsCell ns={row.original} />
+        ),
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ cell }) => <NameserverActionCell ns={cell.row.original} />,
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   nameserverGroups?: NameserverGroup[];
@@ -108,8 +134,9 @@ export default function NameserverGroupTable({
   const { mutate } = useSWRConfig();
   const path = usePathname();
   const { permission } = usePermissions();
+  const { t } = useI18n();
+  const columns = useNameserverGroupTableColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -138,7 +165,7 @@ export default function NameserverGroupTable({
       <DataTable
         headingTarget={headingTarget}
         isLoading={isLoading}
-        text={"Network Routes"}
+        text={t("nameservers.tableTitle")}
         sorting={sorting}
         setSorting={setSorting}
         wrapperComponent={isGroupPage ? Card : undefined}
@@ -159,18 +186,16 @@ export default function NameserverGroupTable({
           setEditModal(true);
           setCurrentCellClicked(cell);
         }}
-        columns={NameserverGroupTableColumns}
+        columns={columns}
         data={nameserverGroups}
-        searchPlaceholder={"Search by name, domains or nameservers..."}
+        searchPlaceholder={t("nameservers.searchPlaceholder")}
         getStartedCard={
           isGroupPage ? (
             <NoResults
               icon={<DNSIcon className={"fill-nb-gray-200"} size={20} />}
               className={"py-4"}
-              title={"This group is not used within any nameservers yet"}
-              description={
-                "Assign this group as a distribution group in your nameservers to see them listed here."
-              }
+              title={t("nameservers.emptyGroupTitle")}
+              description={t("nameservers.emptyGroupDescription")}
             >
               <NameserverTemplateModal distributionGroups={distributionGroups}>
                 <Button
@@ -179,7 +204,7 @@ export default function NameserverGroupTable({
                   disabled={!permission.nameservers.create}
                 >
                   <PlusCircle size={16} />
-                  Add Nameserver
+                  {t("nameservers.add")}
                 </Button>
               </NameserverTemplateModal>
             </NoResults>
@@ -192,10 +217,8 @@ export default function NameserverGroupTable({
                   size={"large"}
                 />
               }
-              title={"Create Nameserver"}
-              description={
-                "It looks like you don't have any nameservers. Get started by adding one to your network. Select a predefined or add your custom nameservers."
-              }
+              title={t("nameservers.emptyTitle")}
+              description={t("nameservers.emptyDescription")}
               button={
                 <div className={"flex flex-col"}>
                   <div>
@@ -208,7 +231,7 @@ export default function NameserverGroupTable({
                         disabled={!permission.nameservers.create}
                       >
                         <PlusCircle size={16} />
-                        Add Nameserver
+                        {t("nameservers.add")}
                       </Button>
                     </NameserverTemplateModal>
                   </div>
@@ -216,7 +239,7 @@ export default function NameserverGroupTable({
               }
               learnMore={
                 <>
-                  Learn more about
+                  {t("common.learnMorePrefix")}
                   <InlineLink
                     href={
                       "https://docs.netbird.io/how-to/manage-dns-in-your-network"
@@ -233,7 +256,7 @@ export default function NameserverGroupTable({
         }
         rightSide={() => (
           <>
-            {nameserverGroups && nameserverGroups?.length > 0 && (
+            {nameserverGroups && nameserverGroups.length > 0 && (
               <NameserverTemplateModal distributionGroups={distributionGroups}>
                 <Button
                   variant={"primary"}
@@ -241,7 +264,7 @@ export default function NameserverGroupTable({
                   disabled={!permission.nameservers.create}
                 >
                   <PlusCircle size={16} />
-                  Add Nameserver
+                  {t("nameservers.add")}
                 </Button>
               </NameserverTemplateModal>
             )}
@@ -263,7 +286,7 @@ export default function NameserverGroupTable({
                     : "secondary"
                 }
               >
-                Enabled
+                {t("nameservers.enabled")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -277,7 +300,7 @@ export default function NameserverGroupTable({
                     : "secondary"
                 }
               >
-                All
+                {t("filters.all")}
               </ButtonGroup.Button>
             </ButtonGroup>
             <DataTableRowsPerPage
diff --git a/src/modules/dns/zones/DNSRecordModal.tsx b/src/modules/dns/zones/DNSRecordModal.tsx
index 1125b806..22946d16 100644
--- a/src/modules/dns/zones/DNSRecordModal.tsx
+++ b/src/modules/dns/zones/DNSRecordModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import HelpText from "@components/HelpText";
 import InlineLink from "@components/InlineLink";
@@ -24,6 +26,7 @@ import { validator } from "@utils/helpers";
 import { Address4, Address6 } from "ip-address";
 import { ClockIcon, ExternalLinkIcon, GlobeIcon } from "lucide-react";
 import React, { useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   DNS_RECORDS_DOCS_LINK,
   DNSRecord,
@@ -87,6 +90,7 @@ export function DNSRecordModalContent({
   record,
 }: Readonly<ModalProps>) {
   const { addRecord, updateRecord } = useDNSZones();
+  const { t } = useI18n();
 
   const getInitialDomain = () => {
     if (!record) return "";
@@ -98,6 +102,25 @@ export function DNSRecordModalContent({
   const [ttl, setTtl] = useState(record ? record.ttl.toString() : "300");
   const [type, setType] = useState<DNSRecordType>(record?.type ?? "A");
   const [recordValue, setRecordValue] = useState(record?.content ?? "");
+  const getTTLText = (seconds: number) => {
+    if (seconds < 60) return t("zones.time.sec", { count: seconds });
+    if (seconds < 3600) {
+      const minutes = seconds / 60;
+      return minutes === 1
+        ? t("zones.time.min.one")
+        : t("zones.time.min.other", { count: minutes });
+    }
+    if (seconds < 86400) {
+      const hours = seconds / 3600;
+      return hours === 1
+        ? t("zones.time.hour.one")
+        : t("zones.time.hour.other", { count: hours });
+    }
+    const days = seconds / 86400;
+    return days === 1
+      ? t("zones.time.day.one")
+      : t("zones.time.day.other", { count: days });
+  };
 
   const domainError = useMemo(() => {
     if (domain == "") return "";
@@ -107,25 +130,25 @@ export function DNSRecordModalContent({
       allowOnlyTld: true,
     });
     if (!valid) {
-      return "Please enter a valid domain, e.g. example.com or intra.example.com";
+      return t("zones.recordDomainError");
     }
-  }, [domain]);
+  }, [domain, t]);
 
   const ipv4Error = useMemo(() => {
     if (recordValue === "" || type !== "A") return "";
     const valid = Address4.isValid(recordValue);
     if (!valid) {
-      return "Please enter a valid IPv4 address, e.g. 192.168.1.1";
+      return t("zones.ipv4Error");
     }
-  }, [recordValue, type]);
+  }, [recordValue, type, t]);
 
   const ipv6Error = useMemo(() => {
     if (recordValue === "" || type !== "AAAA") return "";
     const valid = Address6.isValid(recordValue);
     if (!valid) {
-      return "Please enter a valid IPv6 address, e.g. 2001:0db8:85a3::8a2e:0370:7334";
+      return t("zones.ipv6Error");
     }
-  }, [recordValue, type]);
+  }, [recordValue, type, t]);
 
   const cnameError = useMemo(() => {
     if (recordValue === "" || type !== "CNAME") return "";
@@ -134,9 +157,9 @@ export function DNSRecordModalContent({
       allowOnlyTld: false,
     });
     if (!valid) {
-      return "Please enter a valid domain, e.g. example.com or server.example.com";
+      return t("zones.cnameError");
     }
-  }, [recordValue, type]);
+  }, [recordValue, type, t]);
 
   const handleAddRecord = async () => {
     const name = domain !== "" ? `${domain}.${zone.domain}` : zone.domain;
@@ -169,11 +192,15 @@ export function DNSRecordModalContent({
   return (
     <ModalContent maxWidthClass={"max-w-xl"}>
       <ModalHeader
-        title={record ? "Update DNS Record" : "Add DNS Record"}
+        title={
+          record
+            ? t("zones.recordModalUpdateTitle")
+            : t("zones.recordModalAddTitle")
+        }
         description={
           record
-            ? `Update record of '${zone.domain}' zone`
-            : `Add new record to the '${zone.domain}' zone`
+            ? t("zones.recordModalUpdateDescription", { zone: zone.domain })
+            : t("zones.recordModalAddDescription", { zone: zone.domain })
         }
         icon={<GlobeIcon size={16} />}
       />
@@ -181,9 +208,9 @@ export function DNSRecordModalContent({
       <div className={"px-8 py-6 flex flex-col gap-6"}>
         <div className={"flex items-center justify-between gap-10"}>
           <div>
-            <Label>Record Type</Label>
+            <Label>{t("zones.recordType")}</Label>
             <HelpText className={"max-w-sm"}>
-              Select the type of record you want to add
+              {t("zones.recordTypeHelp")}
             </HelpText>
           </div>
           <div className={"min-w-[130px]"}>
@@ -198,7 +225,7 @@ export function DNSRecordModalContent({
                 className="w-full pl-4"
                 data-cy={"dns-record-type-select"}
               >
-                <SelectValue placeholder="Select type..." />
+                <SelectValue placeholder={t("zones.selectType")} />
               </SelectTrigger>
               <SelectContent>
                 <SelectItem value="A">A</SelectItem>
@@ -209,15 +236,12 @@ export function DNSRecordModalContent({
           </div>
         </div>
         <div className={"w-full mb-3"}>
-          <Label>Hostname</Label>
-          <HelpText>
-            Enter a subdomain, wildcard or leave empty to use the primary
-            domain.
-          </HelpText>
+          <Label>{t("zones.hostname")}</Label>
+          <HelpText>{t("zones.hostnameHelp")}</HelpText>
           <div className={"flex w-full"}>
             <Input
               autoFocus={true}
-              placeholder={"E.g., dev, * or leave empty for primary domain"}
+              placeholder={t("zones.hostnamePlaceholder")}
               errorTooltip={true}
               errorTooltipPosition={"bottom"}
               error={domainError}
@@ -239,10 +263,10 @@ export function DNSRecordModalContent({
         <div className={"flex gap-4 items-start mb-3"}>
           {type === "A" && (
             <div className={"flex-1"}>
-              <Label>IPv4 Address</Label>
+              <Label>{t("zones.ipv4Address")}</Label>
               <Input
                 className={"mt-1.5 font-mono text-[0.82rem]"}
-                placeholder={"192.168.1.1"}
+                placeholder={t("zones.ipv4Placeholder")}
                 errorTooltip={false}
                 errorTooltipPosition={"top"}
                 error={ipv4Error}
@@ -255,10 +279,10 @@ export function DNSRecordModalContent({
 
           {type === "AAAA" && (
             <div className={"flex-1"}>
-              <Label>IPv6 Address</Label>
+              <Label>{t("zones.ipv6Address")}</Label>
               <Input
                 className={"mt-1.5 font-mono text-[0.82rem]"}
-                placeholder={"2001:0db8:85a3::8a2e:0370:7334"}
+                placeholder={t("zones.ipv6Placeholder")}
                 errorTooltip={false}
                 errorTooltipPosition={"top"}
                 error={ipv6Error}
@@ -271,10 +295,10 @@ export function DNSRecordModalContent({
 
           {type === "CNAME" && (
             <div className={"flex-1"}>
-              <Label>Target Domain</Label>
+              <Label>{t("zones.targetDomain")}</Label>
               <Input
                 className={"mt-1.5"}
-                placeholder={"e.g., example.com or intra.example.com"}
+                placeholder={t("zones.targetDomainPlaceholder")}
                 errorTooltip={false}
                 errorTooltipPosition={"top"}
                 error={cnameError}
@@ -286,7 +310,7 @@ export function DNSRecordModalContent({
           )}
 
           <div className={"min-w-[200px]"}>
-            <Label>TTL (Time to Live)</Label>
+            <Label>{t("zones.ttl")}</Label>
             <div className={"mt-2.5"}>
               <Select value={ttl} onValueChange={(v) => setTtl(v)}>
                 <SelectTrigger
@@ -295,20 +319,20 @@ export function DNSRecordModalContent({
                 >
                   <div className={"flex items-center gap-2"}>
                     <ClockIcon size={14} className={"text-nb-gray-300"} />
-                    <SelectValue placeholder="Select TTL..." />
+                    <SelectValue placeholder={t("zones.selectTtl")} />
                   </div>
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="60">{getTTLLabel(60)}</SelectItem>
-                  <SelectItem value="120">{getTTLLabel(120)}</SelectItem>
-                  <SelectItem value="300">{getTTLLabel(300)}</SelectItem>
-                  <SelectItem value="600">{getTTLLabel(600)}</SelectItem>
-                  <SelectItem value="900">{getTTLLabel(900)}</SelectItem>
-                  <SelectItem value="1800">{getTTLLabel(1800)}</SelectItem>
-                  <SelectItem value="3600">{getTTLLabel(3600)}</SelectItem>
-                  <SelectItem value="7200">{getTTLLabel(7200)}</SelectItem>
-                  <SelectItem value="43200">{getTTLLabel(43200)}</SelectItem>
-                  <SelectItem value="86400">{getTTLLabel(86400)}</SelectItem>
+                  <SelectItem value="60">{getTTLText(60)}</SelectItem>
+                  <SelectItem value="120">{getTTLText(120)}</SelectItem>
+                  <SelectItem value="300">{getTTLText(300)}</SelectItem>
+                  <SelectItem value="600">{getTTLText(600)}</SelectItem>
+                  <SelectItem value="900">{getTTLText(900)}</SelectItem>
+                  <SelectItem value="1800">{getTTLText(1800)}</SelectItem>
+                  <SelectItem value="3600">{getTTLText(3600)}</SelectItem>
+                  <SelectItem value="7200">{getTTLText(7200)}</SelectItem>
+                  <SelectItem value="43200">{getTTLText(43200)}</SelectItem>
+                  <SelectItem value="86400">{getTTLText(86400)}</SelectItem>
                 </SelectContent>
               </Select>
             </div>
@@ -319,9 +343,9 @@ export function DNSRecordModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink href={DNS_RECORDS_DOCS_LINK} target={"_blank"}>
-              DNS Records
+              {t("zones.recordsLearnMore")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
@@ -330,14 +354,14 @@ export function DNSRecordModalContent({
         <div className={"flex gap-3 w-full justify-end"}>
           <>
             <ModalClose asChild={true}>
-              <Button variant={"secondary"}>Cancel</Button>
+              <Button variant={"secondary"}>{t("actions.cancel")}</Button>
             </ModalClose>
             <Button
               variant={"primary"}
               onClick={handleAddRecord}
               disabled={!canUpdateOrCreate}
             >
-              {record ? "Save Changes" : "Add Record"}
+              {record ? t("actions.saveChanges") : t("zones.addRecord")}
             </Button>
           </>
         </div>
@@ -345,17 +369,3 @@ export function DNSRecordModalContent({
     </ModalContent>
   );
 }
-
-export const getTTLLabel = (seconds: number): string => {
-  if (seconds < 60) return `${seconds} Sec.`;
-  if (seconds < 3600) {
-    const minutes = seconds / 60;
-    return minutes === 1 ? "1 Min." : `${minutes} Min.`;
-  }
-  if (seconds < 86400) {
-    const hours = seconds / 3600;
-    return hours === 1 ? "1 Hour" : `${hours} Hours`;
-  }
-  const days = seconds / 86400;
-  return days === 1 ? "1 Day" : `${days} Days`;
-};
diff --git a/src/modules/dns/zones/DNSZoneModal.tsx b/src/modules/dns/zones/DNSZoneModal.tsx
index 62774c76..a2952adf 100644
--- a/src/modules/dns/zones/DNSZoneModal.tsx
+++ b/src/modules/dns/zones/DNSZoneModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import FancyToggleSwitch from "@components/FancyToggleSwitch";
 import HelpText from "@components/HelpText";
@@ -18,6 +20,7 @@ import Separator from "@components/Separator";
 import { validator } from "@utils/helpers";
 import { ExternalLinkIcon, Power, ScanSearch } from "lucide-react";
 import React, { useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNS_ZONE_DOCS_LINK, DNSZone } from "@/interfaces/DNS";
 import { useDNSZones } from "@/modules/dns/zones/DNSZonesProvider";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
@@ -77,6 +80,7 @@ export function DNSZoneModalContent({
   zone,
   initialDistributionGroups,
 }: Readonly<ModalProps>) {
+  const { t } = useI18n();
   const { createZone, updateZone } = useDNSZones();
   const [domain, setDomain] = useState(zone?.domain ?? "");
   const [enabled, setEnabled] = useState<boolean>(zone?.enabled ?? true);
@@ -95,9 +99,9 @@ export function DNSZoneModalContent({
       preventLeadingAndTrailingDots: true,
     });
     if (!valid) {
-      return "Please enter a valid domain, e.g. internal, company.internal or intra.example.com";
+      return t("zones.domainError");
     }
-  }, [domain]);
+  }, [domain, t]);
 
   const handleOnSubmit = async () => {
     return saveGroups().then((distributionGroups) => {
@@ -130,10 +134,8 @@ export function DNSZoneModalContent({
     <ModalContent maxWidthClass={"max-w-2xl"}>
       <ModalHeader
         icon={<DNSZoneIcon size={20} className={"fill-netbird"} />}
-        title={zone ? "Update DNS Zone" : "Add DNS Zone"}
-        description={
-          "Use a zone to control domain name resolution for your network."
-        }
+        title={zone ? t("zones.modalUpdateTitle") : t("zones.modalAddTitle")}
+        description={t("zones.modalDescription")}
         color={"netbird"}
       />
 
@@ -141,15 +143,12 @@ export function DNSZoneModalContent({
 
       <div className={"px-8 pt-6 pb-7 flex-col flex gap-6"}>
         <div>
-          <Label>Domain</Label>
-          <HelpText>
-            Enter a domain for this zone (e.g., company.internal,
-            intra.example.com)
-          </HelpText>
+          <Label>{t("zones.domain")}</Label>
+          <HelpText>{t("zones.domainHelp")}</HelpText>
           <Input
             disabled={!!zone}
             readOnly={!!zone}
-            placeholder={"e.g., company.internal"}
+            placeholder={t("zones.domainPlaceholder")}
             errorTooltip={false}
             errorTooltipPosition={"top"}
             error={domainError}
@@ -158,11 +157,8 @@ export function DNSZoneModalContent({
           />
         </div>
         <div className={"mb-2"}>
-          <Label>Distribution Groups</Label>
-          <HelpText>
-            Advertise this zone and its records to peers that belong to the
-            following groups
-          </HelpText>
+          <Label>{t("zones.distributionGroups")}</Label>
+          <HelpText>{t("zones.distributionGroupsHelp")}</HelpText>
           <PeerGroupSelector
             onChange={setGroups}
             values={groups}
@@ -177,12 +173,10 @@ export function DNSZoneModalContent({
           label={
             <>
               <ScanSearch size={15} />
-              Enable Search Domains
+              {t("zones.enableSearchDomains")}
             </>
           }
-          helpText={
-            "E.g., 'server.company.internal' will be accessible with 'server'"
-          }
+          helpText={t("zones.enableSearchDomainsHelp")}
         />
 
         <FancyToggleSwitch
@@ -191,33 +185,33 @@ export function DNSZoneModalContent({
           label={
             <>
               <Power size={15} />
-              Enable DNS Zone
+              {t("zones.enableLabel")}
             </>
           }
-          helpText={"Use this switch to enable or disable the dns zone."}
+          helpText={t("zones.enableHelp")}
         />
       </div>
 
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink href={DNS_ZONE_DOCS_LINK} target={"_blank"}>
-              DNS Zones
+              {t("zones.learnMoreLink")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             variant={"primary"}
             onClick={handleOnSubmit}
             disabled={!canUpdateOrCreate}
           >
-            {zone ? "Save Changes" : "Add Zone"}
+            {zone ? t("actions.saveChanges") : t("zones.add")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/dns/zones/DNSZonesProvider.tsx b/src/modules/dns/zones/DNSZonesProvider.tsx
index c3b3e4d3..c77df522 100644
--- a/src/modules/dns/zones/DNSZonesProvider.tsx
+++ b/src/modules/dns/zones/DNSZonesProvider.tsx
@@ -4,6 +4,7 @@ import * as React from "react";
 import { useState } from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNSRecord, DNSZone } from "@/interfaces/DNS";
 import { Group } from "@/interfaces/Group";
 import DNSRecordModal from "@/modules/dns/zones/DNSRecordModal";
@@ -32,6 +33,7 @@ const DNSZonesContext = React.createContext(
 
 export const DNSZonesProvider = ({ children }: Props) => {
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
   const zoneRequest = useApiCall<DNSZone>("/dns/zones", true);
   const recordRequest = useApiCall<DNSRecord>("/dns/zones", true);
   const [dnsModal, setDnsModal] = useState(false);
@@ -49,10 +51,10 @@ export const DNSZonesProvider = ({ children }: Props) => {
     });
 
     notify({
-      title: `DNS Zone '${zone.domain}'`,
-      description: `DNS Zone was added successfully.`,
+      title: t("zones.notifyTitle", { domain: zone.domain }),
+      description: t("zones.createdDescription"),
       promise: promise,
-      loadingMessage: "Adding DNS Zone...",
+      loadingMessage: t("zones.creating"),
     });
 
     return promise;
@@ -66,10 +68,10 @@ export const DNSZonesProvider = ({ children }: Props) => {
     });
 
     notify({
-      title: `DNS Zone '${zone.domain}'`,
-      description: `DNS Zone was updated successfully.`,
+      title: t("zones.notifyTitle", { domain: zone.domain }),
+      description: t("zones.updatedDescription"),
       promise: promise,
-      loadingMessage: "Updating DNS Zone...",
+      loadingMessage: t("zones.updating"),
     });
 
     return promise;
@@ -79,11 +81,10 @@ export const DNSZonesProvider = ({ children }: Props) => {
     if (!zone?.id) return Promise.reject("Can not delete DNS Zone without ID");
 
     const choice = await confirm({
-      title: `Delete zone '${zone.domain}'?`,
-      description:
-        "Are you sure you want to delete this zone? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("zones.deleteConfirmTitle", { domain: zone.domain }),
+      description: t("zones.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
       maxWidthClass: "max-w-md",
     });
@@ -95,10 +96,10 @@ export const DNSZonesProvider = ({ children }: Props) => {
     });
 
     notify({
-      title: `DNS Zone '${zone.domain}'`,
-      description: `DNS Zone was deleted successfully.`,
+      title: t("zones.notifyTitle", { domain: zone.domain }),
+      description: t("zones.deletedDescription"),
       promise: promise,
-      loadingMessage: "Deleting DNS Zone...",
+      loadingMessage: t("zones.deleting"),
     });
 
     return promise;
@@ -118,10 +119,13 @@ export const DNSZonesProvider = ({ children }: Props) => {
       });
 
     notify({
-      title: `${record.type} Record '${record.name}'`,
-      description: `DNS Record was added successfully.`,
+      title: t("zones.recordNotifyTitle", {
+        type: record.type,
+        name: record.name,
+      }),
+      description: t("zones.recordCreatedDescription"),
       promise: promise,
-      loadingMessage: "Adding DNS Record...",
+      loadingMessage: t("zones.recordCreating"),
     });
 
     return promise;
@@ -143,10 +147,13 @@ export const DNSZonesProvider = ({ children }: Props) => {
       });
 
     notify({
-      title: `${record.type} Record '${record.name}'`,
-      description: `DNS Record was updated successfully.`,
+      title: t("zones.recordNotifyTitle", {
+        type: record.type,
+        name: record.name,
+      }),
+      description: t("zones.recordUpdatedDescription"),
       promise: promise,
-      loadingMessage: "Updating DNS Record...",
+      loadingMessage: t("zones.recordUpdating"),
     });
 
     return promise;
@@ -162,11 +169,10 @@ export const DNSZonesProvider = ({ children }: Props) => {
       return Promise.reject("Can not delete DNS Record without ID");
 
     const choice = await confirm({
-      title: `Delete record '${record.name}'?`,
-      description:
-        "Are you sure you want to delete this record? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("zones.recordDeleteConfirmTitle", { name: record.name }),
+      description: t("zones.recordDeleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
       maxWidthClass: "max-w-md",
     });
@@ -180,10 +186,13 @@ export const DNSZonesProvider = ({ children }: Props) => {
       });
 
     notify({
-      title: `${record.type} Record '${record.name}'`,
-      description: `DNS Record was deleted successfully.`,
+      title: t("zones.recordNotifyTitle", {
+        type: record.type,
+        name: record.name,
+      }),
+      description: t("zones.recordDeletedDescription"),
       promise: promise,
-      loadingMessage: "Deleting DNS Record...",
+      loadingMessage: t("zones.recordDeleting"),
     });
 
     return promise;
@@ -203,11 +212,10 @@ export const DNSZonesProvider = ({ children }: Props) => {
 
   const askForRecord = async (zone: DNSZone) => {
     const choice = await confirm({
-      title: `Add new record to '${zone.name}'?`,
-      description:
-        "Add either an A, AAAA or a CNAME record to control domain name resolution for your network.",
-      confirmText: "Add Record",
-      cancelText: "Later",
+      title: t("zones.askRecordTitle", { name: zone.name }),
+      description: t("zones.askRecordDescription"),
+      confirmText: t("zones.addRecord"),
+      cancelText: t("zones.later"),
       type: "default",
       maxWidthClass: "max-w-md",
     });
diff --git a/src/modules/dns/zones/records/DNSRecordActionCell.tsx b/src/modules/dns/zones/records/DNSRecordActionCell.tsx
index 399206ee..294f3678 100644
--- a/src/modules/dns/zones/records/DNSRecordActionCell.tsx
+++ b/src/modules/dns/zones/records/DNSRecordActionCell.tsx
@@ -1,7 +1,10 @@
+"use client";
+
 import Button from "@components/Button";
 import { PenSquare, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNSRecord } from "@/interfaces/DNS";
 import { useDNSZones } from "@/modules/dns/zones/DNSZonesProvider";
 import { useDNSZone } from "@/modules/dns/zones/records/DNSRecordsTable";
@@ -14,6 +17,7 @@ export const DNSRecordActionCell = ({ record }: Props) => {
   const { permission } = usePermissions();
   const { deleteRecord, openRecordModal } = useDNSZones();
   const zone = useDNSZone();
+  const { t } = useI18n();
 
   return (
     <div className={"flex justify-end pr-4"}>
@@ -24,7 +28,7 @@ export const DNSRecordActionCell = ({ record }: Props) => {
         disabled={!permission?.dns?.update}
       >
         <PenSquare size={16} />
-        Edit
+        {t("actions.edit")}
       </Button>
       <Button
         variant={"danger-outline"}
@@ -33,7 +37,7 @@ export const DNSRecordActionCell = ({ record }: Props) => {
         disabled={!permission?.dns?.delete}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/dns/zones/records/DNSRecordTimeToLiveCell.tsx b/src/modules/dns/zones/records/DNSRecordTimeToLiveCell.tsx
index 0dccd9bf..6fac36aa 100644
--- a/src/modules/dns/zones/records/DNSRecordTimeToLiveCell.tsx
+++ b/src/modules/dns/zones/records/DNSRecordTimeToLiveCell.tsx
@@ -1,13 +1,35 @@
 import { ClockIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNSRecord } from "@/interfaces/DNS";
-import { getTTLLabel } from "@/modules/dns/zones/DNSRecordModal";
 
 type Props = {
   record: DNSRecord;
 };
 
 export const DNSRecordTimeToLiveCell = ({ record }: Props) => {
+  const { t } = useI18n();
+
+  const getTTLLabel = (seconds: number) => {
+    if (seconds < 60) return t("zones.time.sec", { count: seconds });
+    if (seconds < 3600) {
+      const minutes = seconds / 60;
+      return minutes === 1
+        ? t("zones.time.min.one")
+        : t("zones.time.min.other", { count: minutes });
+    }
+    if (seconds < 86400) {
+      const hours = seconds / 3600;
+      return hours === 1
+        ? t("zones.time.hour.one")
+        : t("zones.time.hour.other", { count: hours });
+    }
+    const days = seconds / 86400;
+    return days === 1
+      ? t("zones.time.day.one")
+      : t("zones.time.day.other", { count: days });
+  };
+
   return (
     <div
       className={
diff --git a/src/modules/dns/zones/records/DNSRecordsTable.tsx b/src/modules/dns/zones/records/DNSRecordsTable.tsx
index a2b84b9d..15b6a07f 100644
--- a/src/modules/dns/zones/records/DNSRecordsTable.tsx
+++ b/src/modules/dns/zones/records/DNSRecordsTable.tsx
@@ -3,6 +3,7 @@ import DataTableHeader from "@components/table/DataTableHeader";
 import { ColumnDef, SortingState } from "@tanstack/react-table";
 import React, { createContext, useContext, useState } from "react";
 import { DNSRecord, DNSZone } from "@/interfaces/DNS";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNSRecordActionCell } from "@/modules/dns/zones/records/DNSRecordActionCell";
 import { DNSRecordContentCell } from "@/modules/dns/zones/records/DNSRecordContentCell";
 import { DNSRecordNameCell } from "@/modules/dns/zones/records/DNSRecordNameCell";
@@ -13,46 +14,52 @@ type Props = {
   zone: DNSZone;
 };
 
-export const DNSRecordsTableColumns: ColumnDef<DNSRecord>[] = [
-  {
-    accessorKey: "type",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Type</DataTableHeader>;
+export const useDNSRecordsTableColumns = (): ColumnDef<DNSRecord>[] => {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "type",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.type")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <DNSRecordTypeCell record={row.original} />,
+    },
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.hostname")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <DNSRecordNameCell record={row.original} />,
     },
-    cell: ({ row }) => <DNSRecordTypeCell record={row.original} />,
-  },
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Hostname</DataTableHeader>;
+    {
+      accessorKey: "content",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.content")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <DNSRecordContentCell record={row.original} />,
     },
-    cell: ({ row }) => <DNSRecordNameCell record={row.original} />,
-  },
-  {
-    accessorKey: "content",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Content</DataTableHeader>;
+    {
+      accessorKey: "ttl",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.ttl")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <DNSRecordTimeToLiveCell record={row.original} />,
     },
-    cell: ({ row }) => <DNSRecordContentCell record={row.original} />,
-  },
-  {
-    accessorKey: "ttl",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>TTL</DataTableHeader>;
+    {
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <DNSRecordActionCell record={row.original} />,
     },
-    cell: ({ row }) => <DNSRecordTimeToLiveCell record={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <DNSRecordActionCell record={row.original} />,
-  },
-];
+  ];
+};
 
 const ZoneContext = createContext({} as DNSZone);
 
 export default function DNSRecordsTable({ zone }: Props) {
+  const { t } = useI18n();
   const [sorting, setSorting] = useState<SortingState>([]);
+  const columns = useDNSRecordsTableColumns();
 
   return (
     <ZoneContext.Provider value={zone}>
@@ -65,13 +72,13 @@ export default function DNSRecordsTable({ zone }: Props) {
         rowClassName={"last:pb-10"}
         className={"bg-nb-gray-960 py-2"}
         inset={true}
-        text={"DNS Records"}
+        text={t("dns.records")}
         initialPageSize={zone?.records?.length}
         manualPagination={true}
         sorting={sorting}
         columnVisibility={{}}
         setSorting={setSorting}
-        columns={DNSRecordsTableColumns}
+        columns={columns}
         data={zone.records}
       />
     </ZoneContext.Provider>
diff --git a/src/modules/dns/zones/table/DNSZonesActionCell.tsx b/src/modules/dns/zones/table/DNSZonesActionCell.tsx
index aa1a490d..ec5d5c0d 100644
--- a/src/modules/dns/zones/table/DNSZonesActionCell.tsx
+++ b/src/modules/dns/zones/table/DNSZonesActionCell.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import {
   DropdownMenu,
@@ -8,6 +10,7 @@ import {
 import { MoreVertical, SquarePenIcon, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNSZone } from "@/interfaces/DNS";
 import { useDNSZones } from "@/modules/dns/zones/DNSZonesProvider";
 
@@ -18,6 +21,7 @@ type Props = {
 export const DNSZonesActionCell = ({ zone }: Props) => {
   const { permission } = usePermissions();
   const { openZoneModal, deleteZone } = useDNSZones();
+  const { t } = useI18n();
 
   return (
     <div className={"flex justify-end pr-4"}>
@@ -37,7 +41,7 @@ export const DNSZonesActionCell = ({ zone }: Props) => {
           <DropdownMenuItem onClick={() => openZoneModal(zone)}>
             <div className={"flex gap-3 items-center"}>
               <SquarePenIcon size={14} className={"shrink-0"} />
-              Edit
+              {t("actions.edit")}
             </div>
           </DropdownMenuItem>
 
@@ -48,7 +52,7 @@ export const DNSZonesActionCell = ({ zone }: Props) => {
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Delete
+              {t("actions.delete")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/dns/zones/table/DNSZonesGroupCell.tsx b/src/modules/dns/zones/table/DNSZonesGroupCell.tsx
index 3b3fa487..56b452fb 100644
--- a/src/modules/dns/zones/table/DNSZonesGroupCell.tsx
+++ b/src/modules/dns/zones/table/DNSZonesGroupCell.tsx
@@ -1,6 +1,7 @@
 import * as React from "react";
 import { useMemo, useState } from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { DNSZone } from "@/interfaces/DNS";
 import { Group } from "@/interfaces/Group";
@@ -13,6 +14,7 @@ type Props = {
 };
 
 export const DNSZonesGroupCell = ({ zone }: Props) => {
+  const { t } = useI18n();
   const { groups } = useGroups();
   const { updateZone } = useDNSZones();
   const [modal, setModal] = useState(false);
@@ -45,10 +47,8 @@ export const DNSZonesGroupCell = ({ zone }: Props) => {
 
   return (
     <GroupsRow
-      label={"Distribution Groups"}
-      description={
-        "Advertise this zone to peers that belong to the following groups"
-      }
+      label={t("zones.distributionGroups")}
+      description={t("zones.distributionGroupsDescription")}
       groups={groupIDs || []}
       hideAllGroup={false}
       disabled={!permission?.dns?.update}
diff --git a/src/modules/dns/zones/table/DNSZonesRecordsCell.tsx b/src/modules/dns/zones/table/DNSZonesRecordsCell.tsx
index 2607f428..30083d0b 100644
--- a/src/modules/dns/zones/table/DNSZonesRecordsCell.tsx
+++ b/src/modules/dns/zones/table/DNSZonesRecordsCell.tsx
@@ -1,8 +1,11 @@
+"use client";
+
 import Badge from "@components/Badge";
 import Button from "@components/Button";
 import { GlobeIcon, PlusCircle } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNSZone } from "@/interfaces/DNS";
 import { useDNSZones } from "@/modules/dns/zones/DNSZonesProvider";
 
@@ -13,6 +16,7 @@ type Props = {
 export const DNSZonesRecordsCell = ({ zone }: Props) => {
   const { permission } = usePermissions();
   const { openRecordModal } = useDNSZones();
+  const { t } = useI18n();
 
   const recordsCount = zone?.records?.length ?? 0;
 
@@ -40,7 +44,7 @@ export const DNSZonesRecordsCell = ({ zone }: Props) => {
         disabled={!permission?.dns?.create}
       >
         <PlusCircle size={12} />
-        Add Record
+        {t("zones.addRecord")}
       </Button>
     </div>
   );
diff --git a/src/modules/dns/zones/table/DNSZonesTable.tsx b/src/modules/dns/zones/table/DNSZonesTable.tsx
index ff7e946f..b40d1b66 100644
--- a/src/modules/dns/zones/table/DNSZonesTable.tsx
+++ b/src/modules/dns/zones/table/DNSZonesTable.tsx
@@ -1,3 +1,6 @@
+"use client";
+
+import DNSZoneIcon from "@/assets/icons/DNSZoneIcon";
 import Button from "@components/Button";
 import ButtonGroup from "@components/ButtonGroup";
 import Card from "@components/Card";
@@ -14,9 +17,12 @@ import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import { usePathname } from "next/navigation";
 import React, { useMemo } from "react";
 import { useSWRConfig } from "swr";
+import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { DNS_ZONE_DOCS_LINK, DNSZone } from "@/interfaces/DNS";
+import { Group } from "@/interfaces/Group";
 import { useDNSZones } from "@/modules/dns/zones/DNSZonesProvider";
 import DNSRecordsTable from "@/modules/dns/zones/records/DNSRecordsTable";
 import { DNSZonesActionCell } from "@/modules/dns/zones/table/DNSZonesActionCell";
@@ -25,67 +31,75 @@ import { DNSZonesGroupCell } from "@/modules/dns/zones/table/DNSZonesGroupCell";
 import { DNSZonesNameCell } from "@/modules/dns/zones/table/DNSZonesNameCell";
 import { DNSZonesRecordsCell } from "@/modules/dns/zones/table/DNSZonesRecordsCell";
 import { DNSZonesSearchDomainCell } from "@/modules/dns/zones/table/DNSZonesSearchDomainCell";
-import { Group } from "@/interfaces/Group";
-import DNSZoneIcon from "@/assets/icons/DNSZoneIcon";
-import { useGroups } from "@/contexts/GroupsProvider";
 
-export const DNSZonesColumns: ColumnDef<DNSZone>[] = [
-  {
-    accessorKey: "domain",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Zone</DataTableHeader>
-    ),
-    sortingFn: "text",
-    cell: ({ row }) => <DNSZonesNameCell zone={row.original} />,
-  },
-  {
-    accessorKey: "enabled",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Active</DataTableHeader>
-    ),
-    cell: ({ row }) => <DNSZonesActiveCell zone={row.original} />,
-  },
-  {
-    accessorKey: "records",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Records</DataTableHeader>
-    ),
-    sortingFn: "text",
-    cell: ({ row }) => <DNSZonesRecordsCell zone={row.original} />,
-  },
-  {
-    accessorKey: "distribution_groups",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Distribution Groups</DataTableHeader>
-    ),
-    cell: ({ row }) => <DNSZonesGroupCell zone={row.original} />,
-  },
-  {
-    accessorKey: "enable_search_domain",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Search Domain</DataTableHeader>
-    ),
-    cell: ({ row }) => <DNSZonesSearchDomainCell zone={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: () => "",
-    cell: ({ row }) => <DNSZonesActionCell zone={row.original} />,
-  },
-  {
-    id: "searchString",
-    accessorFn: (row) => {
-      return [
-        row?.groups_search,
-        row?.name,
-        row?.domain,
-        row?.records?.map((r) => r.name).join(""),
-        row?.records?.map((r) => r.content).join(""),
-        row?.records?.map((r) => r.type).join(""),
-      ]?.join("");
-    },
-  },
-];
+function useDNSZonesColumns() {
+  const { t } = useI18n();
+
+  return useMemo<ColumnDef<DNSZone>[]>(
+    () => [
+      {
+        accessorKey: "domain",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("zones.zone")}</DataTableHeader>
+        ),
+        sortingFn: "text",
+        cell: ({ row }) => <DNSZonesNameCell zone={row.original} />,
+      },
+      {
+        accessorKey: "enabled",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>
+        ),
+        cell: ({ row }) => <DNSZonesActiveCell zone={row.original} />,
+      },
+      {
+        accessorKey: "records",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("zones.records")}</DataTableHeader>
+        ),
+        sortingFn: "text",
+        cell: ({ row }) => <DNSZonesRecordsCell zone={row.original} />,
+      },
+      {
+        accessorKey: "distribution_groups",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>
+            {t("zones.distributionGroups")}
+          </DataTableHeader>
+        ),
+        cell: ({ row }) => <DNSZonesGroupCell zone={row.original} />,
+      },
+      {
+        accessorKey: "enable_search_domain",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>
+            {t("zones.searchDomain")}
+          </DataTableHeader>
+        ),
+        cell: ({ row }) => <DNSZonesSearchDomainCell zone={row.original} />,
+      },
+      {
+        accessorKey: "id",
+        header: () => "",
+        cell: ({ row }) => <DNSZonesActionCell zone={row.original} />,
+      },
+      {
+        id: "searchString",
+        accessorFn: (row) => {
+          return [
+            row?.groups_search,
+            row?.name,
+            row?.domain,
+            row?.records?.map((r) => r.name).join(""),
+            row?.records?.map((r) => r.content).join(""),
+            row?.records?.map((r) => r.type).join(""),
+          ].join("");
+        },
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   isLoading: boolean;
@@ -105,8 +119,9 @@ export default function DNSZonesTable({
   const { mutate } = useSWRConfig();
   const path = usePathname();
   const { groups } = useGroups();
+  const { t } = useI18n();
+  const columns = useDNSZonesColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -141,10 +156,10 @@ export default function DNSZonesTable({
     <DataTable
       headingTarget={headingTarget}
       isLoading={isLoading}
-      text={"DNS Zones"}
+      text={t("zones.tableTitle")}
       sorting={sorting}
       setSorting={setSorting}
-      columns={DNSZonesColumns}
+      columns={columns}
       data={zonesWithGroups}
       useRowId={true}
       wrapperComponent={isGroupPage ? Card : undefined}
@@ -154,7 +169,7 @@ export default function DNSZonesTable({
       inset={false}
       minimal={isGroupPage}
       keepStateInLocalStorage={!isGroupPage}
-      searchPlaceholder={"Search by domain, ip, content or group..."}
+      searchPlaceholder={t("zones.searchPlaceholder")}
       columnVisibility={{ searchString: false }}
       renderExpandedRow={(zone) => {
         const hasRecords = (zone?.records?.length ?? 0) > 0;
@@ -172,10 +187,8 @@ export default function DNSZonesTable({
             icon={<DNSZoneIcon className={"fill-nb-gray-200"} size={24} />}
             className={"py-4"}
             contentClassName={"max-w-lg"}
-            title={"This group is not used within any zones yet"}
-            description={
-              "Assign this group as a distribution group in your zones to see them listed here."
-            }
+            title={t("zones.emptyGroupTitle")}
+            description={t("zones.emptyGroupDescription")}
           >
             <div className={"gap-x-4 flex items-center justify-center mt-4"}>
               <AddZoneButton distributionGroups={distributionGroups} />
@@ -190,10 +203,8 @@ export default function DNSZonesTable({
                 size={"large"}
               />
             }
-            title={"Create New Zone"}
-            description={
-              "It looks like you don't have any zones. Control domain name resolution for your network by adding a zone."
-            }
+            title={t("zones.emptyTitle")}
+            description={t("zones.emptyDescription")}
             button={
               <div className={"gap-x-4 flex items-center justify-center"}>
                 <AddZoneButton distributionGroups={distributionGroups} />
@@ -201,9 +212,9 @@ export default function DNSZonesTable({
             }
             learnMore={
               <>
-                Learn more about
+                {t("common.learnMorePrefix")}
                 <InlineLink href={DNS_ZONE_DOCS_LINK} target={"_blank"}>
-                  DNS Zones
+                  {t("zones.learnMoreLink")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </>
@@ -213,7 +224,7 @@ export default function DNSZonesTable({
       }
       rightSide={() => (
         <>
-          {data && data?.length > 0 && (
+          {data && data.length > 0 && (
             <div className={"gap-x-4 ml-auto flex"}>
               <AddZoneButton distributionGroups={distributionGroups} />
             </div>
@@ -236,7 +247,7 @@ export default function DNSZonesTable({
                   : "secondary"
               }
             >
-              All
+              {t("filters.all")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
@@ -250,7 +261,7 @@ export default function DNSZonesTable({
                   : "secondary"
               }
             >
-              Active
+              {t("table.active")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
@@ -264,7 +275,7 @@ export default function DNSZonesTable({
                   : "secondary"
               }
             >
-              Inactive
+              {t("accessPolicies.inactive")}
             </ButtonGroup.Button>
           </ButtonGroup>
           <DataTableRowsPerPage table={table} disabled={data?.length == 0} />
@@ -288,6 +299,7 @@ type AddZoneButtonProps = {
 const AddZoneButton = ({ distributionGroups }: AddZoneButtonProps) => {
   const { permission } = usePermissions();
   const { openZoneModal } = useDNSZones();
+  const { t } = useI18n();
 
   return (
     <Button
@@ -297,7 +309,7 @@ const AddZoneButton = ({ distributionGroups }: AddZoneButtonProps) => {
       onClick={() => openZoneModal(undefined, distributionGroups)}
     >
       <PlusCircle size={16} />
-      Add Zone
+      {t("zones.add")}
     </Button>
   );
 };
diff --git a/src/modules/exit-node/AddExitNodeButton.tsx b/src/modules/exit-node/AddExitNodeButton.tsx
index d95a4ad1..bcc8e830 100644
--- a/src/modules/exit-node/AddExitNodeButton.tsx
+++ b/src/modules/exit-node/AddExitNodeButton.tsx
@@ -4,6 +4,7 @@ import { IconCirclePlus, IconDirectionSign } from "@tabler/icons-react";
 import * as React from "react";
 import { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { Peer } from "@/interfaces/Peer";
 import { ExitNodeHelpTooltip } from "@/modules/exit-node/ExitNodeHelpTooltip";
@@ -21,6 +22,7 @@ export const AddExitNodeButton = ({
 }: Props) => {
   const [modal, setModal] = useState(false);
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   return (
     <>
@@ -33,12 +35,12 @@ export const AddExitNodeButton = ({
           {!firstTime ? (
             <>
               <IconCirclePlus size={16} />
-              Add Exit Node
+              {t("exitNodes.add")}
             </>
           ) : (
             <>
               <IconDirectionSign size={16} className={"text-yellow-400"} />
-              Set Up Exit Node
+              {t("exitNodes.setup")}
             </>
           )}
         </Button>
diff --git a/src/modules/exit-node/ExitNodeDropdownButton.tsx b/src/modules/exit-node/ExitNodeDropdownButton.tsx
index 905f7c7a..354f790c 100644
--- a/src/modules/exit-node/ExitNodeDropdownButton.tsx
+++ b/src/modules/exit-node/ExitNodeDropdownButton.tsx
@@ -5,6 +5,7 @@ import * as React from "react";
 import { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import RoutesProvider from "@/contexts/RoutesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { useHasExitNodes } from "@/modules/exit-node/useHasExitNodes";
 import { RouteModalContent } from "@/modules/routes/RouteModal";
@@ -17,6 +18,7 @@ export const ExitNodeDropdownButton = ({ peer }: Props) => {
   const [modal, setModal] = useState(false);
   const exitNodeInfo = useHasExitNodes(peer);
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   return (
     <>
@@ -29,7 +31,7 @@ export const ExitNodeDropdownButton = ({ peer }: Props) => {
             <>
               <IconCirclePlus size={14} className={"shrink-0"} />
               <div className={"flex justify-between items-center w-full"}>
-                Add Exit Node
+                {t("exitNodes.add")}
               </div>
             </>
           ) : (
@@ -39,7 +41,7 @@ export const ExitNodeDropdownButton = ({ peer }: Props) => {
                 className={"shrink-0 text-yellow-400"}
               />
               <div className={"flex justify-between items-center w-full"}>
-                Set Up Exit Node
+                {t("exitNodes.setup")}
               </div>
             </>
           )}
diff --git a/src/modules/exit-node/ExitNodeHelpTooltip.tsx b/src/modules/exit-node/ExitNodeHelpTooltip.tsx
index 3bbbd74d..bae1ab04 100644
--- a/src/modules/exit-node/ExitNodeHelpTooltip.tsx
+++ b/src/modules/exit-node/ExitNodeHelpTooltip.tsx
@@ -2,6 +2,7 @@ import FullTooltip from "@components/FullTooltip";
 import InlineLink from "@components/InlineLink";
 import { ExternalLinkIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children: React.ReactNode;
@@ -11,6 +12,7 @@ export const ExitNodeHelpTooltip = ({
   children,
   hoverButton = false,
 }: Props) => {
+  const { t } = useI18n();
   return (
     <div
       onClick={(e) => {
@@ -21,10 +23,9 @@ export const ExitNodeHelpTooltip = ({
         hoverButton={hoverButton}
         content={
           <div className={"text-xs max-w-xs"}>
-            An exit node is a network route that routes all your internet
-            traffic through one of your peers.
+            {t("exitNodes.help")}
             <div className={"mt-2"}>
-              Learn more about{" "}
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink
                 href={
                   "https://docs.netbird.io/how-to/configuring-default-routes-for-internet-traffic"
@@ -32,10 +33,10 @@ export const ExitNodeHelpTooltip = ({
                 target={"_blank"}
                 className={"mr-1"}
               >
-                Exit Nodes
+                {t("routeModal.exitNodes")}
                 <ExternalLinkIcon size={10} />
               </InlineLink>
-              in our documentation.
+              {t("common.inDocumentationSuffix")}
             </div>
           </div>
         }
diff --git a/src/modules/groups/AssignPeerToGroupModal.tsx b/src/modules/groups/AssignPeerToGroupModal.tsx
index c7ed807b..87279bff 100644
--- a/src/modules/groups/AssignPeerToGroupModal.tsx
+++ b/src/modules/groups/AssignPeerToGroupModal.tsx
@@ -15,6 +15,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import { DataTable } from "@/components/table/DataTable";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group, GroupPeer } from "@/interfaces/Group";
 import { Peer } from "@/interfaces/Peer";
 import { EditGroupNameModal } from "@/modules/groups/EditGroupNameModal";
@@ -86,9 +87,11 @@ export const AssignGroupToPeerModalContent = ({
   excludedPeers,
   showHeader = true,
   showClose = true,
-  buttonText = "Confirm Changes",
+  buttonText,
   selectInitialPeers = true,
 }: ContentProps) => {
+  const { t } = useI18n();
+  const columns = usePeersTableColumns();
   const { data: peers, isLoading } = useFetchApi<Peer[]>("/peers");
   const { mutate } = useSWRConfig();
   const groupRequest = useApiCall<Group>("/groups");
@@ -177,15 +180,17 @@ export const AssignGroupToPeerModalContent = ({
         });
     }
     notify({
-      title: "Saving changes",
-      description: `${group?.name || "Group"} was successfully saved.`,
+      title: t("common.savingChanges"),
+      description: t("groups.saved", {
+        name: group?.name || t("common.group"),
+      }),
       promise: request()
         .then((g: Group) => {
           mutate("/groups");
           onSuccess && onSuccess(g);
         })
         .catch(() => {}),
-      loadingMessage: "Updating group...",
+      loadingMessage: t("groups.updating"),
     });
   };
 
@@ -243,8 +248,8 @@ export const AssignGroupToPeerModalContent = ({
             }
             description={
               isAllGroup
-                ? "View assigned peers for this group"
-                : "Manage assigned peers for this group"
+                ? t("groupPeers.viewAssigned")
+                : t("groupPeers.manageAssigned")
             }
             color={"blue"}
           />
@@ -257,17 +262,17 @@ export const AssignGroupToPeerModalContent = ({
           rowSelection={selectedRows}
           setRowSelection={setSelectedRows}
           onRowClick={(row) => row.toggleSelected()}
-          text={"Peers"}
+          text={t("peers.title")}
           resetRowSelectionOnSearch={false}
           uniqueKey={group?.id ?? group?.name}
           sorting={sorting}
           keepStateInLocalStorage={false}
           setSorting={setSorting}
-          columns={PeersTableColumns}
+          columns={columns}
           data={data}
           isLoading={isLoading && !initialPeersSet}
           tableCellClassName={"!py-1 scale-[95%]"}
-          searchPlaceholder={"Search by name, IP or owner..."}
+          searchPlaceholder={t("groupPeers.searchPlaceholder")}
           searchClassName={"w-[350px]"}
           minimal={false}
           columnVisibility={{
@@ -283,10 +288,8 @@ export const AssignGroupToPeerModalContent = ({
           getStartedCard={
             <NoResultsCard
               className={"mb-8"}
-              title={"You don't have any peers to assign"}
-              description={
-                "In order to assign peers to this group you need to have at least one peer that is not already part of this group."
-              }
+              title={t("groupPeers.emptyAssignTitle")}
+              description={t("groupPeers.emptyAssignDescription")}
               icon={<PeerIcon className={"fill-nb-gray-200"} size={14} />}
             />
           }
@@ -298,7 +301,9 @@ export const AssignGroupToPeerModalContent = ({
                     <span className={"text-netbird font-medium"}>
                       {Object.keys(selectedRows).length}
                     </span>{" "}
-                    Peer(s) selected
+                    {t("groupPeers.selected", {
+                      count: Object.keys(selectedRows).length,
+                    })}
                   </div>
                 )}
               </div>
@@ -317,7 +322,7 @@ export const AssignGroupToPeerModalContent = ({
                     handleOnSave(selectedPeers).then();
                   }}
                 >
-                  {buttonText}
+                  {buttonText ?? t("actions.confirmChanges")}
                 </Button>
               )}
             </div>
@@ -330,89 +335,93 @@ export const AssignGroupToPeerModalContent = ({
   );
 };
 
-export const PeersTableColumns: ColumnDef<Peer>[] = [
-  {
-    id: "select",
-    header: ({ table, column }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={table.getIsAllPageRowsSelected()}
-          onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
-          aria-label="Select all"
-        />
-      </div>
-    ),
-    accessorFn: (peer) => peer.id,
-    sortingFn: "checkbox",
-    cell: ({ row }) => {
-      return (
+function usePeersTableColumns(): ColumnDef<Peer>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "select",
+      header: ({ table }) => (
         <div className={"min-w-[20px] max-w-[20px]"}>
           <Checkbox
-            variant={"tableCell"}
-            checked={row.getIsSelected()}
-            onCheckedChange={(value) => row.toggleSelected(!!value)}
-            aria-label="Select row"
+            checked={table.getIsAllPageRowsSelected()}
+            onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
+            aria-label={t("groupPeers.selectAll")}
           />
         </div>
-      );
+      ),
+      accessorFn: (peer) => peer.id,
+      sortingFn: "checkbox",
+      cell: ({ row }) => {
+        return (
+          <div className={"min-w-[20px] max-w-[20px]"}>
+            <Checkbox
+              variant={"tableCell"}
+              checked={row.getIsSelected()}
+              onCheckedChange={(value) => row.toggleSelected(!!value)}
+              aria-label={t("groupPeers.selectRow")}
+            />
+          </div>
+        );
+      },
+    },
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <PeerNameCell peer={row.original} linkToPeer={false} />,
+    },
+    {
+      id: "approval_required",
+      accessorKey: "approval_required",
+      sortingFn: "basic",
+      accessorFn: (peer) => peer.approval_required,
+    },
+    {
+      id: "connected",
+      accessorKey: "connected",
+      accessorFn: (peer) => peer.connected,
+    },
+    {
+      accessorKey: "ip",
+      sortingFn: "text",
+    },
+    {
+      id: "user_name",
+      accessorFn: (peer) => (peer.user ? peer.user?.name : t("common.unknown")),
+    },
+    {
+      id: "user_email",
+      accessorFn: (peer) => (peer.user ? peer.user?.email : t("common.unknown")),
     },
-  },
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+    {
+      accessorKey: "dns_label",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.address")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <PeerAddressCell peer={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <PeerNameCell peer={row.original} linkToPeer={false} />,
-  },
-  {
-    id: "approval_required",
-    accessorKey: "approval_required",
-    sortingFn: "basic",
-    accessorFn: (peer) => peer.approval_required,
-  },
-  {
-    id: "connected",
-    accessorKey: "connected",
-    accessorFn: (peer) => peer.connected,
-  },
-  {
-    accessorKey: "ip",
-    sortingFn: "text",
-  },
-  {
-    id: "user_name",
-    accessorFn: (peer) => (peer.user ? peer.user?.name : "Unknown"),
-  },
-  {
-    id: "user_email",
-    accessorFn: (peer) => (peer.user ? peer.user?.email : "Unknown"),
-  },
-  {
-    accessorKey: "dns_label",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Address</DataTableHeader>;
+    {
+      accessorKey: "group_name_strings",
+      accessorFn: (peer) => peer.groups?.map((g) => g?.name || "").join(", "),
+      sortingFn: "text",
     },
-    cell: ({ row }) => <PeerAddressCell peer={row.original} />,
-  },
-  {
-    accessorKey: "group_name_strings",
-    accessorFn: (peer) => peer.groups?.map((g) => g?.name || "").join(", "),
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "group_names",
-    accessorFn: (peer) => peer.groups?.map((g) => g?.name || ""),
-    sortingFn: "text",
-    filterFn: "arrIncludesSome",
-  },
-  {
-    accessorKey: "os",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>OS</DataTableHeader>;
+    {
+      accessorKey: "group_names",
+      accessorFn: (peer) => peer.groups?.map((g) => g?.name || ""),
+      sortingFn: "text",
+      filterFn: "arrIncludesSome",
+    },
+    {
+      accessorKey: "os",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.os")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <PeerOSCell os={row.original.os} serial={row.original.serial_number} />
+      ),
     },
-    cell: ({ row }) => (
-      <PeerOSCell os={row.original.os} serial={row.original.serial_number} />
-    ),
-  },
-];
+  ];
+}
diff --git a/src/modules/groups/AssignUserToGroupModal.tsx b/src/modules/groups/AssignUserToGroupModal.tsx
index a027b81f..a3eb2b93 100644
--- a/src/modules/groups/AssignUserToGroupModal.tsx
+++ b/src/modules/groups/AssignUserToGroupModal.tsx
@@ -11,12 +11,10 @@ import * as React from "react";
 import { useMemo, useState } from "react";
 import TeamIcon from "@/assets/icons/TeamIcon";
 import { DataTable } from "@/components/table/DataTable";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
-import { Peer } from "@/interfaces/Peer";
 import { User } from "@/interfaces/User";
 import LastTimeRow from "@/modules/common-table-rows/LastTimeRow";
-import { EditGroupNameModal } from "@/modules/groups/EditGroupNameModal";
-import { PeerOSCell } from "@/modules/peers/PeerOSCell";
 import UserNameCell from "@/modules/users/table-cells/UserNameCell";
 import UserRoleCell from "@/modules/users/table-cells/UserRoleCell";
 import UserStatusCell from "@/modules/users/table-cells/UserStatusCell";
@@ -71,8 +69,10 @@ export const AssignUserToGroupModalContent = ({
   onSuccess,
   excludedUsers,
   showClose = true,
-  buttonText = "Assign Users",
+  buttonText,
 }: ContentProps) => {
+  const { t } = useI18n();
+  const columns = useUsersTableColumns();
   const { data: users, isLoading } = useFetchApi<User[]>(
     "/users?service_user=false",
   );
@@ -103,27 +103,25 @@ export const AssignUserToGroupModalContent = ({
         rowSelection={selectedRows}
         setRowSelection={setSelectedRows}
         onRowClick={(row) => row.toggleSelected()}
-        text={"Users"}
+        text={t("users.title")}
         resetRowSelectionOnSearch={false}
         uniqueKey={group?.id ?? group?.name}
         sorting={sorting}
         keepStateInLocalStorage={false}
         setSorting={setSorting}
-        columns={UsersTableColumns}
+        columns={columns}
         data={data}
         isLoading={isLoading}
         tableCellClassName={"!py-1 scale-[95%]"}
-        searchPlaceholder={"Search by name, email or role..."}
+        searchPlaceholder={t("groupUsers.searchPlaceholder")}
         searchClassName={"w-[350px]"}
         minimal={false}
         columnVisibility={{}}
         getStartedCard={
           <NoResultsCard
             className={"mb-8"}
-            title={"You don't have any users to assign"}
-            description={
-              "In order to assign users to this group you need to have at least one user that is not already part of this group."
-            }
+            title={t("groupUsers.emptyAssignTitle")}
+            description={t("groupUsers.emptyAssignDescription")}
             icon={<TeamIcon className={"fill-nb-gray-200"} size={14} />}
           />
         }
@@ -132,12 +130,14 @@ export const AssignUserToGroupModalContent = ({
             <div className={"text-sm"}>
               {Object.keys(selectedRows).length > 0 && (
                 <div className={"text-nb-gray-200"}>
-                  <span className={"text-netbird font-medium"}>
-                    {Object.keys(selectedRows).length}
-                  </span>{" "}
-                  User(s) selected
-                </div>
-              )}
+                    <span className={"text-netbird font-medium"}>
+                      {Object.keys(selectedRows).length}
+                    </span>{" "}
+                    {t("groupUsers.selected", {
+                      count: Object.keys(selectedRows).length,
+                    })}
+                  </div>
+                )}
             </div>
             {!isAllGroup && (
               <Button
@@ -153,7 +153,7 @@ export const AssignUserToGroupModalContent = ({
                   onSuccess?.(selectedUsers);
                 }}
               >
-                {buttonText}
+                {buttonText ?? t("groupUsers.assignUsers")}
               </Button>
             )}
           </div>
@@ -163,67 +163,73 @@ export const AssignUserToGroupModalContent = ({
   );
 };
 
-const UsersTableColumns: ColumnDef<User>[] = [
-  {
-    id: "select",
-    header: ({ table }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={table.getIsAllPageRowsSelected()}
-          onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
-          aria-label="Select all"
-        />
-      </div>
-    ),
-    cell: ({ row }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={row.getIsSelected()}
-          variant={"tableCell"}
-          onCheckedChange={(value) => row.toggleSelected(!!value)}
-          aria-label="Select row"
-        />
-      </div>
-    ),
-    enableSorting: false,
-    enableHiding: false,
-  },
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function useUsersTableColumns(): ColumnDef<User>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "select",
+      header: ({ table }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={table.getIsAllPageRowsSelected()}
+            onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
+            aria-label={t("groupUsers.selectAll")}
+          />
+        </div>
+      ),
+      cell: ({ row }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={row.getIsSelected()}
+            variant={"tableCell"}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label={t("groupUsers.selectRow")}
+          />
+        </div>
+      ),
+      enableSorting: false,
+      enableHiding: false,
     },
-    accessorFn: (row) => row.name + " " + row.email,
-    sortingFn: "text",
-    cell: ({ row }) => <UserNameCell user={row.original} />,
-  },
-  {
-    accessorKey: "role",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Role</DataTableHeader>;
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      accessorFn: (row) => row.name + " " + row.email,
+      sortingFn: "text",
+      cell: ({ row }) => <UserNameCell user={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <UserRoleCell user={row.original} />,
-  },
-  {
-    accessorKey: "status",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Status</DataTableHeader>;
+    {
+      accessorKey: "role",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.role")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <UserRoleCell user={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <UserStatusCell user={row.original} />,
-  },
-  {
-    accessorKey: "last_login",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last Login</DataTableHeader>;
+    {
+      accessorKey: "status",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <UserStatusCell user={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => (
-      <LastTimeRow
-        date={dayjs(row.original.last_login).toDate()}
-        text={"Last login on"}
-      />
-    ),
-  },
-];
+    {
+      accessorKey: "last_login",
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>{t("table.lastLogin")}</DataTableHeader>
+        );
+      },
+      sortingFn: "text",
+      cell: ({ row }) => (
+        <LastTimeRow
+          date={dayjs(row.original.last_login).toDate()}
+          text={t("groupUsers.lastLoginOn")}
+        />
+      ),
+    },
+  ];
+}
diff --git a/src/modules/groups/EditGroupNameModal.tsx b/src/modules/groups/EditGroupNameModal.tsx
index 818db781..bd7e661f 100644
--- a/src/modules/groups/EditGroupNameModal.tsx
+++ b/src/modules/groups/EditGroupNameModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import { Input } from "@components/Input";
 import {
@@ -11,6 +13,7 @@ import { trim } from "lodash";
 import * as React from "react";
 import { useMemo, useState } from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   initialName: string;
@@ -27,6 +30,7 @@ export const EditGroupNameModal = ({
   const [name, setName] = useState(initialName);
   const { groups } = useGroups();
   const [error, setError] = useState("");
+  const { t } = useI18n();
 
   const isDisabled = useMemo(() => {
     if (name === initialName) return true;
@@ -39,7 +43,7 @@ export const EditGroupNameModal = ({
     const newName = e.target.value;
     const findGroup = groups?.find((g) => g.name === newName);
     if (findGroup) {
-      setError("This group already exists. Please choose another name.");
+      setError(t("groups.renameExists"));
     } else {
       setError("");
     }
@@ -50,15 +54,15 @@ export const EditGroupNameModal = ({
     <Modal open={open} onOpenChange={onOpenChange}>
       <ModalContent maxWidthClass={"max-w-md"}>
         <ModalHeader
-          title={"Rename Group"}
-          description={"Set an easily identifiable name for your group."}
+          title={t("groups.renameTitle")}
+          description={t("groups.renameDescription")}
           color={"blue"}
         />
 
         <div className={"p-default flex flex-col gap-4"}>
           <div>
             <Input
-              placeholder={"e.g., Developers"}
+              placeholder={t("groups.renamePlaceholder")}
               value={name}
               onChange={handleNameChange}
               error={error}
@@ -70,7 +74,7 @@ export const EditGroupNameModal = ({
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
               <Button variant={"secondary"} className={"w-full"}>
-                Cancel
+                {t("actions.cancel")}
               </Button>
             </ModalClose>
 
@@ -81,7 +85,7 @@ export const EditGroupNameModal = ({
               disabled={isDisabled}
               type={"submit"}
             >
-              Save
+              {t("actions.save")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/modules/groups/GroupFilterSelector.tsx b/src/modules/groups/GroupFilterSelector.tsx
index 8b219f37..e3df938c 100644
--- a/src/modules/groups/GroupFilterSelector.tsx
+++ b/src/modules/groups/GroupFilterSelector.tsx
@@ -17,6 +17,7 @@ import {
 import * as React from "react";
 import { useState } from "react";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 
 interface MultiSelectProps {
@@ -36,6 +37,7 @@ export function GroupFilterSelector({
   const searchRef = React.useRef<HTMLInputElement>(null);
   const [inputRef, { width }] = useElementSize<HTMLButtonElement>();
   const [search, setSearch] = useState("");
+  const { t } = useI18n();
 
   const toggle = (code: string) => {
     const isSelected = values.find((c) => c == code) != undefined;
@@ -66,9 +68,9 @@ export function GroupFilterSelector({
           <FolderGit2 size={16} className={"shrink-0"} />
           <div className={"w-full flex justify-between"}>
             {values.length > 0 ? (
-              <div>{values.length} Group(s)</div>
+              <div>{values.length} {t("groups.count.groups")}</div>
             ) : (
-              "All Groups"
+              t("groups.allGroups")
             )}
             <div className={"pl-2"}>
               <ChevronsUpDown size={18} className={"shrink-0"} />
@@ -107,7 +109,7 @@ export function GroupFilterSelector({
                 ref={searchRef}
                 value={search}
                 onValueChange={setSearch}
-                placeholder={"Search group..."}
+                placeholder={t("groups.searchGroup")}
               />
               <div
                 className={
@@ -173,7 +175,7 @@ export function GroupFilterSelector({
                                 }
                               >
                                 <MonitorSmartphoneIcon size={13} />
-                                {item.peers_count} Peer(s)
+                                {item.peers_count} {t("groups.count.peers")}
                               </div>
                             </div>
                           </div>
diff --git a/src/modules/groups/SingleGroupSelector.tsx b/src/modules/groups/SingleGroupSelector.tsx
index c570a596..6b35c372 100644
--- a/src/modules/groups/SingleGroupSelector.tsx
+++ b/src/modules/groups/SingleGroupSelector.tsx
@@ -9,6 +9,7 @@ import { cn } from "@utils/helpers";
 import * as React from "react";
 import { useState } from "react";
 import { useUsers } from "@/contexts/UsersProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { HorizontalUsersStack } from "@/modules/users/HorizontalUsersStack";
 
@@ -36,6 +37,7 @@ export const SingleGroupSelector = ({
 }: Props) => {
   const [inputRef, { width }] = useElementSize<HTMLDivElement>();
   const [open, setOpen] = useState(false);
+  const { t } = useI18n();
   const [filteredItems, search, setSearch] = useSearch(
     values,
     searchPredicate,
@@ -73,14 +75,14 @@ export const SingleGroupSelector = ({
           <DropdownInput
             value={search}
             onChange={setSearch}
-            placeholder={"Search groups..."}
+            placeholder={t("groups.searchGroups")}
             hideEnterIcon={true}
           />
 
           {values.length == 0 && !search && (
             <div className={"max-w-xs mx-auto px-4"}>
               <DropdownInfoText>
-                {"Seems like you don't have any groups."}
+                {t("groups.notFound")}
               </DropdownInfoText>
             </div>
           )}
@@ -88,8 +90,7 @@ export const SingleGroupSelector = ({
           {filteredItems.length == 0 && search != "" && (
             <div className={"max-w-xs mx-auto px-4"}>
               <DropdownInfoText>
-                There are no groups matching your search. Try another search
-                term.
+                {t("groups.noMatching")}
               </DropdownInfoText>
             </div>
           )}
diff --git a/src/modules/groups/details/GroupPeersSection.tsx b/src/modules/groups/details/GroupPeersSection.tsx
index 024bd38e..6ecbc45d 100644
--- a/src/modules/groups/details/GroupPeersSection.tsx
+++ b/src/modules/groups/details/GroupPeersSection.tsx
@@ -12,6 +12,7 @@ import { lazy, useState } from "react";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import { useGroupContext } from "@/contexts/GroupProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { AssignPeerToGroupModal } from "@/modules/groups/AssignPeerToGroupModal";
 import { GroupPeersRemoveCell } from "@/modules/groups/details/GroupDetailsRemoveCell";
@@ -23,85 +24,89 @@ import { PeerOSCell } from "@/modules/peers/PeerOSCell";
 
 const GroupPeersTable = lazy(() => import("@/modules/peer/MinimalPeersTable"));
 
-const GroupPeersTableColumns: ColumnDef<Peer>[] = [
-  {
-    id: "select",
-    header: ({ table }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={table.getIsAllPageRowsSelected()}
-          onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
-          aria-label="Select all"
-        />
-      </div>
-    ),
-    cell: ({ row }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={row.getIsSelected()}
-          variant={"tableCell"}
-          onCheckedChange={(value) => row.toggleSelected(!!value)}
-          aria-label="Select row"
-        />
-      </div>
-    ),
-    enableSorting: false,
-    enableHiding: false,
-  },
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function useGroupPeersTableColumns(): ColumnDef<Peer>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "select",
+      header: ({ table }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={table.getIsAllPageRowsSelected()}
+            onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
+            aria-label={t("groupUsers.selectAll")}
+          />
+        </div>
+      ),
+      cell: ({ row }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={row.getIsSelected()}
+            variant={"tableCell"}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label={t("groupUsers.selectRow")}
+          />
+        </div>
+      ),
+      enableSorting: false,
+      enableHiding: false,
+    },
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <PeerNameCell peer={row.original} />,
+    },
+    {
+      id: "connected",
+      accessorKey: "connected",
+      accessorFn: (peer) => peer.connected,
+    },
+    {
+      accessorKey: "ip",
+      sortingFn: "text",
+    },
+    {
+      id: "user_name",
+      accessorFn: (peer) => (peer.user ? peer.user?.name : t("peerDetails.unknown")),
+    },
+    {
+      id: "user_email",
+      accessorFn: (peer) => (peer.user ? peer.user?.email : t("peerDetails.unknown")),
+    },
+    {
+      accessorKey: "dns_label",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("resourcesTable.address")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <PeerAddressCell peer={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <PeerNameCell peer={row.original} />,
-  },
-  {
-    id: "connected",
-    accessorKey: "connected",
-    accessorFn: (peer) => peer.connected,
-  },
-  {
-    accessorKey: "ip",
-    sortingFn: "text",
-  },
-  {
-    id: "user_name",
-    accessorFn: (peer) => (peer.user ? peer.user?.name : "Unknown"),
-  },
-  {
-    id: "user_email",
-    accessorFn: (peer) => (peer.user ? peer.user?.email : "Unknown"),
-  },
-  {
-    accessorKey: "dns_label",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Address</DataTableHeader>;
+    {
+      accessorKey: "last_seen",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("peerDetails.lastSeen")}</DataTableHeader>;
+      },
+      sortingFn: "datetime",
+      cell: ({ row }) => <PeerLastSeenCell peer={row.original} />,
     },
-    cell: ({ row }) => <PeerAddressCell peer={row.original} />,
-  },
-  {
-    accessorKey: "last_seen",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last seen</DataTableHeader>;
+    {
+      accessorKey: "os",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("peerDetails.operatingSystem")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <PeerOSCell os={row.original.os} />,
     },
-    sortingFn: "datetime",
-    cell: ({ row }) => <PeerLastSeenCell peer={row.original} />,
-  },
-  {
-    accessorKey: "os",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>OS</DataTableHeader>;
+    {
+      id: "remove_from_group",
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <GroupPeersRemoveCell peer={row.original} />,
     },
-    cell: ({ row }) => <PeerOSCell os={row.original.os} />,
-  },
-  {
-    id: "remove_from_group",
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <GroupPeersRemoveCell peer={row.original} />,
-  },
-];
+  ];
+}
 
 type Props = {
   peers?: Peer[];
@@ -109,26 +114,26 @@ type Props = {
 };
 
 export const GroupPeersSection = ({ peers, isLoading = true }: Props) => {
+  const { t } = useI18n();
   const { group, addPeersToGroup, removePeersFromGroup } = useGroupContext();
   const [selectedRows, setSelectedRows] = useState<RowSelectionState>({});
   const [open, setOpen] = useState(false);
   const { permission } = usePermissions();
+  const columns = useGroupPeersTableColumns();
 
   return (
     <GroupDetailsTableContainer>
       <GroupPeersTable
         isLoading={isLoading}
         peers={peers}
-        columns={GroupPeersTableColumns}
+        columns={columns}
         selectedRows={selectedRows}
         setSelectedRows={setSelectedRows}
         getStartedCard={
           <NoResults
             className={"py-4"}
-            title={"This group has no assigned peers yet"}
-            description={
-              "Install NetBird and assign existing peers to this group to see them listed here."
-            }
+            title={t("groupPeers.emptyTitle")}
+            description={t("groupPeers.emptyDescription")}
             icon={<PeerIcon size={20} className={"fill-nb-gray-300"} />}
           >
             {permission?.peers?.update && permission?.groups?.update && (
@@ -140,7 +145,7 @@ export const GroupPeersSection = ({ peers, isLoading = true }: Props) => {
                   onClick={() => setOpen(true)}
                 >
                   <PlusCircle size={16} />
-                  Assign Peers
+                  {t("groupPeers.assignPeers")}
                 </Button>
               </div>
             )}
@@ -158,7 +163,7 @@ export const GroupPeersSection = ({ peers, isLoading = true }: Props) => {
                 <>
                   <FullTooltip
                     content={
-                      <span className={"text-xs"}>Remove Peers from Group</span>
+                      <span className={"text-xs"}>{t("groupPeers.removeFromGroup")}</span>
                     }
                   >
                     <Button
@@ -186,7 +191,7 @@ export const GroupPeersSection = ({ peers, isLoading = true }: Props) => {
               useSave={false}
               showHeader={false}
               showClose={false}
-              buttonText={"Assign Peers"}
+              buttonText={t("groupPeers.assignPeers")}
               selectInitialPeers={false}
               excludedPeers={peers}
               onUpdate={(g) => {
@@ -205,7 +210,7 @@ export const GroupPeersSection = ({ peers, isLoading = true }: Props) => {
                       onClick={() => setOpen(true)}
                     >
                       <PlusCircle size={16} />
-                      Assign Peers
+                      {t("groupPeers.assignPeers")}
                     </Button>
                   )}
                 </div>
diff --git a/src/modules/groups/details/GroupResourcesSection.tsx b/src/modules/groups/details/GroupResourcesSection.tsx
index 74b1456f..1a0a1791 100644
--- a/src/modules/groups/details/GroupResourcesSection.tsx
+++ b/src/modules/groups/details/GroupResourcesSection.tsx
@@ -12,6 +12,7 @@ import React, { useState } from "react";
 import { useSWRConfig } from "swr";
 import { NetworkAccessControlProvider } from "@/modules/networks/NetworkAccessControlProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { NetworkResourceWithNetwork } from "@/interfaces/Network";
 import { GroupDetailsTableContainer } from "@/modules/groups/details/GroupDetailsTableContainer";
@@ -23,83 +24,87 @@ import { ResourceGroupCell } from "@/modules/networks/resources/ResourceGroupCel
 import ResourceNameCell from "@/modules/networks/resources/ResourceNameCell";
 import { ResourcePolicyCell } from "@/modules/networks/resources/ResourcePolicyCell";
 
-const GroupResourcesColumns: ColumnDef<NetworkResourceWithNetwork>[] = [
-  {
-    id: "id",
-    accessorKey: "id",
-    filterFn: "exactMatch",
-  },
-  {
-    id: "name",
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Resource</DataTableHeader>;
-    },
-    cell: ({ row }) => {
-      return <ResourceNameCell resource={row.original} />;
-    },
-  },
-  {
-    id: "description",
-    accessorKey: "description",
-    accessorFn: (resource) =>
-      removeAllSpaces(resource?.description || "").toLowerCase(),
-  },
-  {
-    id: "address",
-    accessorKey: "address",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Address</DataTableHeader>;
-    },
-    cell: ({ row }) => {
-      return <ResourceAddressCell resource={row.original} />;
+function useGroupResourcesColumns(): ColumnDef<NetworkResourceWithNetwork>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "id",
+      accessorKey: "id",
+      filterFn: "exactMatch",
     },
-  },
-  {
-    id: "enabled",
-    accessorKey: "enabled",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Active</DataTableHeader>;
+    {
+      id: "name",
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkResources.resourceTab")}</DataTableHeader>;
+      },
+      cell: ({ row }) => {
+        return <ResourceNameCell resource={row.original} />;
+      },
     },
-    cell: ({ row }) => (
-      <ResourceEnabledCell
-        resource={row.original}
-        mutateAllResourcesOnUpdate={true}
-      />
-    ),
-  },
-  {
-    id: "groups",
-    accessorFn: (resource) => {
-      let groups = resource?.groups as Group[];
-      return groups.map((group) => group.name).join(", ");
+    {
+      id: "description",
+      accessorKey: "description",
+      accessorFn: (resource) =>
+        removeAllSpaces(resource?.description || "").toLowerCase(),
     },
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Groups</DataTableHeader>;
+    {
+      id: "address",
+      accessorKey: "address",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("resourcesTable.address")}</DataTableHeader>;
+      },
+      cell: ({ row }) => {
+        return <ResourceAddressCell resource={row.original} />;
+      },
     },
-    cell: ({ row }) => {
-      return <ResourceGroupCell resource={row.original} />;
+    {
+      id: "enabled",
+      accessorKey: "enabled",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("resourcesTable.active")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <ResourceEnabledCell
+          resource={row.original}
+          mutateAllResourcesOnUpdate={true}
+        />
+      ),
     },
-  },
-  {
-    id: "policies",
-    accessorKey: "id",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Policies</DataTableHeader>;
+    {
+      id: "groups",
+      accessorFn: (resource) => {
+        let groups = resource?.groups as Group[];
+        return groups.map((group) => group.name).join(", ");
+      },
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.groups")}</DataTableHeader>;
+      },
+      cell: ({ row }) => {
+        return <ResourceGroupCell resource={row.original} />;
+      },
     },
-    cell: ({ row }) => {
-      return <ResourcePolicyCell resource={row.original} />;
+    {
+      id: "policies",
+      accessorKey: "id",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("nav.policies")}</DataTableHeader>;
+      },
+      cell: ({ row }) => {
+        return <ResourcePolicyCell resource={row.original} />;
+      },
     },
-  },
-  {
-    id: "actions",
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => {
-      return <ResourceActionCell resource={row.original} />;
+    {
+      id: "actions",
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => {
+        return <ResourceActionCell resource={row.original} />;
+      },
     },
-  },
-];
+  ];
+}
 
 type Props = {
   resources?: NetworkResourceWithNetwork[];
@@ -110,10 +115,12 @@ export const GroupResourcesSection = ({
   resources,
   isLoading = true,
 }: Props) => {
+  const { t } = useI18n();
   const [sorting, setSorting] = useState<SortingState>([]);
   const { permission } = usePermissions();
   const router = useRouter();
   const { mutate } = useSWRConfig();
+  const columns = useGroupResourcesColumns();
 
   return (
     <NetworkAccessControlProvider>
@@ -138,18 +145,16 @@ export const GroupResourcesSection = ({
           )}
           inset={false}
           tableClassName={"mt-0"}
-          text={"Resources"}
-          columns={GroupResourcesColumns}
+          text={t("networkResources.linkLabel")}
+          columns={columns}
           keepStateInLocalStorage={false}
           data={resources}
-          searchPlaceholder={"Search by name, address or group..."}
+          searchPlaceholder={t("resourcesTable.searchPlaceholder")}
           getStartedCard={
             <NoResults
               className={"py-4"}
-              title={"This group has no assigned resources"}
-              description={
-                "Assign this group to your resources inside your networks to see them listed here."
-              }
+              title={t("resourcesTable.emptyGroupTitle")}
+              description={t("resourcesTable.emptyGroupDescription")}
               icon={<Layers3Icon size={20} />}
             >
               {permission?.networks?.create && (
@@ -159,7 +164,7 @@ export const GroupResourcesSection = ({
                     className={"mt-4"}
                     onClick={() => router.push("/networks")}
                   >
-                    Go to Networks
+                    {t("resourcesTable.goToNetworks")}
                     <ArrowUpRightIcon size={16} />
                   </Button>
                 </>
diff --git a/src/modules/groups/details/GroupUsersSection.tsx b/src/modules/groups/details/GroupUsersSection.tsx
index 6bcaa80c..2d0fbd40 100644
--- a/src/modules/groups/details/GroupUsersSection.tsx
+++ b/src/modules/groups/details/GroupUsersSection.tsx
@@ -11,6 +11,7 @@ import React, { lazy, useState } from "react";
 import TeamIcon from "@/assets/icons/TeamIcon";
 import { useGroupContext } from "@/contexts/GroupProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import LastTimeRow from "@/modules/common-table-rows/LastTimeRow";
 import { AssignUserToGroupModal } from "@/modules/groups/AssignUserToGroupModal";
@@ -24,94 +25,98 @@ import { InviteUserButton } from "@/modules/users/UsersTable";
 
 const UsersTable = lazy(() => import("@/modules/users/UsersTable"));
 
-export const GroupUsersTableColumns: ColumnDef<User>[] = [
-  {
-    id: "select",
-    header: ({ table }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={table.getIsAllPageRowsSelected()}
-          onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
-          aria-label="Select all"
-        />
-      </div>
-    ),
-    cell: ({ row }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={row.getIsSelected()}
-          variant={"tableCell"}
-          onCheckedChange={(value) => row.toggleSelected(!!value)}
-          aria-label="Select row"
-        />
-      </div>
-    ),
-    enableSorting: false,
-    enableHiding: false,
-  },
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function useGroupUsersTableColumns(): ColumnDef<User>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "select",
+      header: ({ table }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={table.getIsAllPageRowsSelected()}
+            onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
+            aria-label={t("groupUsers.selectAll")}
+          />
+        </div>
+      ),
+      cell: ({ row }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={row.getIsSelected()}
+            variant={"tableCell"}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label={t("groupUsers.selectRow")}
+          />
+        </div>
+      ),
+      enableSorting: false,
+      enableHiding: false,
     },
-    accessorFn: (row) => row.name + " " + row.email,
-    sortingFn: "text",
-    cell: ({ row }) => <UserNameCell user={row.original} />,
-  },
-  {
-    accessorKey: "is_current",
-    sortingFn: "basic",
-  },
-  {
-    accessorKey: "role",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Role</DataTableHeader>;
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      accessorFn: (row) => row.name + " " + row.email,
+      sortingFn: "text",
+      cell: ({ row }) => <UserNameCell user={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <UserRoleCell user={row.original} />,
-  },
-  {
-    accessorKey: "status",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Status</DataTableHeader>;
+    {
+      accessorKey: "is_current",
+      sortingFn: "basic",
     },
-    sortingFn: "text",
-    cell: ({ row }) => <UserStatusCell user={row.original} />,
-  },
-  {
-    accessorKey: "is_blocked",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Block User</DataTableHeader>;
+    {
+      accessorKey: "role",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.role")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <UserRoleCell user={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <UserBlockCell user={row.original} />,
-  },
-  {
-    accessorKey: "last_login",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last Login</DataTableHeader>;
+    {
+      accessorKey: "status",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <UserStatusCell user={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => (
-      <LastTimeRow
-        date={dayjs(row.original.last_login).toDate()}
-        text={"Last login on"}
-      />
-    ),
-  },
-  {
-    id: "approval_required",
-    accessorKey: "approval_required",
-    sortingFn: "basic",
-    accessorFn: (u) => u?.pending_approval,
-  },
-  {
-    id: "remove_from_group",
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <GroupUsersRemoveCell user={row.original} />,
-  },
-];
+    {
+      accessorKey: "is_blocked",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.blockUser")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <UserBlockCell user={row.original} />,
+    },
+    {
+      accessorKey: "last_login",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.lastLogin")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => (
+        <LastTimeRow
+          date={dayjs(row.original.last_login).toDate()}
+          text={t("users.lastLoginOn")}
+        />
+      ),
+    },
+    {
+      id: "approval_required",
+      accessorKey: "approval_required",
+      sortingFn: "basic",
+      accessorFn: (u) => u?.pending_approval,
+    },
+    {
+      id: "remove_from_group",
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <GroupUsersRemoveCell user={row.original} />,
+    },
+  ];
+}
 
 type Props = {
   users?: User[];
@@ -119,16 +124,18 @@ type Props = {
 };
 
 export const GroupUsersSection = ({ users, isLoading = true }: Props) => {
+  const { t } = useI18n();
   const { group, addUsersToGroup, removeUsersFromGroup } = useGroupContext();
   const [selectedRows, setSelectedRows] = useState<RowSelectionState>({});
   const [open, setOpen] = useState(false);
   const { permission } = usePermissions();
+  const columns = useGroupUsersTableColumns();
 
   return (
     <GroupDetailsTableContainer>
       <UsersTable
         isLoading={isLoading}
-        columns={GroupUsersTableColumns}
+        columns={columns}
         selectedRows={selectedRows}
         setSelectedRows={setSelectedRows}
         onRowClick={(row) => row.toggleSelected()}
@@ -138,10 +145,8 @@ export const GroupUsersSection = ({ users, isLoading = true }: Props) => {
         getStartedCard={
           <NoResults
             className={"py-4"}
-            title={"This group has no assigned users yet"}
-            description={
-              "Invite new users or assign existing ones to this group to see them listed here."
-            }
+            title={t("groupUsers.emptyTitle")}
+            description={t("groupUsers.emptyDescription")}
             icon={<TeamIcon size={20} className={"fill-nb-gray-300"} />}
           >
             {permission?.users?.update && (
@@ -152,7 +157,7 @@ export const GroupUsersSection = ({ users, isLoading = true }: Props) => {
                   onClick={() => setOpen(true)}
                 >
                   <PlusCircle size={16} />
-                  Assign Users
+                  {t("groupUsers.assignUsers")}
                 </Button>
                 <InviteUserButton show={true} groups={[group]} />
               </div>
@@ -163,7 +168,7 @@ export const GroupUsersSection = ({ users, isLoading = true }: Props) => {
           return (
             <>
               <DataTableMultiSelectPopup
-                label={"User(s) selected"}
+                label={t("groupUsers.selected")}
                 selectedItems={table
                   .getSelectedRowModel()
                   .rows.map((row) => row.original)}
@@ -172,9 +177,7 @@ export const GroupUsersSection = ({ users, isLoading = true }: Props) => {
                   <>
                     <FullTooltip
                       content={
-                        <span className={"text-xs"}>
-                          Remove Users from Group
-                        </span>
+                        <span className={"text-xs"}>{t("groupUsers.removeFromGroup")}</span>
                       }
                     >
                       <Button
@@ -215,7 +218,7 @@ export const GroupUsersSection = ({ users, isLoading = true }: Props) => {
                     onClick={() => setOpen(true)}
                   >
                     <PlusCircle size={16} />
-                    Assign Users
+                    {t("groupUsers.assignUsers")}
                   </Button>
                   <InviteUserButton show={true} groups={[group]} />
                 </div>
diff --git a/src/modules/groups/table/GroupsActionCell.tsx b/src/modules/groups/table/GroupsActionCell.tsx
index 19ace44e..1e0c7b95 100644
--- a/src/modules/groups/table/GroupsActionCell.tsx
+++ b/src/modules/groups/table/GroupsActionCell.tsx
@@ -13,7 +13,7 @@ import { useRouter } from "next/navigation";
 import React from "react";
 import { useGroupContext } from "@/contexts/GroupProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
-import { GROUP_TOOLTIP_TEXT } from "@/interfaces/Group";
+import { useI18n } from "@/i18n/I18nProvider";
 import { GroupUsage } from "@/modules/groups/useGroupsUsage";
 
 type Props = {
@@ -24,6 +24,7 @@ type Props = {
 export default function GroupsActionCell({ group, inUse }: Readonly<Props>) {
   const { permission } = usePermissions();
   const router = useRouter();
+  const { t } = useI18n();
 
   const {
     deleteGroup,
@@ -64,7 +65,7 @@ export default function GroupsActionCell({ group, inUse }: Readonly<Props>) {
             >
               <div className="flex gap-3 items-center">
                 <FolderIcon size={14} className="shrink-0" />
-                View Details
+                {t("actions.viewDetails")}
               </div>
             </DropdownMenuItem>
 
@@ -75,8 +76,8 @@ export default function GroupsActionCell({ group, inUse }: Readonly<Props>) {
                   content={
                     <div className={"text-xs max-w-xs"}>
                       {isJWTGroup
-                        ? GROUP_TOOLTIP_TEXT.RENAME.JWT
-                        : GROUP_TOOLTIP_TEXT.RENAME.INTEGRATION}
+                        ? t("groups.actionRenameDisabledJwt")
+                        : t("groups.actionRenameDisabledIntegration")}
                     </div>
                   }
                   interactive={false}
@@ -89,7 +90,7 @@ export default function GroupsActionCell({ group, inUse }: Readonly<Props>) {
                   >
                     <div className="flex gap-3 items-center">
                       <Pencil size={14} className="shrink-0" />
-                      Rename
+                      {t("actions.rename")}
                     </div>
                   </DropdownMenuItem>
                 </FullTooltip>
@@ -100,8 +101,8 @@ export default function GroupsActionCell({ group, inUse }: Readonly<Props>) {
                 content={
                   <div className={"text-xs max-w-xs"}>
                     {isIntegrationGroup
-                      ? GROUP_TOOLTIP_TEXT.DELETE.INTEGRATION
-                      : GROUP_TOOLTIP_TEXT.IN_USE}
+                      ? t("groups.actionDeleteDisabledIntegration")
+                      : t("groups.actionDeleteDisabled")}
                   </div>
                 }
                 interactive={false}
@@ -115,7 +116,7 @@ export default function GroupsActionCell({ group, inUse }: Readonly<Props>) {
                 >
                   <div className="flex gap-3 items-center">
                     <Trash2 size={14} className="shrink-0" />
-                    Delete
+                    {t("actions.delete")}
                   </div>
                 </DropdownMenuItem>
               </FullTooltip>
diff --git a/src/modules/groups/table/GroupsTable.tsx b/src/modules/groups/table/GroupsTable.tsx
index 61bbb0d1..54f9f27f 100644
--- a/src/modules/groups/table/GroupsTable.tsx
+++ b/src/modules/groups/table/GroupsTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import ButtonGroup from "@components/ButtonGroup";
 import { DataTable } from "@components/table/DataTable";
 import DataTableHeader from "@components/table/DataTableHeader";
@@ -6,9 +8,10 @@ import { ColumnDef, SortingState } from "@tanstack/react-table";
 import { removeAllSpaces } from "@utils/helpers";
 import { Layers3Icon } from "lucide-react";
 import { usePathname } from "next/navigation";
-import React from "react";
+import React, { useMemo } from "react";
 import AccessControlIcon from "@/assets/icons/AccessControlIcon";
 import DNSIcon from "@/assets/icons/DNSIcon";
+import DNSZoneIcon from "@/assets/icons/DNSZoneIcon";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import SetupKeysIcon from "@/assets/icons/SetupKeysIcon";
@@ -16,249 +19,266 @@ import TeamIcon from "@/assets/icons/TeamIcon";
 import { AddGroupButton } from "@/components/ui/AddGroupButton";
 import { GroupProvider } from "@/contexts/GroupProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import GroupsActionCell from "@/modules/groups/table/GroupsActionCell";
 import GroupsCountCell from "@/modules/groups/table/GroupsCountCell";
 import GroupsNameCell from "@/modules/groups/table/GroupsNameCell";
 import useGroupsUsage, { GroupUsage } from "@/modules/groups/useGroupsUsage";
-import DNSZoneIcon from "@/assets/icons/DNSZoneIcon";
 
-export const GroupsTableColumns: ColumnDef<GroupUsage>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    cell: ({ row }) => {
-      const in_use = !!row.getValue("in_use");
-      return (
-        <GroupsNameCell
-          active={in_use}
-          group={{
-            id: row.original?.id,
-            issued: row.original?.issued,
-            name: row.original?.name,
-          }}
-        />
-      );
-    },
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "users_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={<div className={"text-xs normal-case"}>Users</div>}
-        >
-          <TeamIcon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<TeamIcon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=users`}
-        hidden={row.original.name === "All"}
-        text={"User(s)"}
-        count={row.original.users_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "peers_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={<div className={"text-xs normal-case"}>Peers</div>}
-        >
-          <PeerIcon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<PeerIcon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=peers`}
-        hidden={row.original.name === "All"}
-        text={"Peer(s)"}
-        count={row.original.peers_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "policies_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={<div className={"text-xs normal-case"}>Policies</div>}
-        >
-          <AccessControlIcon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<AccessControlIcon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=policies`}
-        text={row.original.policies_count === 1 ? "Policy" : "Policies"}
-        count={row.original.policies_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "resources_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={
-            <div className={"text-xs normal-case"}>Network Resources</div>
-          }
-        >
-          <Layers3Icon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<Layers3Icon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=resources`}
-        text={"Network Resource(s)"}
-        count={row.original.resources_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "routes_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={<div className={"text-xs normal-case"}>Network Routes</div>}
-        >
-          <NetworkRoutesIcon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<NetworkRoutesIcon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=network-routes`}
-        text={"Network Route(s)"}
-        count={row.original.routes_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "nameservers_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={<div className={"text-xs normal-case"}>Nameservers</div>}
-        >
-          <DNSIcon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<DNSIcon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=nameservers`}
-        text={"Nameserver(s)"}
-        count={row.original.nameservers_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "zones_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          tooltip={<div className={"text-xs normal-case"}>Zones</div>}
-        >
-          <DNSZoneIcon size={16} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<DNSZoneIcon size={14} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=zones`}
-        text={"Zone(s)"}
-        count={row.original.zones_count}
-      />
-    ),
-  },
-  {
-    accessorKey: "setup_keys_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          center={true}
-          tooltip={<div className={"text-xs normal-case"}>Setup Keys</div>}
-        >
-          <SetupKeysIcon size={12} />
-        </DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <GroupsCountCell
-        icon={<SetupKeysIcon size={10} />}
-        groupName={row.original.name}
-        href={`/group?id=${row.original.id}&tab=setup-keys`}
-        hidden={row.original.name === "All"}
-        text={"Setup Key(s)"}
-        count={row.original.setup_keys_count}
-      />
-    ),
-  },
-  {
-    id: "in_use",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>In Use</DataTableHeader>;
-    },
-    sortingFn: "basic",
-    accessorFn: (row) => {
-      return (
-        row.peers_count > 0 ||
-        row.nameservers_count > 0 ||
-        row.policies_count > 0 ||
-        row.routes_count > 0 ||
-        row.setup_keys_count > 0 ||
-        row.users_count > 0 ||
-        row.resources_count > 0 ||
-        row.zones_count > 0
-      );
-    },
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => (
-      <GroupProvider group={row.original} isDetailPage={false}>
-        <GroupsActionCell group={row.original} inUse={row.getValue("in_use")} />
-      </GroupProvider>
-    ),
-  },
-  {
-    accessorKey: "search",
-    accessorFn: (row) => removeAllSpaces(row.name),
-    filterFn: "fuzzy",
-  },
-];
+function useGroupsTableColumns(): ColumnDef<GroupUsage>[] {
+  const { t } = useI18n();
+
+  return useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+        },
+        cell: ({ row }) => {
+          const inUse = !!row.getValue("in_use");
+          return (
+            <GroupsNameCell
+              active={inUse}
+              group={{
+                id: row.original?.id,
+                issued: row.original?.issued,
+                name: row.original?.name,
+              }}
+            />
+          );
+        },
+        sortingFn: "text",
+      },
+      {
+        accessorKey: "users_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={<div className={"text-xs normal-case"}>{t("groups.tooltip.users")}</div>}
+            >
+              <TeamIcon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<TeamIcon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=users`}
+            hidden={row.original.name === "All"}
+            text={t("groups.count.users")}
+            count={row.original.users_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "peers_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={<div className={"text-xs normal-case"}>{t("groups.tooltip.peers")}</div>}
+            >
+              <PeerIcon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<PeerIcon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=peers`}
+            hidden={row.original.name === "All"}
+            text={t("groups.count.peers")}
+            count={row.original.peers_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "policies_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={<div className={"text-xs normal-case"}>{t("groups.tooltip.policies")}</div>}
+            >
+              <AccessControlIcon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<AccessControlIcon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=policies`}
+            text={
+              row.original.policies_count === 1
+                ? t("groups.count.policy")
+                : t("groups.count.policies")
+            }
+            count={row.original.policies_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "resources_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={
+                <div className={"text-xs normal-case"}>
+                  {t("groups.tooltip.networkResources")}
+                </div>
+              }
+            >
+              <Layers3Icon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<Layers3Icon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=resources`}
+            text={t("groups.count.networkResources")}
+            count={row.original.resources_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "routes_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={
+                <div className={"text-xs normal-case"}>
+                  {t("groups.tooltip.networkRoutes")}
+                </div>
+              }
+            >
+              <NetworkRoutesIcon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<NetworkRoutesIcon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=network-routes`}
+            text={t("groups.count.networkRoutes")}
+            count={row.original.routes_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "nameservers_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={<div className={"text-xs normal-case"}>{t("groups.tooltip.nameservers")}</div>}
+            >
+              <DNSIcon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<DNSIcon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=nameservers`}
+            text={t("groups.count.nameservers")}
+            count={row.original.nameservers_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "zones_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              tooltip={<div className={"text-xs normal-case"}>{t("groups.tooltip.zones")}</div>}
+            >
+              <DNSZoneIcon size={16} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<DNSZoneIcon size={14} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=zones`}
+            text={t("groups.count.zones")}
+            count={row.original.zones_count}
+          />
+        ),
+      },
+      {
+        accessorKey: "setup_keys_count",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader
+              column={column}
+              center={true}
+              tooltip={<div className={"text-xs normal-case"}>{t("groups.tooltip.setupKeys")}</div>}
+            >
+              <SetupKeysIcon size={12} />
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <GroupsCountCell
+            icon={<SetupKeysIcon size={10} />}
+            groupName={row.original.name}
+            href={`/group?id=${row.original.id}&tab=setup-keys`}
+            hidden={row.original.name === "All"}
+            text={t("groups.count.setupKeys")}
+            count={row.original.setup_keys_count}
+          />
+        ),
+      },
+      {
+        id: "in_use",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("groups.inUse")}</DataTableHeader>;
+        },
+        sortingFn: "basic",
+        accessorFn: (row) => {
+          return (
+            row.peers_count > 0 ||
+            row.nameservers_count > 0 ||
+            row.policies_count > 0 ||
+            row.routes_count > 0 ||
+            row.setup_keys_count > 0 ||
+            row.users_count > 0 ||
+            row.resources_count > 0 ||
+            row.zones_count > 0
+          );
+        },
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ row }) => (
+          <GroupProvider group={row.original} isDetailPage={false}>
+            <GroupsActionCell group={row.original} inUse={row.getValue("in_use")} />
+          </GroupProvider>
+        ),
+      },
+      {
+        accessorKey: "search",
+        accessorFn: (row) => removeAllSpaces(row.name),
+        filterFn: "fuzzy",
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   headingTarget?: HTMLHeadingElement | null;
@@ -267,8 +287,9 @@ type Props = {
 export default function GroupsTable({ headingTarget }: Readonly<Props>) {
   const { data: groups, isLoading } = useGroupsUsage();
   const path = usePathname();
+  const { t } = useI18n();
+  const columns = useGroupsTableColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -286,13 +307,13 @@ export default function GroupsTable({ headingTarget }: Readonly<Props>) {
   return (
     <DataTable
       headingTarget={headingTarget}
-      text={"Groups"}
+      text={t("groups.title")}
       sorting={sorting}
       isLoading={isLoading}
       setSorting={setSorting}
-      columns={GroupsTableColumns}
+      columns={columns}
       data={groups}
-      searchPlaceholder={"Search group by name..."}
+      searchPlaceholder={t("groups.searchPlaceholder")}
       rightSide={() => <AddGroupButton />}
       columnVisibility={{
         in_use: false,
@@ -303,9 +324,7 @@ export default function GroupsTable({ headingTarget }: Readonly<Props>) {
         <>
           <ButtonGroup disabled={groups?.length == 0}>
             <ButtonGroup.Button
-              onClick={() =>
-                table.getColumn("in_use")?.setFilterValue(undefined)
-              }
+              onClick={() => table.getColumn("in_use")?.setFilterValue(undefined)}
               disabled={groups?.length == 0}
               variant={
                 table.getColumn("in_use")?.getFilterValue() === undefined
@@ -313,7 +332,7 @@ export default function GroupsTable({ headingTarget }: Readonly<Props>) {
                   : "secondary"
               }
             >
-              All
+              {t("filters.all")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => table.getColumn("in_use")?.setFilterValue(true)}
@@ -324,7 +343,7 @@ export default function GroupsTable({ headingTarget }: Readonly<Props>) {
                   : "secondary"
               }
             >
-              Used
+              {t("groups.used")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               disabled={groups?.length == 0}
@@ -335,7 +354,7 @@ export default function GroupsTable({ headingTarget }: Readonly<Props>) {
                   : "secondary"
               }
             >
-              Unused
+              {t("groups.unused")}
             </ButtonGroup.Button>
           </ButtonGroup>
           <DataTableRowsPerPage table={table} disabled={groups?.length == 0} />
diff --git a/src/modules/instance-setup/InstanceSetupWizard.tsx b/src/modules/instance-setup/InstanceSetupWizard.tsx
index 36fbe4a2..632b009f 100644
--- a/src/modules/instance-setup/InstanceSetupWizard.tsx
+++ b/src/modules/instance-setup/InstanceSetupWizard.tsx
@@ -11,6 +11,7 @@ import { Label } from "@components/Label";
 import { Input } from "@components/Input";
 import HelpText from "@components/HelpText";
 import { GradientFadedBackground } from "@components/ui/GradientFadedBackground";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface FormData {
   email: string;
@@ -28,6 +29,7 @@ interface FormErrors {
 const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,63}$/i;
 
 export default function InstanceSetupWizard() {
+  const { t } = useI18n();
   const [formData, setFormData] = useState<FormData>({
     email: "",
     password: "",
@@ -42,19 +44,19 @@ export default function InstanceSetupWizard() {
     const newErrors: FormErrors = {};
 
     if (!formData.email.trim()) {
-      newErrors.email = "Email is required";
+      newErrors.email = t("instanceSetup.emailRequired");
     } else if (!emailRegex.test(formData.email)) {
-      newErrors.email = "Please enter a valid email address";
+      newErrors.email = t("instanceSetup.invalidEmail");
     }
 
     if (!formData.password) {
-      newErrors.password = "Password is required";
+      newErrors.password = t("instanceSetup.passwordRequired");
     } else if (formData.password.length < 8) {
-      newErrors.password = "Password must be at least 8 characters";
+      newErrors.password = t("instanceSetup.passwordMinLength");
     }
 
     if (!formData.name.trim()) {
-      newErrors.name = "Name is required";
+      newErrors.name = t("instanceSetup.nameRequired");
     }
 
     setErrors(newErrors);
@@ -80,22 +82,21 @@ export default function InstanceSetupWizard() {
       setIsSuccess(true);
     } catch (err) {
       const error = err as ApiError;
-      let message = "An error occurred. Please try again.";
+      let message = t("instanceSetup.genericError");
 
       switch (error.code) {
         case 400:
-          message = "Invalid request. Please check your input.";
+          message = t("instanceSetup.invalidRequest");
           break;
         case 412:
-          message = "Setup has already been completed. Redirecting to login...";
+          message = t("instanceSetup.alreadyCompleted");
           setTimeout(() => (window.location.href = "/"), 2000);
           break;
         case 422:
-          message =
-            error.message || "Validation error. Please check your input.";
+          message = error.message || t("instanceSetup.validationError");
           break;
         case 500:
-          message = "An error occurred. Please try again.";
+          message = t("instanceSetup.genericError");
           break;
         default:
           message = error.message || message;
@@ -144,14 +145,14 @@ export default function InstanceSetupWizard() {
             <CheckCircle2 className="text-green-500" size={22} />
           </div>
           <h1 className={"text-xl text-center z-10 relative"}>
-            Account Created!
+            {t("instanceSetup.accountCreated")}
           </h1>
           <div
             className={
               "text-sm text-nb-gray-300 font-light mt-2 block text-center z-10 relative"
             }
           >
-            You are being redirected to login in{" "}
+            {t("instanceSetup.redirectingToLoginIn")}{" "}
             <span className={"text-white font-medium"}>{countdown}s</span>...
           </div>
           <div className={"flex items-center justify-center mt-4"}>
@@ -161,7 +162,7 @@ export default function InstanceSetupWizard() {
               variant={"primary"}
               className={"mx-auto w-full"}
             >
-              Go to Login
+              {t("instanceSetup.goToLogin")}
             </Button>
           </div>
         </Card>
@@ -176,14 +177,14 @@ export default function InstanceSetupWizard() {
       </div>
       <Card className={"max-w-[420px] mt-8 mx-auto"}>
         <h1 className={"text-xl text-center z-10 relative"}>
-          Welcome to NetBird
+          {t("instanceSetup.welcomeTitle")}
         </h1>
         <div
           className={
             "text-sm text-nb-gray-300 font-light mt-2 block text-center z-10 relative"
           }
         >
-          Create the first admin account to get started
+          {t("instanceSetup.welcomeDescription")}
         </div>
 
         <form
@@ -192,13 +193,13 @@ export default function InstanceSetupWizard() {
         >
           {errors.general && <ErrorMessage error={errors.general} />}
           <div>
-            <Label htmlFor={"name"}>Name</Label>
+            <Label htmlFor={"name"}>{t("instanceSetup.nameLabel")}</Label>
             <Input
               type="text"
               id="name"
               value={formData.name}
               onChange={handleInputChange("name")}
-              placeholder="Your name"
+              placeholder={t("instanceSetup.namePlaceholder")}
               disabled={isSubmitting}
               autoFocus
               error={errors.name}
@@ -206,7 +207,7 @@ export default function InstanceSetupWizard() {
           </div>
 
           <div>
-            <Label htmlFor={"email"}>Email</Label>
+            <Label htmlFor={"email"}>{t("instanceSetup.emailLabel")}</Label>
             <Input
               type="email"
               id="email"
@@ -219,19 +220,19 @@ export default function InstanceSetupWizard() {
           </div>
 
           <div>
-            <Label htmlFor={"password"}>Password</Label>
+            <Label htmlFor={"password"}>{t("common.password")}</Label>
             <Input
               type={"password"}
               id="password"
               value={formData.password}
               onChange={handleInputChange("password")}
-              placeholder="Enter a strong password"
+              placeholder={t("instanceSetup.passwordPlaceholder")}
               disabled={isSubmitting}
               error={errors.password}
               showPasswordToggle={true}
             />
             <HelpText className={"mt-2"}>
-              Must be at least 8 characters
+              {t("instanceSetup.passwordHelp")}
             </HelpText>
           </div>
 
@@ -244,10 +245,10 @@ export default function InstanceSetupWizard() {
             {isSubmitting ? (
               <>
                 <Loader2 className="animate-spin" size={16} />
-                Creating Account...
+                {t("instanceSetup.creatingAccount")}
               </>
             ) : (
-              "Create Admin Account"
+              t("instanceSetup.createAdminAccount")
             )}
           </Button>
         </form>
@@ -257,7 +258,7 @@ export default function InstanceSetupWizard() {
         <span
           className={"text-sm text-nb-gray-400 font-light pb-10 text-center"}
         >
-          This is a one-time setup for your NetBird instance.
+          {t("instanceSetup.oneTimeSetup")}
         </span>
       </div>
     </div>
diff --git a/src/modules/jobs/CreateDebugJobModal.tsx b/src/modules/jobs/CreateDebugJobModal.tsx
index 683e0573..d01fa559 100644
--- a/src/modules/jobs/CreateDebugJobModal.tsx
+++ b/src/modules/jobs/CreateDebugJobModal.tsx
@@ -20,6 +20,7 @@ import {
 import ModalHeader from "@/components/modal/ModalHeader";
 import { notify } from "@/components/Notification";
 import Separator from "@/components/Separator";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Workload } from "@/interfaces/Job";
 import { useApiCall } from "@/utils/api";
 
@@ -29,6 +30,7 @@ type Props = {
 };
 
 export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
+  const { t } = useI18n();
   const jobRequest = useApiCall<Workload>(`/peers/${peerID}/jobs`, true);
   const { mutate } = useSWRConfig();
 
@@ -55,9 +57,9 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
 
   const createDebugJob = async () => {
     notify({
-      title: "Create Debug Job",
-      description: "Debug job triggered successfully.",
-      loadingMessage: "Creating job...",
+      title: t("jobs.createTitle"),
+      description: t("jobs.createDescription"),
+      loadingMessage: t("jobs.creating"),
       promise: jobRequest
         .post({
           workload: {
@@ -83,8 +85,8 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
     <ModalContent maxWidthClass="max-w-xl">
       <ModalHeader
         icon={<BugPlay size={20} />}
-        title="Debug Bundle"
-        description="Generate a debug bundle on this peer with logs and diagnostics. Useful for troubleshooting without CLI access."
+        title={t("jobs.debugBundle")}
+        description={t("jobs.debugBundleDescription")}
         color="netbird"
       />
 
@@ -93,11 +95,8 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
         {/* Log File Count */}
         <div className="flex justify-between gap-6">
           <div className={"max-w-[300px]"}>
-            <Label>Log File Count</Label>
-            <HelpText>
-              Sets the limit for how many individual log files will be included
-              in the debug bundle.
-            </HelpText>
+            <Label>{t("jobs.logFileCountLabel")}</Label>
+            <HelpText>{t("jobs.logFileCountHelp")}</HelpText>
           </div>
 
           <Input
@@ -109,7 +108,7 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
             onChange={(e) => setLogFileCount(e.target.value)}
             maxWidthClass="w-[220px]"
             customPrefix={<FileText size={16} className="text-nb-gray-300" />}
-            customSuffix="File(s)"
+            customSuffix={t("jobs.filesSuffix")}
           />
         </div>
         {/* Bundle Duration */}
@@ -127,20 +126,17 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
             label={
               <>
                 <AlarmClock size={15} />
-                Enable Bundle Duration
+                {t("jobs.enableBundleDuration")}
               </>
             }
-            helpText="When enabled, allows you to specify a time period for log collection before generating the debug bundle."
+            helpText={t("jobs.enableBundleDurationHelp")}
           />
 
           {bundleForTimeEnabled && (
             <div className="flex justify-between gap-6 mt-6 mb-3">
               <div className={"max-w-[300px]"}>
-                <Label>Duration</Label>
-                <HelpText>
-                  Time period for which logs should be collected before creating
-                  the debug bundle.
-                </HelpText>
+                <Label>{t("jobs.durationLabel")}</Label>
+                <HelpText>{t("jobs.durationHelp")}</HelpText>
               </div>
 
               <Input
@@ -154,7 +150,7 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
                 customPrefix={
                   <AlarmClock size={16} className="text-nb-gray-300" />
                 }
-                customSuffix="Minute(s)"
+                customSuffix={t("jobs.minutesSuffix")}
               />
             </div>
           )}
@@ -167,17 +163,17 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
           label={
             <>
               <Shield size={15} />
-              Anonymize Log Data
+              {t("jobs.anonymizeLabel")}
             </>
           }
-          helpText="Remove sensitive information (IP addresses, domains etc.) before creating the debug bundle."
+          helpText={t("jobs.anonymizeHelp")}
         />
       </div>
 
       <ModalFooter className="items-center">
         <div className="flex gap-3 w-full justify-end">
           <ModalClose asChild>
-            <Button variant="secondary">Cancel</Button>
+            <Button variant="secondary">{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             variant="primary"
@@ -185,7 +181,7 @@ export function CreateDebugJobModalContent({ peerID, onSuccess }: Props) {
             onClick={createDebugJob}
           >
             <PlusCircle size={16} />
-            Create Debug Bundle
+            {t("jobs.createDebugBundle")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/jobs/table/JobOutputCell.tsx b/src/modules/jobs/table/JobOutputCell.tsx
index 402c0d97..efeabcdb 100644
--- a/src/modules/jobs/table/JobOutputCell.tsx
+++ b/src/modules/jobs/table/JobOutputCell.tsx
@@ -3,6 +3,7 @@ import CopyToClipboardText from "@components/CopyToClipboardText";
 import FullTooltip from "@components/FullTooltip";
 import { Input } from "@components/Input";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Job } from "@/interfaces/Job";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
 
@@ -11,6 +12,8 @@ type Props = {
 };
 
 export const JobOutputCell = ({ job }: Props) => {
+  const { t } = useI18n();
+
   if (job.status === "succeeded" && job.workload.result) {
     return (
       <div className="flex flex-col gap-1 items-start justify-center pb-1">
@@ -22,14 +25,14 @@ export const JobOutputCell = ({ job }: Props) => {
             <br />
             <span className="text-nb-gray-200 truncate">
               <CopyToClipboardText
-                message={"Upload key has been copied to your clipboard"}
+                message={t("jobs.outputCopied")}
                 alwaysShowIcon={true}
               >
                 <span className={"font-mono truncate"}>
                   {typeof value === "boolean"
                     ? value
-                      ? "Yes"
-                      : "No"
+                      ? t("common.yes")
+                      : t("common.no")
                     : String(value)}
                 </span>
               </CopyToClipboardText>
diff --git a/src/modules/jobs/table/JobParametersCell.tsx b/src/modules/jobs/table/JobParametersCell.tsx
index 7f536dcb..ff2d27d5 100644
--- a/src/modules/jobs/table/JobParametersCell.tsx
+++ b/src/modules/jobs/table/JobParametersCell.tsx
@@ -3,9 +3,12 @@ import FullTooltip from "@components/FullTooltip";
 import { TooltipListItem } from "@components/TooltipListItem";
 import { InfoIcon } from "lucide-react";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
 
 export const JobParametersCell = ({ parameters }: { parameters: any }) => {
+  const { t } = useI18n();
+
   if (!parameters || Object.keys(parameters).length === 0) {
     return <EmptyRow />;
   }
@@ -34,8 +37,8 @@ export const JobParametersCell = ({ parameters }: { parameters: any }) => {
               value={
                 typeof value === "boolean"
                   ? value
-                    ? "Yes"
-                    : "No"
+                    ? t("common.yes")
+                    : t("common.no")
                   : String(value)
               }
               key={key}
@@ -49,7 +52,7 @@ export const JobParametersCell = ({ parameters }: { parameters: any }) => {
         className="flex items-center gap-1.5 cursor-default"
       >
         <InfoIcon size={12} />
-        {entries.length} Parameters
+        {t("jobs.parametersCount", { count: entries.length })}
       </Badge>
     </FullTooltip>
   );
diff --git a/src/modules/jobs/table/JobStatusCell.tsx b/src/modules/jobs/table/JobStatusCell.tsx
index bc140c80..53df8961 100644
--- a/src/modules/jobs/table/JobStatusCell.tsx
+++ b/src/modules/jobs/table/JobStatusCell.tsx
@@ -1,5 +1,6 @@
 import { cn } from "@utils/helpers";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Job } from "@/interfaces/Job";
 
 type Props = {
@@ -7,6 +8,7 @@ type Props = {
 };
 
 export default function JobStatusCell({ job }: Readonly<Props>) {
+  const { t } = useI18n();
   const status = job.status;
 
   return (
@@ -22,9 +24,9 @@ export default function JobStatusCell({ job }: Readonly<Props>) {
           status == "succeeded" && "bg-green-500",
         )}
       ></span>
-      {status == "pending" && "Pending"}
-      {status == "failed" && "Failed"}
-      {status == "succeeded" && "Completed"}
+      {status == "pending" && t("jobs.status.pending")}
+      {status == "failed" && t("jobs.status.failed")}
+      {status == "succeeded" && t("jobs.status.completed")}
     </div>
   );
 }
diff --git a/src/modules/jobs/table/JobTypeCell.tsx b/src/modules/jobs/table/JobTypeCell.tsx
index 3d0dd247..2b4caa27 100644
--- a/src/modules/jobs/table/JobTypeCell.tsx
+++ b/src/modules/jobs/table/JobTypeCell.tsx
@@ -1,5 +1,6 @@
 import { BugIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Job } from "@/interfaces/Job";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
 
@@ -7,13 +8,15 @@ type Props = {
   job: Job;
 };
 export const JobTypeCell = ({ job }: Props) => {
+  const { t } = useI18n();
+
   if (job.workload.type === "bundle") {
     return (
       <div
         className={"flex items-center gap-2 whitespace-nowrap text-nb-gray-200"}
       >
         <BugIcon size={14} />
-        <span>Debug Bundle</span>
+        <span>{t("jobs.debugBundle")}</span>
       </div>
     );
   }
diff --git a/src/modules/jobs/table/PeerRemoteJobsTable.tsx b/src/modules/jobs/table/PeerRemoteJobsTable.tsx
index 652b2195..c2558af2 100644
--- a/src/modules/jobs/table/PeerRemoteJobsTable.tsx
+++ b/src/modules/jobs/table/PeerRemoteJobsTable.tsx
@@ -8,6 +8,7 @@ import React, { useState } from "react";
 import { useSWRConfig } from "swr";
 import DataTableRefreshButton from "@/components/table/DataTableRefreshButton";
 import { DataTableRowsPerPage } from "@/components/table/DataTableRowsPerPage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Job } from "@/interfaces/Job";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
 import LastTimeRow from "@/modules/common-table-rows/LastTimeRow";
@@ -24,61 +25,68 @@ type Props = {
   headingTarget?: HTMLHeadingElement | null;
 };
 
-const PeerRemoteJobsColumns: ColumnDef<Job>[] = [
-  {
-    accessorKey: "Type",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Type</DataTableHeader>
-    ),
-    cell: ({ row }) => <JobTypeCell job={row.original} />,
-  },
-  {
-    accessorKey: "CreatedAt",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Created</DataTableHeader>
-    ),
-    sortingFn: "datetime",
-    cell: ({ row }) => (
-      <LastTimeRow date={row.original.created_at} text="Created at" />
-    ),
-  },
-  {
-    accessorKey: "Status",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Status</DataTableHeader>
-    ),
-    cell: ({ row }) => <JobStatusCell job={row.original} />,
-  },
-  {
-    accessorKey: "CompletedAt",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Completed</DataTableHeader>
-    ),
-    sortingFn: "datetime",
-    cell: ({ row }) =>
-      row.original.completed_at ? (
-        <LastTimeRow date={row.original.completed_at} text="Completed at" />
-      ) : (
-        <EmptyRow />
+function usePeerRemoteJobsColumns(): ColumnDef<Job>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "Type",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("jobs.type")}</DataTableHeader>
+      ),
+      cell: ({ row }) => <JobTypeCell job={row.original} />,
+    },
+    {
+      accessorKey: "CreatedAt",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("jobs.created")}</DataTableHeader>
+      ),
+      sortingFn: "datetime",
+      cell: ({ row }) => (
+        <LastTimeRow date={row.original.created_at} text={t("jobs.createdAt")} />
+      ),
+    },
+    {
+      accessorKey: "Status",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>
+      ),
+      cell: ({ row }) => <JobStatusCell job={row.original} />,
+    },
+    {
+      accessorKey: "CompletedAt",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("jobs.completed")}</DataTableHeader>
       ),
-  },
-  {
-    accessorKey: "Parameters",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Parameters</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <JobParametersCell parameters={row.original.workload.parameters} />
-    ),
-  },
-  {
-    id: "ResultOrReason",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Output</DataTableHeader>
-    ),
-    cell: ({ row }) => <JobOutputCell job={row.original} />,
-  },
-];
+      sortingFn: "datetime",
+      cell: ({ row }) =>
+        row.original.completed_at ? (
+          <LastTimeRow
+            date={row.original.completed_at}
+            text={t("jobs.completedAt")}
+          />
+        ) : (
+          <EmptyRow />
+        ),
+    },
+    {
+      accessorKey: "Parameters",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("jobs.parameters")}</DataTableHeader>
+      ),
+      cell: ({ row }) => (
+        <JobParametersCell parameters={row.original.workload.parameters} />
+      ),
+    },
+    {
+      id: "ResultOrReason",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("jobs.output")}</DataTableHeader>
+      ),
+      cell: ({ row }) => <JobOutputCell job={row.original} />,
+    },
+  ];
+}
 
 export default function PeerRemoteJobsTable({
   jobs,
@@ -87,6 +95,8 @@ export default function PeerRemoteJobsTable({
   peerID,
 }: Props) {
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
+  const columns = usePeerRemoteJobsColumns();
 
   const [sorting, setSorting] = useState<SortingState>([
     { id: "CreatedAt", desc: true },
@@ -109,17 +119,17 @@ export default function PeerRemoteJobsTable({
       showSearchAndFilters={true}
       inset={false}
       tableClassName="mt-0"
-      text="Jobs"
-      columns={PeerRemoteJobsColumns}
+      text={t("jobs.title")}
+      columns={columns}
       keepStateInLocalStorage={false}
       data={jobs}
-      searchPlaceholder="Search by type, status, or parameters..."
+      searchPlaceholder={t("jobs.searchPlaceholder")}
       isLoading={isLoading}
       getStartedCard={
         <NoResults
           className="py-4"
-          title="This peer has no remote jobs"
-          description="Create a debug bundle or trigger other remote jobs to see them listed here."
+          title={t("jobs.emptyTitle")}
+          description={t("jobs.emptyDescription")}
           icon={<ClipboardList size={20} className="text-nb-gray-300" />}
         />
       }
diff --git a/src/modules/networks/NetworkModal.tsx b/src/modules/networks/NetworkModal.tsx
index bbe1df2f..f381b2e0 100644
--- a/src/modules/networks/NetworkModal.tsx
+++ b/src/modules/networks/NetworkModal.tsx
@@ -20,6 +20,7 @@ import { useApiCall } from "@utils/api";
 import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import React, { useState } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 
 type Props = {
@@ -41,13 +42,13 @@ export default function NetworkModal({
     <Modal open={open} onOpenChange={setOpen}>
       <Content
         network={network}
-        onCreated={(network) => {
+        onCreated={(nextNetwork) => {
           setOpen?.(false);
-          onCreated?.(network);
+          onCreated?.(nextNetwork);
         }}
-        onUpdated={(network) => {
+        onUpdated={(nextNetwork) => {
           setOpen?.(false);
-          onUpdated?.(network);
+          onUpdated?.(nextNetwork);
         }}
         key={open ? "1" : "0"}
       />
@@ -66,14 +67,15 @@ const Content = ({ network, onCreated, onUpdated }: ContentProps) => {
   const [description, setDescription] = useState(network?.description || "");
   const create = useApiCall<Network>("/networks").post;
   const update = useApiCall<Network>("/networks").put;
+  const { t } = useI18n();
 
   const updateNetwork = async () => {
     notify({
       title: name,
-      description: "Network updated successfully.",
-      loadingMessage: "Updating network...",
-      promise: update({ name, description }, `/${network?.id}`).then((n) => {
-        onUpdated?.(n);
+      description: t("network.updated"),
+      loadingMessage: t("network.updating"),
+      promise: update({ name, description }, `/${network?.id}`).then((next) => {
+        onUpdated?.(next);
       }),
     });
   };
@@ -81,10 +83,10 @@ const Content = ({ network, onCreated, onUpdated }: ContentProps) => {
   const createNetwork = async () => {
     notify({
       title: name,
-      description: "Network created successfully.",
-      loadingMessage: "Creating network...",
-      promise: create({ name, description }).then((n) => {
-        onCreated?.(n);
+      description: t("network.created"),
+      loadingMessage: t("network.creating"),
+      promise: create({ name, description }).then((next) => {
+        onCreated?.(next);
       }),
     });
   };
@@ -93,33 +95,27 @@ const Content = ({ network, onCreated, onUpdated }: ContentProps) => {
     <ModalContent maxWidthClass={"max-w-xl"}>
       <ModalHeader
         icon={<NetworkRoutesIcon className={"fill-netbird"} />}
-        title={network ? "Update Network" : "Add Network"}
-        description={
-          network
-            ? network.name
-            : "Access internal resources in LANs and VPC by adding a network."
-        }
+        title={network ? t("network.modalUpdateTitle") : t("network.modalAddTitle")}
+        description={network ? network.name : t("network.modalAddDescription")}
         color={"netbird"}
       />
       <Separator />
       <div className={"px-8 flex-col flex gap-6 py-6"}>
         <div>
-          <Label>Network Name</Label>
-          <HelpText>Provide a unique name for the network.</HelpText>
+          <Label>{t("network.name")}</Label>
+          <HelpText>{t("network.nameHelp")}</HelpText>
           <Input
             tabIndex={0}
-            placeholder={"e.g., Office Network"}
+            placeholder={t("network.namePlaceholder")}
             value={name}
             onChange={(e) => setName(e.target.value)}
           />
         </div>
         <div>
-          <Label>Description (optional)</Label>
-          <HelpText>
-            Write a short description to add more context to this network.
-          </HelpText>
+          <Label>{t("network.descriptionLabel")}</Label>
+          <HelpText>{t("network.descriptionHelp")}</HelpText>
           <Textarea
-            placeholder={"e.g., Berlin, Münzstraße 12 "}
+            placeholder={t("network.descriptionPlaceholder")}
             value={description}
             rows={3}
             onChange={(e) => setDescription(e.target.value)}
@@ -130,19 +126,19 @@ const Content = ({ network, onCreated, onUpdated }: ContentProps) => {
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/networks"}
               target={"_blank"}
             >
-              Networks
+              {t("networks.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -152,11 +148,11 @@ const Content = ({ network, onCreated, onUpdated }: ContentProps) => {
             onClick={network ? updateNetwork : createNetwork}
           >
             {network ? (
-              "Save Changes"
+              t("actions.saveChanges")
             ) : (
               <>
                 <PlusCircle size={16} />
-                Add Network
+                {t("networks.addNetwork")}
               </>
             )}
           </Button>
diff --git a/src/modules/networks/NetworkProvider.tsx b/src/modules/networks/NetworkProvider.tsx
index 6d4255ae..19c908eb 100644
--- a/src/modules/networks/NetworkProvider.tsx
+++ b/src/modules/networks/NetworkProvider.tsx
@@ -18,6 +18,7 @@ import PoliciesProvider from "@/contexts/PoliciesProvider";
 import { ResourceIcon } from "@/assets/icons/ResourceIcon";
 import CopyToClipboardText from "@components/CopyToClipboardText";
 import { cn } from "@utils/helpers";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children: React.ReactNode;
@@ -73,6 +74,7 @@ export const NetworkProvider = ({
   onResourceDelete,
   onResourceUpdate,
 }: Props) => {
+  const { t } = useI18n();
   const { mutate } = useSWRConfig();
   const { confirm } = useDialog();
   const deleteCall = useApiCall("/networks").del;
@@ -159,9 +161,9 @@ export const NetworkProvider = ({
         : undefined,
       name:
         network && !resource
-          ? `${network?.name} Policy`
+          ? t("networks.defaultPolicyName", { name: network?.name || "" })
           : resource
-          ? `${resource?.name} Policy`
+          ? t("networks.defaultPolicyName", { name: resource?.name || "" })
           : "",
       description:
         network && !resource
@@ -195,25 +197,33 @@ export const NetworkProvider = ({
     if (!isMulti && action === "edit") return true;
     return confirm({
       title: isMulti ? (
-        <>This policy is used by multiple resources</>
+        <>{t("networks.multiPolicyTitle")}</>
       ) : (
         <>
-          {action === "edit" ? "Edit" : "Delete"} policy &apos;{policy.name}
-          &apos;?
+          {action === "edit"
+            ? t("actions.edit")
+            : t("actions.delete")}{" "}
+          {t("networks.policyLabel")} &apos;{policy.name}&apos;?
         </>
       ),
       description: isMulti
-        ? `This policy uses one or many resource group(s) as destinations. ${
-            action === "edit" ? "Updating" : "Deleting"
-          } this policy will also affect following resources:`
+        ? t("networks.multiPolicyDescription", {
+            action:
+              action === "edit"
+                ? t("networks.updating")
+                : t("networks.deleting"),
+          })
         : action === "delete"
-        ? "Are you sure you want to delete this policy? This action cannot be undone."
+        ? t("policies.deleteDescription")
         : undefined,
       children: isMulti ? (
         <AffectedResourceList resources={affectedResources} />
       ) : undefined,
-      confirmText: action === "edit" ? "Edit Policy" : "Delete Policy",
-      cancelText: "Cancel",
+      confirmText:
+        action === "edit"
+          ? t("networks.editPolicy")
+          : t("networks.deletePolicy"),
+      cancelText: t("common.cancel"),
       hideIcon: isMulti,
       type: action === "edit" ? "warning" : "danger",
       maxWidthClass: isMulti ? "max-w-lg" : undefined,
@@ -222,11 +232,10 @@ export const NetworkProvider = ({
 
   const deleteNetwork = async (network: Network) => {
     const choice = await confirm({
-      title: `Delete network '${network.name}'?`,
-      description:
-        "Are you sure you want to delete this network? Every resource and routing peers will be removed from this network. This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("networks.deleteTitle", { name: network.name }),
+      description: t("networks.deleteDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
 
@@ -239,8 +248,8 @@ export const NetworkProvider = ({
 
     notify({
       title: network.name,
-      description: "Network deleted successfully.",
-      loadingMessage: "Deleting network...",
+      description: t("networks.deleted"),
+      loadingMessage: t("networks.deleting"),
       promise,
     });
 
@@ -252,11 +261,10 @@ export const NetworkProvider = ({
     resource: NetworkResource,
   ) => {
     const choice = await confirm({
-      title: `Delete resource '${resource.name}'?`,
-      description:
-        "Are you sure you want to delete this resource? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("networks.deleteResourceTitle", { name: resource.name }),
+      description: t("networks.deleteResourceDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
 
@@ -264,8 +272,8 @@ export const NetworkProvider = ({
 
     notify({
       title: resource.name,
-      description: "Resource deleted successfully.",
-      loadingMessage: "Deleting resource...",
+      description: t("networks.resourceDeleted"),
+      loadingMessage: t("networks.deletingResource"),
       promise: deleteCall({}, `/${network.id}/resources/${resource.id}`).then(
         () => {
           onResourceDelete?.();
@@ -279,19 +287,19 @@ export const NetworkProvider = ({
 
   const deleteRouter = async (network: Network, router: NetworkRouter) => {
     const choice = await confirm({
-      title: `Remove this router?`,
-      description: "Are you sure you want to remove this router?",
-      confirmText: "Remove",
-      cancelText: "Cancel",
+      title: t("networks.removeRouterTitle"),
+      description: t("networks.removeRouterDescription"),
+      confirmText: t("actions.remove"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
 
     if (!choice) return;
 
     notify({
-      title: "Router of " + network.name,
-      description: "Router deleted successfully.",
-      loadingMessage: "Deleting router...",
+      title: t("networks.routerOf", { name: network.name }),
+      description: t("networks.routerDeleted"),
+      loadingMessage: t("networks.deletingRouter"),
       promise: deleteCall({}, `/${network.id}/routers/${router.id}`).then(
         () => {
           mutate(`/networks/${network.id}/routers`);
@@ -302,11 +310,10 @@ export const NetworkProvider = ({
 
   const askForRoutingPeer = async (network: Network) => {
     const choice = await confirm({
-      title: `Add Routing Peer to '${network.name}'?`,
-      description:
-        "Without a routing peer, the resources inside this network will not be accessible by any peers.",
-      confirmText: "Add Routing Peer",
-      cancelText: "Later",
+      title: t("networks.askRoutingPeerTitle", { name: network.name }),
+      description: t("networks.askRoutingPeerDescription"),
+      confirmText: t("networkRouting.add"),
+      cancelText: t("common.later"),
       type: "default",
     });
     if (!choice) return;
@@ -315,11 +322,10 @@ export const NetworkProvider = ({
 
   const askForResource = async (network: Network) => {
     const choice = await confirm({
-      title: `Add Resource to '${network.name}'?`,
-      description:
-        "Peers will be able to access your network resources once you add them.",
-      confirmText: "Add Resource",
-      cancelText: "Later",
+      title: t("networks.askResourceTitle", { name: network.name }),
+      description: t("networks.askResourceDescription"),
+      confirmText: t("networks.addResource"),
+      cancelText: t("common.later"),
       type: "default",
     });
     if (!choice) return;
@@ -502,6 +508,7 @@ export const useNetworksContext = () => {
 };
 
 function AffectedResourceList({ resources }: { resources: NetworkResource[] }) {
+  const { t } = useI18n();
   const maxVisible = 6;
   const visible = resources.slice(0, maxVisible);
   const remaining = resources.length - maxVisible;
@@ -528,7 +535,7 @@ function AffectedResourceList({ resources }: { resources: NetworkResource[] }) {
       ))}
       {remaining > 0 && (
         <div className="border-t border-nb-gray-900 px-3 py-2 text-nb-gray-200">
-          + {remaining} more
+          {t("common.moreCount", { count: remaining })}
         </div>
       )}
     </div>
diff --git a/src/modules/networks/PolicyCell.tsx b/src/modules/networks/PolicyCell.tsx
index cf682844..eeaca93f 100644
--- a/src/modules/networks/PolicyCell.tsx
+++ b/src/modules/networks/PolicyCell.tsx
@@ -2,29 +2,31 @@ import Badge from "@components/Badge";
 import Button from "@components/Button";
 import { PlusCircle, ShieldIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   count: number;
 };
 
 export const PolicyCell = ({ count }: Props) => {
+  const { t } = useI18n();
   return count > 0 ? (
     <div className={"flex gap-3"}>
       <Badge variant={"gray"} useHover={true}>
         <ShieldIcon size={14} className={"text-green-500"} />
         <div>
-          <span className={"font-medium"}>{count}</span> Access Policie(s)
+          <span className={"font-medium"}>{count}</span> {t("accessControl.policiesTitle")}
         </div>
       </Badge>
       <Button size={"xs"} variant={"secondary"} className={"min-w-[130px]"}>
         <PlusCircle size={12} />
-        Add Policy
+        {t("networks.addPolicy")}
       </Button>
     </div>
   ) : (
     <Button size={"xs"} variant={"secondary"} className={"min-w-[130px]"}>
       <PlusCircle size={12} />
-      Add Policy
+      {t("networks.addPolicy")}
     </Button>
   );
 };
diff --git a/src/modules/networks/misc/NetworkNavigation.tsx b/src/modules/networks/misc/NetworkNavigation.tsx
index 7345eeef..c13fe3e0 100644
--- a/src/modules/networks/misc/NetworkNavigation.tsx
+++ b/src/modules/networks/misc/NetworkNavigation.tsx
@@ -3,20 +3,23 @@ import * as React from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 
+import { useI18n } from "@/i18n/I18nProvider";
+
 export const NetworkNavigation = () => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   return (
     <>
       <SidebarItem
         icon={<NetworkRoutesIcon />}
-        label={"Networks"}
+        label={t("networks.title")}
         href={"/networks"}
         visible={permission.networks.read}
       />
       <SidebarItem
         icon={<NetworkRoutesIcon />}
         href={"/network-routes"}
-        label={"Network Routes"}
+        label={t("networkRoutesPage.title")}
         visible={permission.routes.read}
       />
     </>
diff --git a/src/modules/networks/resources/NetworkResourceAccessControl.tsx b/src/modules/networks/resources/NetworkResourceAccessControl.tsx
index dfbee0b0..c3c5906c 100644
--- a/src/modules/networks/resources/NetworkResourceAccessControl.tsx
+++ b/src/modules/networks/resources/NetworkResourceAccessControl.tsx
@@ -10,6 +10,7 @@ import {
 } from "@components/DropdownMenu";
 import { Edit2, MoreVertical, PlusIcon, Trash2 } from "lucide-react";
 import React, { useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkResource } from "@/interfaces/Network";
 import { Policy, PolicyRuleResource } from "@/interfaces/Policy";
 import { cn } from "@utils/helpers";
@@ -49,6 +50,7 @@ export default function NetworkResourceAccessControl({
 }: Readonly<Props>) {
   const { network, confirmMultiResourceAction } = useNetworksContext();
   const { openEditPolicyModal, deletePolicy } = usePolicies();
+  const { t } = useI18n();
   const [policyModalOpen, setPolicyModalOpen] = useState(false);
   const [editingPolicyIndex, setEditingPolicyIndex] = useState<number | null>(
     null,
@@ -125,11 +127,9 @@ export default function NetworkResourceAccessControl({
   return (
     <div className={"px-8 flex-col flex gap-6"}>
       <div>
-        <Label>Access Control Policies</Label>
+        <Label>{t("networkResourceAccessControl.title")}</Label>
         <HelpText>
-          Define which source groups are allowed to access this resource. You
-          can also restrict access to specific protocols and ports. Without
-          policies access to this resource will not be possible.
+          {t("networkResourceAccessControl.description")}
         </HelpText>
 
         {allPolicies.length > 0 && (
@@ -142,13 +142,13 @@ export default function NetworkResourceAccessControl({
               <thead>
                 <tr>
                   <th className="py-2 px-4 text-left text-[11px] uppercase tracking-wider text-nb-gray-400 font-medium">
-                    Name
+                    {t("table.name")}
                   </th>
                   <th className="py-2 pl-5 pr-2 text-left text-[11px] uppercase tracking-wider text-nb-gray-400 font-medium">
-                    Source Groups
+                    {t("networkResourceAccessControl.sourceGroups")}
                   </th>
                   <th className="py-2 px-4 text-left text-[11px] uppercase tracking-wider text-nb-gray-400 font-medium">
-                    Protocol & Ports
+                    {t("networkResourceAccessControl.protocolPorts")}
                   </th>
                   <th className="py-2 pr-4 pl-2" />
                 </tr>
@@ -235,7 +235,7 @@ export default function NetworkResourceAccessControl({
                               >
                                 <div className="flex gap-3 items-center">
                                   <Edit2 size={14} className="shrink-0" />
-                                  Edit Policy
+                                  {t("networkResourceAccessControl.editPolicy")}
                                 </div>
                               </DropdownMenuItem>
                               <DropdownMenuItem
@@ -244,7 +244,7 @@ export default function NetworkResourceAccessControl({
                               >
                                 <div className="flex gap-3 items-center">
                                   <Trash2 size={14} className="shrink-0" />
-                                  Delete Policy
+                                  {t("networkResourceAccessControl.deletePolicy")}
                                 </div>
                               </DropdownMenuItem>
                             </DropdownMenuContent>
@@ -266,7 +266,7 @@ export default function NetworkResourceAccessControl({
           onClick={openAddPolicy}
         >
           <PlusIcon size={14} />
-          Add Policy
+          {t("networkResourceAccessControl.addPolicy")}
         </Button>
       </div>
 
diff --git a/src/modules/networks/resources/NetworkResourceModal.tsx b/src/modules/networks/resources/NetworkResourceModal.tsx
index e5fb0e4b..dd107243 100644
--- a/src/modules/networks/resources/NetworkResourceModal.tsx
+++ b/src/modules/networks/resources/NetworkResourceModal.tsx
@@ -21,6 +21,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@components/Tabs";
 import { useApiCall } from "@utils/api";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePolicies } from "@/contexts/PoliciesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 import {
   ExternalLinkIcon,
@@ -90,6 +91,7 @@ export function ResourceModalContent({
   resource,
   initialTab,
 }: ModalProps) {
+  const { t } = useI18n();
   const create = useApiCall<NetworkResource>(
     `/networks/${network.id}/resources`,
   ).post;
@@ -149,19 +151,18 @@ export function ResourceModalContent({
   const nameError = useMemo(() => {
     if (name === "") return "";
     if (resourceExists(name, resource?.id))
-      return "A resource with this name already exists. Please use another name.";
+      return t("networkResources.nameExistsError");
     return "";
-  }, [name, resourceExists, resource?.id]);
+  }, [name, resourceExists, resource?.id, t]);
 
   const confirmMissingPolicies = async () => {
     if (allResourcePolicies.length > 0) return true;
     return confirm({
-      title: "No Access Control Policies Configured",
-      description:
-        "Without access control policies, this resource will not be accessible by any peers. You can also create policies later. Are you sure you want to continue?",
+      title: t("networkResources.noPoliciesTitle"),
+      description: t("networkResources.noPoliciesDescription"),
       type: "warning",
-      confirmText: resource ? "Save Changes" : "Add Resource",
-      cancelText: "Cancel",
+      confirmText: resource ? t("actions.saveChanges") : t("networkResources.add"),
+      cancelText: t("actions.cancel"),
       maxWidthClass: "max-w-lg",
     });
   };
@@ -181,9 +182,9 @@ export function ResourceModalContent({
     });
 
     notify({
-      title: "Resource Created",
-      description: `The resource "${name}" has been created successfully.`,
-      loadingMessage: "Creating resource...",
+      title: t("networkResources.createdTitle"),
+      description: t("networkResources.createdDescription", { name }),
+      loadingMessage: t("networkResources.creating"),
       promise,
     });
 
@@ -204,9 +205,9 @@ export function ResourceModalContent({
       onUpdated?.(r);
     });
     notify({
-      title: "Resource Updated",
-      description: `Resource "${name}" has been updated successfully.`,
-      loadingMessage: "Updating resource...",
+      title: t("networkResources.updatedTitle"),
+      description: t("networkResources.updatedDescription", { name }),
+      loadingMessage: t("networkResources.updating"),
       promise,
     });
   };
@@ -223,11 +224,15 @@ export function ResourceModalContent({
     >
       <ModalHeader
         icon={<WorkflowIcon size={20} />}
-        title={resource ? "Edit Resource" : "Add Resource"}
+        title={
+          resource
+            ? t("networkResources.editModalTitle")
+            : t("networkResources.addModalTitle")
+        }
         description={
           resource
             ? `${resource.name}`
-            : `Add new resource to "${network?.name}"`
+            : t("networkResources.addModalDescription", { network: network?.name })
         }
         color={"yellow"}
       />
@@ -236,29 +241,27 @@ export function ResourceModalContent({
         <TabsList justify={"start"} className={"px-8"}>
           <TabsTrigger value={"resource"}>
             <WorkflowIcon size={16} />
-            Resource
+            {t("networkResources.resourceTab")}
           </TabsTrigger>
           <TabsTrigger
             value={"access-control"}
             disabled={!resource && !canCreate}
           >
             <ShieldCheck size={16} />
-            Access Control
+            {t("networkResources.accessControlTab")}
           </TabsTrigger>
         </TabsList>
 
         <TabsContent value={"resource"} className={"pb-4"}>
           <div className={"px-8 flex-col flex gap-6"}>
             <div>
-              <Label>Name</Label>
-              <HelpText>
-                Set an easily identifiable name for your resource
-              </HelpText>
+              <Label>{t("table.name")}</Label>
+              <HelpText>{t("networkResources.nameHelp")}</HelpText>
               <Input
                 ref={nameRef}
                 autoFocus={true}
                 tabIndex={0}
-                placeholder={"e.g., Postgres Database"}
+                placeholder={t("networkResources.namePlaceholder")}
                 value={name}
                 error={nameError}
                 onChange={(e) => setName(e.target.value)}
@@ -270,29 +273,23 @@ export function ResourceModalContent({
               onError={setAddressError}
               description={
                 <>
-                  Enter a single{" "}
+                  {t("networkResources.addressDescriptionPrefix")}{" "}
                   <HelpTooltip
-                    content={
-                      "A single host address, e.g., 10.0.0.1 or 192.168.1.5. Use this to give access to a specific machine or service."
-                    }
+                    content={t("networkResources.addressIpHelp")}
                   >
-                    IP Address
+                    {t("networkResources.ipAddress")}
                   </HelpTooltip>
                   ,{" "}
                   <HelpTooltip
-                    content={
-                      "To give access to an entire subnet, use a CIDR block. For example, 10.0.0.0/24 or 192.168.1.0/24."
-                    }
+                    content={t("networkResources.addressCidrHelp")}
                   >
-                    CIDR Block
+                    {t("networkResources.cidrBlock")}
                   </HelpTooltip>{" "}
-                  or{" "}
+                  {t("networkResources.or")}{" "}
                   <HelpTooltip
-                    content={
-                      "A DNS domain name, e.g., service.internal, example.com or *.example.com to match all subdomains."
-                    }
+                    content={t("networkResources.addressDomainHelp")}
                   >
-                    Domain Name
+                    {t("networkResources.domainName")}
                   </HelpTooltip>
                 </>
               }
@@ -309,64 +306,61 @@ export function ResourceModalContent({
                   }
                 >
                   <span className={"relative top-[1px]"}>
-                    Optional Settings
+                    {t("networkResources.optionalSettings")}
                   </span>
                 </AccordionTrigger>
                 <AccordionContent className={""}>
                   <div className={"flex flex-col gap-6 pb-4 pt-2"}>
                     <div>
-                      <Label>Description</Label>
-                      <HelpText>
-                        Write a short description to add more context to this
-                        resource.
-                      </HelpText>
+                      <Label>{t("network.descriptionLabel")}</Label>
+                      <HelpText>{t("networkResources.descriptionHelp")}</HelpText>
                       <Input
-                        placeholder={"e.g., Production, Development"}
+                        placeholder={t("networkResources.descriptionPlaceholder")}
                         value={description}
                         onChange={(e) => setDescription(e.target.value)}
                       />
                     </div>
                     <div>
-                      <Label>Resource Groups</Label>
+                      <Label>{t("networkResources.groupsLabel")}</Label>
                       <HelpText className={"mt-1"}>
-                        Add this resource to a group (e.g., Databases, Web
-                        Servers) and reference the group <br /> in access
-                        policies to simplify management.
+                        {t("networkResources.groupsHelpLine1")} <br />
+                        {t("networkResources.groupsHelpLine2")}
                       </HelpText>
                       <PeerGroupSelector
                         side={"top"}
                         onChange={setGroups}
                         values={groups}
                         showPeerCounter={false}
-                        placeholder={"Add or select resource group(s)..."}
+                        placeholder={t("networkResources.groupsPlaceholder")}
                         policies={allPolicies}
                       />
                       {groupPolicyCount > 0 && (
                         <Callout variant={"info"} className={"mt-3"}>
-                          Your selected resource groups are used in{" "}
+                          {t("networkResources.groupPolicyPrefix")}{" "}
                           <span className="text-white font-medium">
-                            {groupPolicyCount} Access Control{" "}
-                            {groupPolicyCount === 1 ? "Policy" : "Policies"}
+                            {t("networkResources.groupPolicyCount", {
+                              count: groupPolicyCount,
+                            })}
                           </span>
-                          . This resource will inherit access from{" "}
+                          . {t("networkResources.groupPolicyInheritance")}{" "}
                           {groupPolicyCount === 1
-                            ? "this policy"
-                            : "these policies"}
+                            ? t("networkResources.thisPolicy")
+                            : t("networkResources.thesePolicies")}
                           .
                           {isAddressValid || resource ? (
                             <>
                               {" "}
-                              Please review them in the{" "}
+                              {t("networkResources.reviewPoliciesPrefix")}{" "}
                               <InlineButtonLink
                                 onClick={() => setTab("access-control")}
                                 variant={"dashed"}
                               >
-                                Access Control
+                                {t("networkResources.accessControlTab")}
                               </InlineButtonLink>{" "}
-                              tab.
+                              {t("networkResources.reviewPoliciesSuffix")}
                             </>
                           ) : (
-                            " Please review them in the Access Control tab."
+                            ` ${t("networkResources.reviewPoliciesInline")}`
                           )}
                         </Callout>
                       )}
@@ -394,12 +388,12 @@ export function ResourceModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={"https://docs.netbird.io/how-to/networks#resources"}
               target={"_blank"}
             >
-              Resources
+              {t("networkResources.linkLabel")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
@@ -410,14 +404,14 @@ export function ResourceModalContent({
               {tab === "resource" && (
                 <>
                   <ModalClose asChild={true}>
-                    <Button variant={"secondary"}>Cancel</Button>
+                    <Button variant={"secondary"}>{t("actions.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant={"primary"}
                     onClick={() => setTab("access-control")}
                     disabled={!canCreate}
                   >
-                    Continue
+                    {t("actions.continue")}
                   </Button>
                 </>
               )}
@@ -428,7 +422,7 @@ export function ResourceModalContent({
                     variant={"secondary"}
                     onClick={() => setTab("resource")}
                   >
-                    Back
+                    {t("actions.back")}
                   </Button>
                   <Button
                     variant={"primary"}
@@ -437,7 +431,7 @@ export function ResourceModalContent({
                     disabled={!canCreate}
                   >
                     <PlusCircle size={16} />
-                    Add Resource
+                    {t("networkResources.add")}
                   </Button>
                 </>
               )}
@@ -445,7 +439,7 @@ export function ResourceModalContent({
           ) : (
             <>
               <ModalClose asChild={true}>
-                <Button variant={"secondary"}>Cancel</Button>
+                <Button variant={"secondary"}>{t("actions.cancel")}</Button>
               </ModalClose>
               <Button
                 variant={"primary"}
@@ -453,7 +447,7 @@ export function ResourceModalContent({
                 onClick={updateResource}
                 disabled={!canCreate}
               >
-                Save Changes
+                {t("actions.saveChanges")}
               </Button>
             </>
           )}
diff --git a/src/modules/networks/resources/ResourceActionCell.tsx b/src/modules/networks/resources/ResourceActionCell.tsx
index c2d04394..d6eaabba 100644
--- a/src/modules/networks/resources/ResourceActionCell.tsx
+++ b/src/modules/networks/resources/ResourceActionCell.tsx
@@ -8,6 +8,7 @@ import {
 import { MoreVertical, SquarePenIcon, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkResource } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -15,6 +16,7 @@ type Props = {
   resource: NetworkResource;
 };
 export const ResourceActionCell = ({ resource }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { deleteResource, network, openResourceModal } = useNetworksContext();
 
@@ -49,7 +51,7 @@ export const ResourceActionCell = ({ resource }: Props) => {
           >
             <div className={"flex gap-3 items-center"}>
               <SquarePenIcon size={14} className={"shrink-0"} />
-              Edit
+              {t("actions.edit")}
             </div>
           </DropdownMenuItem>
           <DropdownMenuItem
@@ -62,7 +64,7 @@ export const ResourceActionCell = ({ resource }: Props) => {
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Delete
+              {t("actions.delete")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/networks/resources/ResourceEnabledCell.tsx b/src/modules/networks/resources/ResourceEnabledCell.tsx
index 27fccf99..0bd75b7d 100644
--- a/src/modules/networks/resources/ResourceEnabledCell.tsx
+++ b/src/modules/networks/resources/ResourceEnabledCell.tsx
@@ -8,6 +8,7 @@ import { usePermissions } from "@/contexts/PermissionsProvider";
 import { Group } from "@/interfaces/Group";
 import { NetworkResource } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   resource: NetworkResource;
@@ -17,6 +18,7 @@ export const ResourceEnabledCell = ({
   resource,
   mutateAllResourcesOnUpdate,
 }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
 
   const { mutate } = useSWRConfig();
@@ -28,11 +30,12 @@ export const ResourceEnabledCell = ({
 
   const toggle = async (enabled: boolean) => {
     notify({
-      title: `Update Resource`,
-      description: `'${resource?.name}' is now ${
-        enabled ? "enabled" : "disabled"
-      }`,
-      loadingMessage: "Updating resource...",
+      title: t("networkResources.updatedTitle"),
+      description: t("networkResources.toggleDescription", {
+        name: resource?.name || "",
+        status: enabled ? t("table.active") : t("common.disabled"),
+      }),
+      loadingMessage: t("networkResources.updating"),
       duration: 1200,
       promise: update({
         ...resource,
diff --git a/src/modules/networks/resources/ResourceGroupCell.tsx b/src/modules/networks/resources/ResourceGroupCell.tsx
index b6d6bb94..1908f6a6 100644
--- a/src/modules/networks/resources/ResourceGroupCell.tsx
+++ b/src/modules/networks/resources/ResourceGroupCell.tsx
@@ -5,6 +5,7 @@ import MultipleGroups, {
 import { IconCirclePlus } from "@tabler/icons-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { NetworkResource } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
@@ -13,6 +14,7 @@ type Props = {
   resource?: NetworkResource;
 };
 export const ResourceGroupCell = ({ resource }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
 
   const { network, openResourceGroupModal } = useNetworksContext();
@@ -44,7 +46,7 @@ export const ResourceGroupCell = ({ resource }: Props) => {
           disabled={!permission.networks.update}
         >
           <IconCirclePlus size={14} />
-          Add Groups
+          {t("groupsRow.addGroups")}
         </Badge>
       )}
     </button>
diff --git a/src/modules/networks/resources/ResourceGroupModal.tsx b/src/modules/networks/resources/ResourceGroupModal.tsx
index 0537a89d..2ccb7cc9 100644
--- a/src/modules/networks/resources/ResourceGroupModal.tsx
+++ b/src/modules/networks/resources/ResourceGroupModal.tsx
@@ -13,6 +13,7 @@ import * as React from "react";
 import { Network, NetworkResource } from "@/interfaces/Network";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { FolderGit2 } from "lucide-react";
 import Separator from "@components/Separator";
 
@@ -58,6 +59,7 @@ const ResourceGroupModalContent = ({
   const update = useApiCall<NetworkResource>(
     `/networks/${network?.id}/resources/${resource?.id}`,
   ).put;
+  const { t } = useI18n();
 
   const { policies } = useNetworksContext();
   const [groups, setGroups, { save: saveGroups }] = useGroupHelper({
@@ -67,9 +69,9 @@ const ResourceGroupModalContent = ({
   const updateResource = async () => {
     const savedGroups = await saveGroups();
     notify({
-      title: "Update Resource",
-      description: `'${resource?.name}' groups updated`,
-      loadingMessage: "Updating resource groups...",
+      title: t("networkResources.groupsUpdateTitle"),
+      description: t("networkResources.groupsUpdateDescription", { name: resource?.name || "" }),
+      loadingMessage: t("networkResources.groupsUpdating"),
       promise: update({
         ...resource,
         groups: savedGroups.map((g) => g.id),
@@ -82,10 +84,8 @@ const ResourceGroupModalContent = ({
   return (
     <ModalContent maxWidthClass={"max-w-2xl"}>
       <ModalHeader
-        title={"Resource Groups"}
-        description={
-          "Add this resource to a group (e.g., Databases, Web Servers) and reference the group in access policies to simplify management."
-        }
+        title={t("networkResources.groupsLabel")}
+        description={t("networkResources.groupsModalDescription")}
         icon={<FolderGit2 size={18} />}
       />
 
@@ -97,7 +97,7 @@ const ResourceGroupModalContent = ({
             onChange={setGroups}
             values={groups}
             showPeerCounter={false}
-            placeholder={"Add or select resource group(s)..."}
+            placeholder={t("networkResources.groupsPlaceholder")}
             policies={policies}
           />
         </div>
@@ -106,11 +106,11 @@ const ResourceGroupModalContent = ({
       <ModalFooter className={"items-center"}>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button variant={"primary"} onClick={updateResource}>
-            Save Groups
+            {t("networkResources.saveGroups")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/networks/resources/ResourcePolicyCell.tsx b/src/modules/networks/resources/ResourcePolicyCell.tsx
index b0e5e2d4..8c31485b 100644
--- a/src/modules/networks/resources/ResourcePolicyCell.tsx
+++ b/src/modules/networks/resources/ResourcePolicyCell.tsx
@@ -11,11 +11,13 @@ import { NetworkResource } from "@/interfaces/Network";
 import { Policy } from "@/interfaces/Policy";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 import { cn } from "@utils/helpers";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   resource?: NetworkResource;
 };
 export const ResourcePolicyCell = ({ resource }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const {
     openResourceModal,
@@ -46,7 +48,7 @@ export const ResourcePolicyCell = ({ resource }: Props) => {
         {policyCount === 0 && (
           <Badge variant={"gray"}>
             <ShieldOff size={12} className="text-red-500" />
-            <span className={"font-medium text-xs"}>None</span>
+            <span className={"font-medium text-xs"}>{t("common.none")}</span>
           </Badge>
         )}
 
@@ -134,7 +136,9 @@ export const ResourcePolicyCell = ({ resource }: Props) => {
                 <span className={"font-medium text-xs"}>
                   {enabledPolicies?.length > 0
                     ? enabledPolicies?.length
-                    : `${policyCount} Disabled`}
+                    : t("networkResources.policyCountDisabled", {
+                        count: policyCount,
+                      })}
                 </span>
               </div>
             </Badge>
@@ -149,7 +153,7 @@ export const ResourcePolicyCell = ({ resource }: Props) => {
           onClick={() => openResourceModal(network, resource, "access-control")}
         >
           <Settings size={12} />
-          Configure
+          {t("actions.configure")}
         </Button>
       </div>
     )
diff --git a/src/modules/networks/resources/ResourceSingleAddressInput.tsx b/src/modules/networks/resources/ResourceSingleAddressInput.tsx
index 536f0d88..c90637be 100644
--- a/src/modules/networks/resources/ResourceSingleAddressInput.tsx
+++ b/src/modules/networks/resources/ResourceSingleAddressInput.tsx
@@ -6,6 +6,7 @@ import cidr from "ip-cidr";
 import { GlobeIcon, NetworkIcon, WorkflowIcon } from "lucide-react";
 import * as React from "react";
 import { useEffect, useMemo } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: string;
@@ -20,13 +21,14 @@ type Props = {
 export const ResourceSingleAddressInput = ({
   value,
   onChange,
-  label = "Address",
+  label,
   className = "",
   onError,
-  description = "Enter a single IP address, CIDR block or domain name",
-  placeholder = "Address (IP, CIDR or Domain)",
+  description,
+  placeholder,
   autoFocus,
 }: Props) => {
+  const { t } = useI18n();
   const hasChars = useMemo(() => {
     return !!value.match(/[a-z*]/i);
   }, [value]);
@@ -51,18 +53,18 @@ export const ResourceSingleAddressInput = ({
         !value.includes(".") ||
         value.endsWith(".")
       ) {
-        return "Please enter a valid domain, e.g. service.internal, example.com or *.example.com";
+        return t("networkResources.addressDomainError");
       }
       return ""; // Valid domain
     }
 
     // Case 2: If it's not a valid domain, check if it's a valid CIDR
     if (!cidr.isValidAddress(value)) {
-      return "Please enter a valid IP or CIDR, e.g., 10.0.0.21, 192.168.1.0/24";
+      return t("networkResources.addressIpOrCidrError");
     }
 
     return ""; // Valid CIDR
-  }, [value, hasChars, isCIDRBlock]);
+  }, [value, hasChars, isCIDRBlock, t]);
 
   useEffect(() => {
     onError?.(error);
@@ -70,13 +72,13 @@ export const ResourceSingleAddressInput = ({
 
   return (
     <div className={className}>
-      <Label>{label}</Label>
-      <HelpText>{description}</HelpText>
+      <Label>{label ?? t("networkResources.addressLabel")}</Label>
+      <HelpText>{description ?? t("networkResources.addressHelp")}</HelpText>
       <Input
         autoFocus={autoFocus}
         customPrefix={PrefixIcon}
         error={error}
-        placeholder={placeholder}
+        placeholder={placeholder ?? t("networkResources.addressPlaceholder")}
         value={value}
         onChange={(e) => onChange(e.target.value)}
       />
diff --git a/src/modules/networks/resources/ResourcesTabContent.tsx b/src/modules/networks/resources/ResourcesTabContent.tsx
index d8085cd3..156a9139 100644
--- a/src/modules/networks/resources/ResourcesTabContent.tsx
+++ b/src/modules/networks/resources/ResourcesTabContent.tsx
@@ -3,6 +3,7 @@ import SkeletonTable, {
 } from "@components/skeletons/SkeletonTable";
 import * as React from "react";
 import { Suspense } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkResource } from "@/interfaces/Network";
 import ResourcesTable from "@/modules/networks/resources/ResourcesTable";
 import Paragraph from "@components/Paragraph";
@@ -18,23 +19,24 @@ export const ResourcesTabContent = ({
   data,
   isLoading,
 }: ResourcesSectionProps) => {
+  const { t } = useI18n();
   return (
     <div className={"px-8"}>
       <div className={"flex justify-between items-center mb-5"}>
         <div>
           <Paragraph>
-            Add resources to this network to control what peers can access.
+            {t("resourcesTable.networkDescription")}
           </Paragraph>
           <Paragraph>
-            Learn more about{" "}
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/networks#resources"}
               target={"_blank"}
             >
-              Resources
+              {t("networkResources.linkLabel")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
-            in our documentation.
+            {t("common.inDocumentationSuffix")}
           </Paragraph>
         </div>
       </div>
diff --git a/src/modules/networks/resources/ResourcesTable.tsx b/src/modules/networks/resources/ResourcesTable.tsx
index 2314b9bb..c4bb2ad0 100644
--- a/src/modules/networks/resources/ResourcesTable.tsx
+++ b/src/modules/networks/resources/ResourcesTable.tsx
@@ -12,6 +12,7 @@ import { useRouter, useSearchParams } from "next/navigation";
 import * as React from "react";
 import { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { NetworkResource } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
@@ -118,6 +119,7 @@ export default function ResourcesTable({
   isGroupPage,
 }: Readonly<Props>) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const params = useSearchParams();
   const resourceId = params.get("resource") ?? undefined;
 
@@ -148,8 +150,62 @@ export default function ResourcesTable({
       showSearchAndFilters={true}
       inset={false}
       tableClassName={"mt-0"}
-      text={"Resources"}
-      columns={NetworkResourceColumns}
+      text={t("networkResources.linkLabel")}
+      columns={NetworkResourceColumns.map(
+        (column): ColumnDef<NetworkResource> => {
+        if (column.id === "name") {
+          return {
+            ...column,
+            header: ({ column: tableColumn }: { column: any }) => (
+              <DataTableHeader column={tableColumn}>
+                {t("networkResources.resourceTab")}
+              </DataTableHeader>
+            ),
+          } as ColumnDef<NetworkResource>;
+        }
+        if (column.id === "address") {
+          return {
+            ...column,
+            header: ({ column: tableColumn }: { column: any }) => (
+              <DataTableHeader column={tableColumn}>
+                {t("resourcesTable.address")}
+              </DataTableHeader>
+            ),
+          } as ColumnDef<NetworkResource>;
+        }
+        if (column.id === "enabled") {
+          return {
+            ...column,
+            header: ({ column: tableColumn }: { column: any }) => (
+              <DataTableHeader column={tableColumn}>
+                {t("resourcesTable.active")}
+              </DataTableHeader>
+            ),
+          } as ColumnDef<NetworkResource>;
+        }
+        if (column.id === "groups") {
+          return {
+            ...column,
+            header: ({ column: tableColumn }: { column: any }) => (
+              <DataTableHeader column={tableColumn}>
+                {t("networkResources.groupsLabel")}
+              </DataTableHeader>
+            ),
+          } as ColumnDef<NetworkResource>;
+        }
+        if (column.id === "policies") {
+          return {
+            ...column,
+            header: ({ column: tableColumn }: { column: any }) => (
+              <DataTableHeader column={tableColumn}>
+                {t("nav.policies")}
+              </DataTableHeader>
+            ),
+          } as ColumnDef<NetworkResource>;
+        }
+        return column as ColumnDef<NetworkResource>;
+        },
+      )}
       keepStateInLocalStorage={false}
       initialFilters={
         resourceId ? [{ id: "id", value: resourceId }] : undefined
@@ -157,20 +213,20 @@ export default function ResourcesTable({
       initialSearch={resourceId}
       onFilterReset={removeResourceParam}
       data={resources}
-      searchPlaceholder={"Search by name, address or group..."}
+      searchPlaceholder={t("resourcesTable.searchPlaceholder")}
       isLoading={isLoading}
       getStartedCard={
         <NoResults
           className={"py-4"}
           title={
             isGroupPage
-              ? "This group has no assigned resources"
-              : "This network has no resources"
+              ? t("resourcesTable.emptyGroupTitle")
+              : t("resourcesTable.emptyNetworkTitle")
           }
           description={
             isGroupPage
-              ? "Assign this group to your resources inside your networks to see them listed here."
-              : "Add resources to this network to control what peers can access. Resources can be anything from a single IP, a subnet, or a domain."
+              ? t("resourcesTable.emptyGroupDescription")
+              : t("resourcesTable.emptyNetworkDescription")
           }
           icon={<Layers3Icon size={20} className={"text-nb-gray-400"} />}
         >
@@ -181,7 +237,7 @@ export default function ResourcesTable({
                 className={"mt-4"}
                 onClick={() => router.push("/networks")}
               >
-                Go to Networks
+                {t("resourcesTable.goToNetworks")}
                 <ArrowUpRightIcon size={16} />
               </Button>
             </>
@@ -203,7 +259,7 @@ export default function ResourcesTable({
                 disabled={!permission.networks.update}
               >
                 <IconCirclePlus size={16} />
-                Add Resource
+                {t("networkResources.add")}
               </Button>
             )
           : undefined
diff --git a/src/modules/networks/routing-peers/NetworkRoutingPeerModal.tsx b/src/modules/networks/routing-peers/NetworkRoutingPeerModal.tsx
index 5fb7966a..d4da888a 100644
--- a/src/modules/networks/routing-peers/NetworkRoutingPeerModal.tsx
+++ b/src/modules/networks/routing-peers/NetworkRoutingPeerModal.tsx
@@ -44,6 +44,7 @@ import { Peer } from "@/interfaces/Peer";
 import { SetupKey } from "@/interfaces/SetupKey";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
 import { RoutingPeerMasqueradeSwitch } from "@/modules/networks/routing-peers/RoutingPeerMasqueradeSwitch";
+import { useI18n } from "@/i18n/I18nProvider";
 import SetupModal from "@/modules/setup-netbird-modal/SetupModal";
 
 type Props = {
@@ -89,6 +90,7 @@ function RoutingPeerModalContent({
   onCreated,
   onUpdated,
 }: ContentProps) {
+  const { t } = useI18n();
   const isRoutingPeer = router ? router.peer != "" : true;
 
   const [tab, setTab] = useState("router");
@@ -150,9 +152,9 @@ function RoutingPeerModalContent({
     const isRoutingPeer = type === "peer";
 
     notify({
-      title: "Network Routing Peer",
-      description: "Routing Peer added successfully.",
-      loadingMessage: "Adding Routing Peer...",
+      title: t("routeModal.routingPeer"),
+      description: t("networkRoutingPeers.addedSuccessfully"),
+      loadingMessage: t("networkRoutingPeers.adding"),
       promise: create({
         peer: isRoutingPeer ? routingPeer?.id : undefined,
         peer_groups: !isRoutingPeer
@@ -179,9 +181,9 @@ function RoutingPeerModalContent({
     const isRoutingPeer = type === "peer";
 
     notify({
-      title: "Network Routing Peer",
-      description: "Routing Peer added successfully.",
-      loadingMessage: "Adding Routing Peer...",
+      title: t("routeModal.routingPeer"),
+      description: t("networkRoutingPeers.addedSuccessfully"),
+      loadingMessage: t("networkRoutingPeers.adding"),
       promise: update({
         peer: isRoutingPeer ? routingPeer?.id : undefined,
         peer_groups: !isRoutingPeer
@@ -202,8 +204,8 @@ function RoutingPeerModalContent({
     <ModalContent maxWidthClass={"max-w-xl"}>
       <ModalHeader
         icon={<Share2Icon size={16} />}
-        title={router ? "Update Routing Peer" : "Add Routing Peer"}
-        description={`Route traffic to '${network.name}'`}
+        title={router ? t("networkRoutingPeers.updateTitle") : t("networkRoutingPeers.addTitle")}
+        description={t("networkRoutingPeers.description", { name: network.name })}
         color={"netbird"}
       />
 
@@ -216,7 +218,7 @@ function RoutingPeerModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Routing Peers
+            {t("networkRoutingPeers.tabs.routingPeers")}
           </TabsTrigger>
 
           <TabsTrigger value={"settings"} className={"ml-auto"}>
@@ -226,7 +228,7 @@ function RoutingPeerModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Advanced Settings
+            {t("networkRoutingPeers.tabs.advanced")}
           </TabsTrigger>
         </TabsList>
         <TabsContent value={"router"} className={"pb-6"}>
@@ -243,19 +245,18 @@ function RoutingPeerModalContent({
                 <SegmentedTabs.List>
                   <SegmentedTabs.Trigger value={"peer"}>
                     <MonitorSmartphoneIcon size={16} />
-                    Routing Peers
+                    {t("networkRoutingPeers.segment.peer")}
                   </SegmentedTabs.Trigger>
 
                   <SegmentedTabs.Trigger value={"group"}>
                     <FolderGit2 size={16} />
-                    Peer Group
+                    {t("networkRoutingPeers.segment.group")}
                   </SegmentedTabs.Trigger>
                 </SegmentedTabs.List>
                 <SegmentedTabs.Content value={"peer"}>
                   <div>
                     <HelpText>
-                      Assign a single or multiple peers as routing peers for the
-                      network.
+                      {t("networkRoutingPeers.segment.peerHelp")}
                     </HelpText>
                     <PeerSelector
                       onChange={setRoutingPeer}
@@ -266,8 +267,7 @@ function RoutingPeerModalContent({
                 <SegmentedTabs.Content value={"group"}>
                   <div>
                     <HelpText>
-                      Assign a peer group with machines to be used as routing
-                      peers.
+                      {t("networkRoutingPeers.segment.groupHelp")}
                     </HelpText>
                     <PeerGroupSelector
                       max={1}
@@ -281,14 +281,15 @@ function RoutingPeerModalContent({
 
             <div className={cn("flex justify-between items-center mt-3")}>
               <div>
-                <Label>{"Don't have a routing peer?"}</Label>
+                <Label>{t("networkRoutingPeers.dontHave")}</Label>
                 <HelpText className={""}>
-                  You can install NetBird with a setup key on one or more
-                  machines to act as routing peers.
+                  {t("networkRoutingPeers.dontHaveHelp")}
                 </HelpText>
               </div>
               <InstallNetBirdWithSetupKeyButton
-                name={`Routing Peer (${network.name})`}
+                name={t("networkRoutingPeers.setupKeyName", {
+                  name: network.name,
+                })}
               />
             </div>
           </div>
@@ -302,11 +303,11 @@ function RoutingPeerModalContent({
               label={
                 <>
                   <Power size={15} />
-                  Enable Routing Peer
+                  {t("networkRoutingPeers.enable")}
                 </>
               }
               helpText={
-                "Use this switch to enable or disable the routing peer."
+                t("networkRoutingPeers.enableHelp")
               }
             />
 
@@ -319,9 +320,9 @@ function RoutingPeerModalContent({
 
             <div className={cn("flex justify-between")}>
               <div>
-                <Label>Metric</Label>
+                <Label>{t("networkRoutingPeers.metric")}</Label>
                 <HelpText className={"max-w-[200px]"}>
-                  A lower metric indicates higher priority routing peers.
+                  {t("networkRoutingPeers.metricHelp")}
                 </HelpText>
               </div>
 
@@ -349,12 +350,12 @@ function RoutingPeerModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/networks#routing-peers"}
               target={"_blank"}
             >
-              Routing Peers
+              {t("networkRoutingPeers.tabs.routingPeers")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
@@ -363,21 +364,21 @@ function RoutingPeerModalContent({
           {tab == "router" && (
             <>
               <ModalClose asChild={true}>
-                <Button variant={"secondary"}>Cancel</Button>
+                <Button variant={"secondary"}>{t("actions.cancel")}</Button>
               </ModalClose>
               <Button
                 variant={"primary"}
                 onClick={() => setTab("settings")}
                 disabled={!canContinue}
               >
-                Continue
+                {t("actions.continue")}
               </Button>
             </>
           )}
           {tab == "settings" && (
             <>
               <Button variant={"secondary"} onClick={() => setTab("router")}>
-                Back
+                {t("actions.back")}
               </Button>
 
               <Button
@@ -388,11 +389,11 @@ function RoutingPeerModalContent({
                 onClick={router ? updateRouter : addRouter}
               >
                 {router ? (
-                  <>Save Changes</>
+                  <>{t("actions.saveChanges")}</>
                 ) : (
                   <>
                     <PlusCircle size={16} />
-                    Add Routing Peer
+                    {t("networkRoutingPeers.addTitle")}
                   </>
                 )}
               </Button>
@@ -411,6 +412,7 @@ type InstallNetBirdWithSetupKeyButtonProps = {
 const InstallNetBirdWithSetupKeyButton = ({
   name,
 }: InstallNetBirdWithSetupKeyButtonProps) => {
+  const { t } = useI18n();
   const setupKeyRequest = useApiCall<SetupKey>("/setup-keys", true);
   const { mutate } = useSWRConfig();
   const { confirm } = useDialog();
@@ -421,11 +423,10 @@ const InstallNetBirdWithSetupKeyButton = ({
 
   const createSetupKey = async () => {
     const choice = await confirm({
-      title: `Create a Setup Key?`,
-      description:
-        "If you continue, a one-off setup key will be automatically created and you will be able to install NetBird.",
-      confirmText: "Continue",
-      cancelText: "Cancel",
+      title: t("networkRoutingPeers.createSetupKeyTitle"),
+      description: t("networkRoutingPeers.createSetupKeyDescription"),
+      confirmText: t("actions.continue"),
+      cancelText: t("actions.cancel"),
       type: "default",
     });
     if (!choice) return;
@@ -468,7 +469,7 @@ const InstallNetBirdWithSetupKeyButton = ({
         ) : (
           <DownloadIcon size={14} />
         )}
-        Install NetBird
+        {t("setupModal.installNetBird")}
       </Button>
       {setupKey && (
         <Modal
diff --git a/src/modules/networks/routing-peers/NetworkRoutingPeersTabContent.tsx b/src/modules/networks/routing-peers/NetworkRoutingPeersTabContent.tsx
index ab5865b5..2f2f5746 100644
--- a/src/modules/networks/routing-peers/NetworkRoutingPeersTabContent.tsx
+++ b/src/modules/networks/routing-peers/NetworkRoutingPeersTabContent.tsx
@@ -12,6 +12,7 @@ import { useUsers } from "@/contexts/UsersProvider";
 import Paragraph from "@components/Paragraph";
 import InlineLink from "@components/InlineLink";
 import { ExternalLinkIcon } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export const NetworkRoutingPeersTabContent = ({
   routers,
@@ -20,6 +21,7 @@ export const NetworkRoutingPeersTabContent = ({
   routers?: NetworkRouter[];
   isLoading: boolean;
 }) => {
+  const { t } = useI18n();
   const { groups } = useGroups();
   const { users } = useUsers();
   const { data: peers } = useFetchApi<Peer[]>(`/peers`);
@@ -44,19 +46,18 @@ export const NetworkRoutingPeersTabContent = ({
       <div className={"flex justify-between items-center mb-5"}>
         <div>
           <Paragraph>
-            Add routing peers to this network to access resources inside this
-            network.
+            {t("networkRouting.tabDescription")}
           </Paragraph>
           <Paragraph>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/manage/networks#routing-peers"}
               target={"_blank"}
             >
-              Routing Peers
+              {t("networkDetails.routingPeers")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
-            in our documentation.
+            {t("common.inDocumentationSuffix")}
           </Paragraph>
         </div>
       </div>
diff --git a/src/modules/networks/routing-peers/NetworkRoutingPeersTable.tsx b/src/modules/networks/routing-peers/NetworkRoutingPeersTable.tsx
index 878ff1e4..2bf06f3a 100644
--- a/src/modules/networks/routing-peers/NetworkRoutingPeersTable.tsx
+++ b/src/modules/networks/routing-peers/NetworkRoutingPeersTable.tsx
@@ -10,6 +10,7 @@ import * as React from "react";
 import { useState } from "react";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkRouter } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 import { NetworkRoutingPeerName } from "@/modules/networks/routing-peers/NetworkRoutingPeerName";
@@ -24,65 +25,71 @@ type Props = {
   headingTarget?: HTMLHeadingElement | null;
 };
 
-const NetworkRouterColumns: ColumnDef<NetworkRouter>[] = [
-  {
-    id: "name",
-    accessorKey: "id",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Peer</DataTableHeader>;
+function useNetworkRouterColumns(): ColumnDef<NetworkRouter>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "name",
+      accessorKey: "id",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkRouting.peer")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <NetworkRoutingPeerName router={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <NetworkRoutingPeerName router={row.original} />,
-  },
-  {
-    id: "enabled",
-    accessorKey: "enabled",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Active</DataTableHeader>;
+    {
+      id: "enabled",
+      accessorKey: "enabled",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <RoutingPeersEnabledCell router={row.original} />,
+    },
+    {
+      id: "metric",
+      accessorKey: "metric",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkRouting.metric")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <RouteMetricCell metric={row.original.metric} useHoverStyle={false} />
+      ),
     },
-    cell: ({ row }) => <RoutingPeersEnabledCell router={row.original} />,
-  },
-  {
-    id: "metric",
-    accessorKey: "metric",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Metric</DataTableHeader>;
+    {
+      id: "masquerade",
+      accessorKey: "masquerade",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkRouting.masquerade")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <RoutingPeersMasqueradeCell router={row.original} />,
     },
-    cell: ({ row }) => (
-      <RouteMetricCell metric={row.original.metric} useHoverStyle={false} />
-    ),
-  },
-  {
-    id: "masquerade",
-    accessorKey: "masquerade",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Masquerade</DataTableHeader>;
+    {
+      id: "actions",
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => {
+        return <RoutingPeersActionCell router={row.original} />;
+      },
     },
-    cell: ({ row }) => <RoutingPeersMasqueradeCell router={row.original} />,
-  },
-  {
-    id: "actions",
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => {
-      return <RoutingPeersActionCell router={row.original} />;
+    {
+      id: "search",
+      accessorKey: "search",
+      header: "",
+      filterFn: "fuzzy",
     },
-  },
-  {
-    id: "search",
-    accessorKey: "search",
-    header: "",
-    filterFn: "fuzzy",
-  },
-];
+  ];
+}
 
 export default function NetworkRoutingPeersTable({
   routers,
   isLoading,
   headingTarget,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { openAddRoutingPeerModal, network } = useNetworksContext();
+  const columns = useNetworkRouterColumns();
 
   const [sorting, setSorting] = useState<SortingState>([
     {
@@ -102,19 +109,17 @@ export default function NetworkRoutingPeersTable({
       showSearchAndFilters={true}
       inset={false}
       tableClassName={"mt-0"}
-      text={"Routing Peers"}
-      columns={NetworkRouterColumns}
+      text={t("networkDetails.routingPeers")}
+      columns={columns}
       keepStateInLocalStorage={false}
       data={routers}
-      searchPlaceholder={"Search by peer name, group name..."}
+      searchPlaceholder={t("networkRouting.searchPlaceholder")}
       isLoading={isLoading}
       getStartedCard={
         <NoResults
           className={"py-4"}
-          title={"This network has no routing peers"}
-          description={
-            "Add routing peers to this network to access resources inside this network."
-          }
+          title={t("networkRouting.emptyTitle")}
+          description={t("networkRouting.emptyDescription")}
           icon={<PeerIcon size={18} className={"fill-nb-gray-400"} />}
         />
       }
@@ -128,7 +133,7 @@ export default function NetworkRoutingPeersTable({
           disabled={!permission.networks.update}
         >
           <IconCirclePlus size={16} />
-          Add Routing Peer
+          {t("networkRouting.add")}
         </Button>
       )}
     >
diff --git a/src/modules/networks/routing-peers/RoutingPeerMasqueradeSwitch.tsx b/src/modules/networks/routing-peers/RoutingPeerMasqueradeSwitch.tsx
index 632927a9..4e7864e0 100644
--- a/src/modules/networks/routing-peers/RoutingPeerMasqueradeSwitch.tsx
+++ b/src/modules/networks/routing-peers/RoutingPeerMasqueradeSwitch.tsx
@@ -10,6 +10,7 @@ import { useGroups } from "@/contexts/GroupsProvider";
 import { GroupPeer } from "@/interfaces/Group";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { Peer } from "@/interfaces/Peer";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value: boolean;
@@ -23,6 +24,7 @@ export const RoutingPeerMasqueradeSwitch = ({
   onChange,
   routingPeerGroupId,
 }: Props) => {
+  const { t } = useI18n();
   return (
     <RoutingPeerMasqueradeTooltip show={disabled}>
       <div className={"flex flex-col gap-4"}>
@@ -33,12 +35,10 @@ export const RoutingPeerMasqueradeSwitch = ({
           label={
             <>
               <VenetianMask size={15} />
-              Masquerade
+              {t("networkRouting.masquerade")}
             </>
           }
-          helpText={
-            "Allow access to your private networks without configuring routes on your local routers or other devices."
-          }
+          helpText={t("networkRoutingPeers.masqueradeHelp")}
         />
         {routingPeerGroupId && !value && (
           <RoutingPeerGroupNonLinuxWarning
@@ -59,11 +59,12 @@ export const RoutingPeerMasqueradeTooltip = ({
   show = false,
   children,
 }: RoutingPeerMasqueradeTooltipProps) => {
+  const { t } = useI18n();
   return (
     <FullTooltip
       content={
         <div className={"text-xs"}>
-          Masquerade needs to be enabled for non-Linux routing peers.
+          {t("networkRoutingPeers.masqueradeTooltip")}
         </div>
       }
       delayDuration={250}
@@ -81,6 +82,7 @@ const RoutingPeerGroupNonLinuxWarning = ({
 }: {
   routingPeerGroupId: string;
 }) => {
+  const { t } = useI18n();
   const { groups } = useGroups();
   const { data: peers } = useFetchApi<Peer[]>("/peers", true);
   const group = groups?.find((g) => g.id === routingPeerGroupId);
@@ -109,10 +111,9 @@ const RoutingPeerGroupNonLinuxWarning = ({
           />
         }
       >
-        Group <span className={"text-netbird font-normal"}>{group?.name}</span>{" "}
-        contains at least one non-Linux peer.
-        <br /> Disabled Masquerade will have no effect on non-Linux routing
-        peers.
+        {t("networkRoutingPeers.masqueradeWarningPrefix")}
+        <span className={"text-netbird font-normal"}>{group?.name}</span>
+        {t("networkRoutingPeers.masqueradeWarningSuffix")}
       </Callout>
     )
   );
diff --git a/src/modules/networks/routing-peers/RoutingPeersActionCell.tsx b/src/modules/networks/routing-peers/RoutingPeersActionCell.tsx
index 08308677..da93fcb3 100644
--- a/src/modules/networks/routing-peers/RoutingPeersActionCell.tsx
+++ b/src/modules/networks/routing-peers/RoutingPeersActionCell.tsx
@@ -8,6 +8,7 @@ import {
 import { MoreVertical, SquarePenIcon, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkRouter } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -15,6 +16,7 @@ type Props = {
   router: NetworkRouter;
 };
 export const RoutingPeersActionCell = ({ router }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { deleteRouter, network, openAddRoutingPeerModal } =
     useNetworksContext();
@@ -50,7 +52,7 @@ export const RoutingPeersActionCell = ({ router }: Props) => {
           >
             <div className={"flex gap-3 items-center"}>
               <SquarePenIcon size={14} className={"shrink-0"} />
-              Edit
+              {t("actions.edit")}
             </div>
           </DropdownMenuItem>
           <DropdownMenuItem
@@ -63,7 +65,7 @@ export const RoutingPeersActionCell = ({ router }: Props) => {
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Remove
+              {t("actions.remove")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/networks/routing-peers/RoutingPeersEnabledCell.tsx b/src/modules/networks/routing-peers/RoutingPeersEnabledCell.tsx
index 23f15826..0578e533 100644
--- a/src/modules/networks/routing-peers/RoutingPeersEnabledCell.tsx
+++ b/src/modules/networks/routing-peers/RoutingPeersEnabledCell.tsx
@@ -5,6 +5,7 @@ import * as React from "react";
 import { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkRouter } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -12,6 +13,7 @@ type Props = {
   router: NetworkRouter;
 };
 export const RoutingPeersEnabledCell = ({ router }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { mutate } = useSWRConfig();
   const { network } = useNetworksContext();
@@ -22,9 +24,11 @@ export const RoutingPeersEnabledCell = ({ router }: Props) => {
 
   const toggle = async (enabled: boolean) => {
     notify({
-      title: "Network Routing Peer",
-      description: `Routing peer is now ${enabled ? "enabled" : "disabled"}`,
-      loadingMessage: "Updating routing peer...",
+      title: t("networkRoutingPeers.notifyTitle"),
+      description: t("networkRoutingPeers.toggleDescription", {
+        status: enabled ? t("table.active") : t("common.disabled"),
+      }),
+      loadingMessage: t("networkRoutingPeers.updating"),
       promise: update({
         ...router,
         enabled,
diff --git a/src/modules/networks/routing-peers/RoutingPeersMasqueradeCell.tsx b/src/modules/networks/routing-peers/RoutingPeersMasqueradeCell.tsx
index 632c5b28..a3c8ba73 100644
--- a/src/modules/networks/routing-peers/RoutingPeersMasqueradeCell.tsx
+++ b/src/modules/networks/routing-peers/RoutingPeersMasqueradeCell.tsx
@@ -6,6 +6,7 @@ import * as React from "react";
 import { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetworkRouter } from "@/interfaces/Network";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import type { Peer } from "@/interfaces/Peer";
@@ -16,6 +17,7 @@ type Props = {
   router: NetworkRouter;
 };
 export const RoutingPeersMasqueradeCell = ({ router }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { mutate } = useSWRConfig();
   const { network } = useNetworksContext();
@@ -40,9 +42,11 @@ export const RoutingPeersMasqueradeCell = ({ router }: Props) => {
 
   const toggle = async (enabled: boolean) => {
     notify({
-      title: "Network Routing Peer",
-      description: `Masquerade is now ${enabled ? "enabled" : "disabled"}`,
-      loadingMessage: "Updating masquerade...",
+      title: t("networkRoutingPeers.notifyTitle"),
+      description: t("networkRoutingPeers.masqueradeToggleDescription", {
+        status: enabled ? t("table.active") : t("common.disabled"),
+      }),
+      loadingMessage: t("networkRoutingPeers.updatingMasquerade"),
       promise: update({
         ...router,
         masquerade: enabled,
diff --git a/src/modules/networks/table/NetworkActionCell.tsx b/src/modules/networks/table/NetworkActionCell.tsx
index f786acf9..3280c703 100644
--- a/src/modules/networks/table/NetworkActionCell.tsx
+++ b/src/modules/networks/table/NetworkActionCell.tsx
@@ -10,6 +10,7 @@ import { EyeIcon, MoreVertical, PencilLineIcon, Trash2 } from "lucide-react";
 import { useRouter } from "next/navigation";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -20,6 +21,7 @@ export default function NetworkActionCell({ network }: Readonly<Props>) {
   const { permission } = usePermissions();
   const { deleteNetwork, openEditNetworkModal } = useNetworksContext();
   const router = useRouter();
+  const { t } = useI18n();
 
   return (
     <div className={"flex justify-end pr-4"}>
@@ -41,7 +43,7 @@ export default function NetworkActionCell({ network }: Readonly<Props>) {
           >
             <div className={"flex gap-3 items-center"}>
               <EyeIcon size={14} className={"shrink-0"} />
-              View Details
+              {t("actions.viewDetails")}
             </div>
           </DropdownMenuItem>
           <DropdownMenuItem
@@ -50,7 +52,7 @@ export default function NetworkActionCell({ network }: Readonly<Props>) {
           >
             <div className={"flex gap-3 items-center"}>
               <PencilLineIcon size={14} className={"shrink-0"} />
-              Rename
+              {t("actions.rename")}
             </div>
           </DropdownMenuItem>
 
@@ -63,7 +65,7 @@ export default function NetworkActionCell({ network }: Readonly<Props>) {
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Delete
+              {t("actions.delete")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/networks/table/NetworkPolicyCell.tsx b/src/modules/networks/table/NetworkPolicyCell.tsx
index c910165a..b17f392c 100644
--- a/src/modules/networks/table/NetworkPolicyCell.tsx
+++ b/src/modules/networks/table/NetworkPolicyCell.tsx
@@ -4,6 +4,7 @@ import { PlusCircle, ShieldIcon } from "lucide-react";
 import { useRouter } from "next/navigation";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -12,6 +13,7 @@ type Props = {
 };
 
 export const NetworkPolicyCell = ({ network }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
 
   const { openPolicyModal } = useNetworksContext();
@@ -41,7 +43,7 @@ export const NetworkPolicyCell = ({ network }: Props) => {
         disabled={!permission.networks.update}
       >
         <PlusCircle size={12} />
-        Add Policy
+        {t("networks.addPolicy")}
       </Button>
     </div>
   ) : (
@@ -53,7 +55,7 @@ export const NetworkPolicyCell = ({ network }: Props) => {
         onClick={() => openPolicyModal(network)}
       >
         <PlusCircle size={12} />
-        Add Policy
+        {t("networks.addPolicy")}
       </Button>
     </>
   );
diff --git a/src/modules/networks/table/NetworkResourceCell.tsx b/src/modules/networks/table/NetworkResourceCell.tsx
index ffb28ceb..9be8085d 100644
--- a/src/modules/networks/table/NetworkResourceCell.tsx
+++ b/src/modules/networks/table/NetworkResourceCell.tsx
@@ -4,6 +4,7 @@ import { LayersIcon, PlusCircle } from "lucide-react";
 import { useRouter } from "next/navigation";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -12,6 +13,7 @@ type Props = {
 };
 
 export const NetworkResourceCell = ({ network }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
 
   const { openResourceModal } = useNetworksContext();
@@ -41,7 +43,7 @@ export const NetworkResourceCell = ({ network }: Props) => {
         disabled={!permission.networks.update}
       >
         <PlusCircle size={12} />
-        Add Resource
+        {t("networks.addResource")}
       </Button>
     </div>
   ) : (
@@ -53,7 +55,7 @@ export const NetworkResourceCell = ({ network }: Props) => {
         onClick={() => openResourceModal(network)}
       >
         <PlusCircle size={12} />
-        Add Resource
+        {t("networks.addResource")}
       </Button>
     </>
   );
diff --git a/src/modules/networks/table/NetworkRoutingPeerCell.tsx b/src/modules/networks/table/NetworkRoutingPeerCell.tsx
index b02153f4..b51752f0 100644
--- a/src/modules/networks/table/NetworkRoutingPeerCell.tsx
+++ b/src/modules/networks/table/NetworkRoutingPeerCell.tsx
@@ -7,6 +7,7 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 import { useMemo } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import { useNetworksContext } from "@/modules/networks/NetworkProvider";
 
@@ -14,28 +15,33 @@ type Props = {
   network: Network;
 };
 export default function NetworkRoutingPeerCell({ network }: Props) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const router = useRouter();
   const disabledText = useMemo(
     () => (
       <>
-        High availability is currently{" "}
-        <span className={"text-yellow-400 font-medium"}>inactive</span> for this
-        network.
+        {t("networkDetails.highAvailabilityInactivePrefix")}{" "}
+        <span className={"text-yellow-400 font-medium"}>
+          {t("networkDetails.inactive")}
+        </span>{" "}
+        {t("networkDetails.highAvailabilitySuffix")}
       </>
     ),
-    [],
+    [t],
   );
 
   const enabledText = useMemo(
     () => (
       <>
-        High availability is{" "}
-        <span className={"text-green-500 font-medium"}>active</span> for this
-        network.
+        {t("networkDetails.highAvailabilityActivePrefix")}{" "}
+        <span className={"text-green-500 font-medium"}>
+          {t("networkDetails.active")}
+        </span>{" "}
+        {t("networkDetails.highAvailabilitySuffix")}
       </>
     ),
-    [],
+    [t],
   );
 
   const { openAddRoutingPeerModal } = useNetworksContext();
@@ -57,13 +63,11 @@ export default function NetworkRoutingPeerCell({ network }: Props) {
               {isHighlyAvailable ? enabledText : disabledText}
               {isHighlyAvailable ? (
                 <div className={"inline-flex mt-2"}>
-                  You can add more routing peers to increase the availability of
-                  this network.
+                  {t("networkDetails.highAvailabilityEnabledHelp")}
                 </div>
               ) : (
                 <div className={"inline-flex mt-2"}>
-                  Go ahead and add more routing peers or groups with routing
-                  peers to enable high availability for this network.
+                  {t("networkDetails.highAvailabilityDisabledHelp")}
                 </div>
               )}
             </>
@@ -89,7 +93,7 @@ export default function NetworkRoutingPeerCell({ network }: Props) {
                 )}
               ></div>
               {network?.routing_peers_count && network.routing_peers_count}{" "}
-              Peer(s)
+              {t("networkRouting.peer")}
             </>
 
             <HelpCircle size={12} />
@@ -104,7 +108,7 @@ export default function NetworkRoutingPeerCell({ network }: Props) {
         disabled={!permission.networks.update}
       >
         <PlusCircle size={12} />
-        Add Routing Peer
+        {t("networkRouting.add")}
       </Button>
     </div>
   );
diff --git a/src/modules/networks/table/NetworksTable.tsx b/src/modules/networks/table/NetworksTable.tsx
index dc09b498..9403eca3 100644
--- a/src/modules/networks/table/NetworksTable.tsx
+++ b/src/modules/networks/table/NetworksTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import InlineLink from "@components/InlineLink";
 import SquareIcon from "@components/SquareIcon";
@@ -10,11 +12,12 @@ import { ColumnDef, SortingState } from "@tanstack/react-table";
 import { cn } from "@utils/helpers";
 import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import { usePathname } from "next/navigation";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import { NetworkAccessControlProvider } from "@/modules/networks/NetworkAccessControlProvider";
 import {
@@ -28,48 +31,55 @@ import { NetworkResourceCell } from "@/modules/networks/table/NetworkResourceCel
 import NetworkRoutingPeerCell from "@/modules/networks/table/NetworkRoutingPeerCell";
 import { GlobalSearchModal } from "@/modules/search/GlobalSearchModal";
 
-export const NetworkTableColumns: ColumnDef<Network>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Network</DataTableHeader>
-    ),
-    sortingFn: "text",
-    cell: ({ row }) => <NetworkNameCell network={row.original} />,
-  },
-  {
-    accessorKey: "description",
-  },
-  {
-    accessorKey: "resources",
-    accessorFn: (network) => network?.resources?.length,
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Resources</DataTableHeader>;
-    },
-    cell: ({ row }) => <NetworkResourceCell network={row.original} />,
-  },
-  {
-    accessorKey: "policies",
-    accessorFn: (network) => network?.policies?.length,
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Policies</DataTableHeader>;
-    },
-    cell: ({ row }) => <NetworkPolicyCell network={row.original} />,
-  },
-  {
-    accessorKey: "routers",
-    accessorFn: (network) => network?.routers?.length,
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Routing Peers</DataTableHeader>;
-    },
-    cell: ({ row }) => <NetworkRoutingPeerCell network={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <NetworkActionCell network={row.original} />,
-  },
-];
+function useNetworkTableColumns(): ColumnDef<Network>[] {
+  const { t } = useI18n();
+
+  return useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("networks.title")}</DataTableHeader>
+        ),
+        sortingFn: "text",
+        cell: ({ row }) => <NetworkNameCell network={row.original} />,
+      },
+      {
+        accessorKey: "description",
+      },
+      {
+        accessorKey: "resources",
+        accessorFn: (network) => network?.resources?.length,
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("groups.tooltip.networkResources")}</DataTableHeader>;
+        },
+        cell: ({ row }) => <NetworkResourceCell network={row.original} />,
+      },
+      {
+        accessorKey: "policies",
+        accessorFn: (network) => network?.policies?.length,
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("groups.tooltip.policies")}</DataTableHeader>;
+        },
+        cell: ({ row }) => <NetworkPolicyCell network={row.original} />,
+      },
+      {
+        accessorKey: "routers",
+        accessorFn: (network) => network?.routers?.length,
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("networks.routingPeers")}</DataTableHeader>;
+        },
+        cell: ({ row }) => <NetworkRoutingPeerCell network={row.original} />,
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ row }) => <NetworkActionCell network={row.original} />,
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   data?: Network[];
@@ -85,8 +95,9 @@ export default function NetworksTable({
   const { mutate } = useSWRConfig();
   const path = usePathname();
   const [searchModal, setSearchModal] = useState(false);
+  const { t } = useI18n();
+  const columns = useNetworkTableColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -105,12 +116,12 @@ export default function NetworksTable({
           <DataTable
             headingTarget={headingTarget}
             isLoading={isLoading}
-            text={"Networks"}
+            text={t("networks.title")}
             sorting={sorting}
             setSorting={setSorting}
-            columns={NetworkTableColumns}
+            columns={columns}
             data={data}
-            searchPlaceholder={"Search by network name or description..."}
+            searchPlaceholder={t("networks.searchPlaceholder")}
             columnVisibility={{
               description: false,
             }}
@@ -129,10 +140,8 @@ export default function NetworksTable({
                     size={"large"}
                   />
                 }
-                title={"Create New Network"}
-                description={
-                  "It looks like you don't have any networks. Access internal resources in your LANs and VPC by adding a network."
-                }
+                title={t("networks.emptyTitle")}
+                description={t("networks.emptyDescription")}
                 button={
                   <div className={"gap-x-4 flex items-center justify-center"}>
                     <AddNetworkButton />
@@ -140,12 +149,12 @@ export default function NetworksTable({
                 }
                 learnMore={
                   <>
-                    Learn more about
+                    {t("common.learnMorePrefix")}{" "}
                     <InlineLink
                       href={"https://docs.netbird.io/how-to/networks"}
                       target={"_blank"}
                     >
-                      Networks
+                      {t("networks.title")}
                       <ExternalLinkIcon size={12} />
                     </InlineLink>
                   </>
@@ -184,8 +193,9 @@ export default function NetworksTable({
 
 const AddNetworkButton = () => {
   const { permission } = usePermissions();
-
   const { openCreateNetworkModal } = useNetworksContext();
+  const { t } = useI18n();
+
   return (
     <Button
       variant={"primary"}
@@ -193,7 +203,7 @@ const AddNetworkButton = () => {
       disabled={!permission.networks.create}
     >
       <PlusCircle size={16} />
-      Add Network
+      {t("networks.addNetwork")}
     </Button>
   );
 };
diff --git a/src/modules/onboarding/Onboarding.tsx b/src/modules/onboarding/Onboarding.tsx
index 92f6d5be..d5fba1fb 100644
--- a/src/modules/onboarding/Onboarding.tsx
+++ b/src/modules/onboarding/Onboarding.tsx
@@ -30,6 +30,7 @@ import { OnboardingExplainDefaultPolicy } from "@/modules/onboarding/p2p/Onboard
 import { OnboardingFirstDevice } from "@/modules/onboarding/p2p/OnboardingFirstDevice";
 import { OnboardingSecondDevice } from "@/modules/onboarding/p2p/OnboardingSecondDevice";
 import { OnboardingTestP2P } from "@/modules/onboarding/p2p/OnboardingTestP2P";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export interface OnboardingState {
   intent: Intent;
@@ -99,6 +100,7 @@ export const Onboarding = ({
   isOnboardingPending,
   domainCategory,
 }: Props) => {
+  const { t } = useI18n();
   const { data: networks } = useFetchApi<Network[]>("/networks", true, false);
   const { data: policies } = useFetchApi<Policy[]>("/policies", true);
   const router = useRouter();
@@ -306,7 +308,7 @@ export const Onboarding = ({
         >
           <div>
             <VisuallyHidden asChild>
-              <DialogTitle>Onboarding</DialogTitle>
+              <DialogTitle>{t("onboarding.dialogTitle")}</DialogTitle>
             </VisuallyHidden>
             <div
               className={cn(
@@ -584,7 +586,7 @@ export const Onboarding = ({
                     "text-sm text-nb-gray-400 font-light pb-10 text-center px-4"
                   }
                 >
-                  Already know how NetBird works?
+                  {t("onboarding.skipPrompt")}
                   <InlineLink
                     href={"#"}
                     className={"!text-nb-gray-200 ml-1"}
@@ -595,7 +597,7 @@ export const Onboarding = ({
                       onSkip(intent, step);
                     }}
                   >
-                    Skip to Dashboard
+                    {t("onboarding.skipToDashboard")}
                   </InlineLink>
                 </span>
               )}
diff --git a/src/modules/onboarding/OnboardingDevices.tsx b/src/modules/onboarding/OnboardingDevices.tsx
index de8483dc..2df9bcd1 100644
--- a/src/modules/onboarding/OnboardingDevices.tsx
+++ b/src/modules/onboarding/OnboardingDevices.tsx
@@ -5,6 +5,7 @@ import * as React from "react";
 import { NetworkResource } from "@/interfaces/Network";
 import type { Peer } from "@/interfaces/Peer";
 import { Intent } from "@/modules/onboarding/Onboarding";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   intent?: Intent;
@@ -23,6 +24,8 @@ export const OnboardingDevices = ({
   firstRoutingPeer,
   enabled = false,
 }: Props) => {
+  const { t } = useI18n();
+
   return intent === Intent.P2P ? (
     <div
       className={cn(
@@ -59,8 +62,8 @@ export const OnboardingDevices = ({
         <WaitingForDevice
           text={
             !firstDevice
-              ? "Waiting for your first device to connect"
-              : "Waiting for your second device to connect"
+              ? t("onboarding.waitingForFirstDevice")
+              : t("onboarding.waitingForSecondDevice")
           }
         />
       )}
@@ -74,7 +77,9 @@ export const OnboardingDevices = ({
       )}
     >
       {firstRoutingPeer && resource && (
-        <span className={"text-xs text-nb-gray-500"}>Network</span>
+        <span className={"text-xs text-nb-gray-500"}>
+          {t("onboarding.networkLabel")}
+        </span>
       )}
 
       <div
@@ -118,8 +123,8 @@ export const OnboardingDevices = ({
           <WaitingForDevice
             text={
               !firstRoutingPeer
-                ? "Waiting for your routing peer to connect"
-                : "Waiting for your own device to connect"
+                ? t("onboarding.waitingForRoutingPeer")
+                : t("onboarding.waitingForOwnDevice")
             }
           />
         )}
@@ -142,7 +147,7 @@ export const OnboardingDevices = ({
 };
 
 export const WaitingForDevice = ({
-  text = "Waiting for your first device to connect",
+  text,
 }: {
   text: string;
 }) => {
diff --git a/src/modules/onboarding/OnboardingEnd.tsx b/src/modules/onboarding/OnboardingEnd.tsx
index 8b39a973..18fc4af5 100644
--- a/src/modules/onboarding/OnboardingEnd.tsx
+++ b/src/modules/onboarding/OnboardingEnd.tsx
@@ -7,56 +7,52 @@ import * as React from "react";
 import ACLImage from "@/assets/onboarding/acl.png";
 import ActivityImage from "@/assets/onboarding/activity.png";
 import PostureCheckImage from "@/assets/onboarding/posture.png";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   onFinish?: () => void;
 };
 
 export const OnboardingEnd = ({ onFinish }: Props) => {
+  const { t } = useI18n();
   const { oidcUser: user } = useOidcUser();
   const name = user?.given_name || user?.name || user?.preferred_username;
 
-  const title = name ? `Congratulations, ${name}!` : "Congratulations!";
+  const title = name
+    ? t("onboarding.endTitleWithName", { name })
+    : t("onboarding.endTitle");
 
   return (
     <div className={"relative flex flex-col h-full justify-between"}>
       <div>
         <h1 className={"text-xl text-center max-w-sm mx-auto"}>
           {title} <br />
-          You’ve completed the onboarding.
+          {t("onboarding.endSubtitle")}
         </h1>
         <div
           className={
             "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
           }
         >
-          What’s next? Check out these guides to get the most out of NetBird. To
-          learn more, explore the dashboard, visit our documentation, or browse
-          our YouTube channel.
+          {t("onboarding.endDescription")}
         </div>
 
         <div className={"mt-8 flex flex-col gap-8"}>
           <VideoGuide
-            title={"Access Control in Under 5 Minutes"}
+            title={t("onboarding.videoAclTitle")}
             src={ACLImage}
-            description={
-              "Learn how to manage access for your network resources effectively. Whether you want to restrict access to specific machines or allow certain users to connect."
-            }
+            description={t("onboarding.videoAclDescription")}
             href={"https://www.youtube.com/watch?v=WtZD_q-g_Jc"}
           />
           <VideoGuide
-            title={"Provision Users & Groups From Your IdP"}
+            title={t("onboarding.videoIdpTitle")}
             src={PostureCheckImage}
-            description={
-              "Learn how to provision users and groups from your identity provider, such as Okta, Azure AD, or Google Workspace, to manage access control in NetBird and automate onboarding and offboarding processes."
-            }
+            description={t("onboarding.videoIdpDescription")}
             href={"https://www.youtube.com/watch?v=RxYWTpf7cgY"}
           />
           <VideoGuide
-            title={"How NetBird Works"}
-            description={
-              "Learn more about how NetBird works, its architecture, and how it can help you build secure networks."
-            }
+            title={t("onboarding.videoHowTitle")}
+            description={t("onboarding.videoHowDescription")}
             src={ActivityImage}
             href={"https://www.youtube.com/watch?v=CFa7SY4Up9k&t=261s"}
           />
@@ -64,7 +60,7 @@ export const OnboardingEnd = ({ onFinish }: Props) => {
 
         <div className={"mt-10 flex items-center justify-center"}>
           <Button variant={"secondaryLighter"} onClick={onFinish}>
-            Go to Dashboard
+            {t("onboarding.goToDashboard")}
             <ArrowRightIcon size={16} />
           </Button>
         </div>
diff --git a/src/modules/onboarding/OnboardingIntent.tsx b/src/modules/onboarding/OnboardingIntent.tsx
index 6308470e..7fdbf950 100644
--- a/src/modules/onboarding/OnboardingIntent.tsx
+++ b/src/modules/onboarding/OnboardingIntent.tsx
@@ -7,6 +7,7 @@ import {useMemo} from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import {Intent} from "@/modules/onboarding/Onboarding";
+import {useI18n} from "@/i18n/I18nProvider";
 
 type Props =   {
     onSelect: (intent: Intent) => void,
@@ -15,6 +16,7 @@ type Props =   {
 };
 
 export const OnboardingIntent = ({onSelect, useCases, isBusiness}: Props) => {
+    const {t} = useI18n();
     /**
      * Recommend Networks if users ticks any of these use cases
      */
@@ -58,15 +60,13 @@ export const OnboardingIntent = ({onSelect, useCases, isBusiness}: Props) => {
     return (
         <div className={"relative flex flex-col h-full justify-between"}>
             <div>
-                <h1 className={"text-xl text-center"}>Get started with NetBird</h1>
+                <h1 className={"text-xl text-center"}>{t("onboarding.getStartedWithNetBird")}</h1>
                 <div
                     className={
                         "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
                     }
                 >
-                    NetBird provides the flexibility of both a peer-to-peer overlay network and a remote network access
-                    solution.
-                    Choose what fits your needs, you can always combine both.
+                    {t("onboarding.netbirdFlexibility")}
                 </div>
                 <div
                     className={cn(
@@ -75,18 +75,18 @@ export const OnboardingIntent = ({onSelect, useCases, isBusiness}: Props) => {
                     )}
                 >
                     <IntentCard
-                        title={"Peer-to-Peer Network"}
+                        title={t("onboarding.peerToPeerNetwork")}
                         description={
-                        isBusiness ? "Install NetBird on two or more devices to create secure, direct WireGuard connections, like laptop to server or server to database. Add at least two machines to get started." :"Install NetBird on two or more devices in your homelab, such as your laptop, NAS, or Raspberry Pi, to create secure, direct WireGuard connections."
+                        isBusiness ? t("onboarding.p2pBusinessDescription") : t("onboarding.p2pHomelabDescription")
                         }
                         recommended={isP2PRecommended}
                         icon={<PeerIcon size={18} className={"fill-netbird"}/>}
                         onClick={() => onSelect(Intent.P2P)}
                     />
                     <IntentCard
-                        title={"Remote Network Access"}
+                        title={t("onboarding.remoteNetworkAccess")}
                         description={
-                        isBusiness ? "Enable employee remote access to VMs, Kubernetes clusters, and cloud or on-prem resources without installing NetBird on every machine." : "Securely access your homelab remotely from anywhere without installing NetBird on every device."
+                        isBusiness ? t("onboarding.remoteAccessBusinessDescription") : t("onboarding.remoteAccessHomelabDescription")
                         }
                         recommended={isNetworksRecommended}
                         icon={<NetworkRoutesIcon size={18} className={"fill-netbird"}/>}
@@ -113,6 +113,7 @@ const IntentCard = ({
                         onClick,
                         recommended,
                     }: IntentCardProps) => {
+    const {t} = useI18n();
     return (
         <button
             className={
@@ -141,8 +142,7 @@ const IntentCard = ({
                                 <FullTooltip
                                     content={
                                         <div className={"text-xs max-w-xs"}>
-                                            Based on your previous choices, we recommend starting with{" "}
-                                            {title}. You can always combine both options later.
+                                            {t("onboarding.recommendedBasedOnChoices", {title})}
                                         </div>
                                     }
                                 >
@@ -153,7 +153,7 @@ const IntentCard = ({
                           "hover:bg-netbird/20 cursor-help transition-all self-center",
                       )}
                   >
-                    Recommended
+                    {t("onboarding.recommended")}
                     <HelpCircle size={10} className={"ml-1"}/>
                   </span>
                                 </FullTooltip>
diff --git a/src/modules/onboarding/OnboardingSurvey.tsx b/src/modules/onboarding/OnboardingSurvey.tsx
index a44adcba..7127dcd0 100644
--- a/src/modules/onboarding/OnboardingSurvey.tsx
+++ b/src/modules/onboarding/OnboardingSurvey.tsx
@@ -23,6 +23,7 @@ import {
 import React, { useMemo, useState } from "react";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
 import { HubspotFormField } from "@/contexts/AnalyticsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   domainCategory: string;
@@ -53,62 +54,27 @@ export const companySizes = [
 ];
 
 export const referralSourceOptions = [
-  {
-    label: "Search Engines (Google, Bing etc.)",
-    value: "Search Engines (Google, Bing etc.)",
-  },
-  {
-    label: "Coworker or Friend",
-    value: "Coworker or Friend",
-  },
-  {
-    label: "Trade Show or Event",
-    value: "Trade Show or Event",
-  },
-  {
-    label: "Blogs",
-    value: "Blogs",
-  },
-  {
-    label: "Comparison Sites",
-    value: "Comparison Sites",
-  },
-  {
-    label: "Slack",
-    value: "Slack",
-  },
-  {
-    label: "Other",
-    value: "Other",
-  },
-  {
-    label: "NetBird YouTube Channel",
-    value: "NetBird YouTube Channel",
-  },
-  {
-    label: "Other YouTube Channel",
-    value: "Other YouTube Channel",
-  },
-  {
-    label: "NetBird SubReddit",
-    value: "NetBird SubReddit",
-  },
-  {
-    label: "Other Reddit Thread",
-    value: "Other Reddit Thread",
-  },
-  {
-    label: "GitHub",
-    value: "GitHub",
-  },
-];
+  "Search Engines (Google, Bing etc.)",
+  "Coworker or Friend",
+  "Trade Show or Event",
+  "Blogs",
+  "Comparison Sites",
+  "Slack",
+  "Other",
+  "NetBird YouTube Channel",
+  "Other YouTube Channel",
+  "NetBird SubReddit",
+  "Other Reddit Thread",
+  "GitHub",
+] as const;
 
 export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
+  const { t } = useI18n();
   const { oidcUser: user } = useOidcUser();
   const name = user?.given_name || user?.name || user?.preferred_username;
   const welcomeMessage = name
-    ? `Welcome to NetBird, ${name}!`
-    : "Welcome to NetBird!";
+    ? t("onboarding.welcomeWithName", { name })
+    : t("onboarding.welcome");
 
   const isPrivate = domainCategory === "private";
   const [personalOrBusiness, setPersonalOrBusiness] = useState(
@@ -217,8 +183,13 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
   ]);
 
   const randomizedOptions = useMemo(() => {
-    return referralSourceOptions.sort(() => Math.random() - 0.5);
-  }, []);
+    return [...referralSourceOptions]
+      .sort(() => Math.random() - 0.5)
+      .map((value) => ({
+        value,
+        label: t(`onboarding.referralSource.${value}`),
+      }));
+  }, [t]);
 
   const submitForm = () => {
     let fields: HubspotFormField[] = [];
@@ -291,8 +262,7 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
             "text-sm text-nb-gray-300 font-light mt-2 block text-center max-w-md px-10"
           }
         >
-          Share a few details about your use case to help us get you started
-          smoothly.
+          {t("onboarding.shareDetails")}
         </div>
         <div className={"flex flex-col mt-8 z-0 gap-8"}>
           <SegmentedTabs
@@ -302,11 +272,11 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
             <SegmentedTabs.List className={"rounded-lg border"}>
               <SegmentedTabs.Trigger value={"business"}>
                 <BriefcaseIcon size={16} />
-                Business
+                {t("onboarding.business")}
               </SegmentedTabs.Trigger>
               <SegmentedTabs.Trigger value={"personal"}>
                 <UserIcon size={16} />
-                Personal
+                {t("onboarding.personal")}
               </SegmentedTabs.Trigger>
             </SegmentedTabs.List>
           </SegmentedTabs>
@@ -315,7 +285,7 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
             <div className={"flex w-full flex-col gap-2"}>
               <div>
                 <Label>
-                  How many people in your company will use NetBird?
+                  {t("onboarding.companySizeQuestion")}
                   <RequiredAsterisk />
                 </Label>
               </div>
@@ -340,7 +310,7 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
 
           <div className={"flex w-full flex-col gap-2"}>
             <Label>
-              How did you hear about NetBird?
+              {t("onboarding.howHeardAboutNetBird")}
               <RequiredAsterisk />
             </Label>
             <SelectDropdown
@@ -348,7 +318,7 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
               onChange={setReferralSource}
               options={randomizedOptions}
               showValues={false}
-              placeholder={"Please select an option..."}
+              placeholder={t("onboarding.selectOption")}
               variant={"dropdown"}
             />
           </div>
@@ -356,11 +326,11 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
           <div className={"flex w-full flex-col gap-2"}>
             <div>
               <Label>
-                How do you plan to use NetBird?
+                {t("onboarding.howPlanToUseNetBird")}
                 <RequiredAsterisk />
               </Label>
               <HelpText className={"mt-1.5"}>
-                You can also select multiple use cases.
+                {t("onboarding.selectMultipleUseCases")}
               </HelpText>
             </div>
 
@@ -369,61 +339,61 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
                 <>
                   <OnboardingCheckbox value={zeroTrust} setValue={setZeroTrust}>
                     <ShieldCheck size={16} />
-                    Zero Trust Security
+                    {t("onboarding.zeroTrustSecurity")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox
                     value={remoteAccess}
                     setValue={setRemoteAccess}
                   >
                     <Laptop size={16} />
-                    Employee Remote Access
+                    {t("onboarding.employeeRemoteAccess")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox
                     value={businessVPN}
                     setValue={setBusinessVPN}
                   >
                     <BriefcaseIcon size={16} />
-                    Business VPN
+                    {t("onboarding.businessVPN")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox
                     value={siteToSite}
                     setValue={setSiteToSite}
                   >
                     <Layers size={16} />
-                    Site-to-Site Connectivity
+                    {t("onboarding.siteToSiteConnectivity")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox value={ioT} setValue={setIoT}>
                     <Waypoints size={16} />
-                    IoT (Internet of Things)
+                    {t("onboarding.iot")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox value={msp} setValue={setMsp}>
                     <Server size={15} />
-                    MSP (Managed Service Provider)
+                    {t("onboarding.msp")}
                   </OnboardingCheckbox>
                 </>
               ) : (
                 <>
                   <OnboardingCheckbox value={homelab} setValue={setHomelab}>
                     <HomeIcon size={16} />
-                    Homelab Automation
+                    {t("onboarding.homelabAutomation")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox
                     value={homeRemoteAccess}
                     setValue={setHomeRemoteAccess}
                   >
                     <Laptop size={16} />
-                    Home Remote Access
+                    {t("onboarding.homeRemoteAccess")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox
                     value={fileAccess}
                     setValue={setFileAccess}
                   >
                     <FolderIcon size={16} />
-                    File Access
+                    {t("onboarding.fileAccess")}
                   </OnboardingCheckbox>
                   <OnboardingCheckbox value={gaming} setValue={setGaming}>
                     <Gamepad2 size={16} />
-                    Gaming
+                    {t("onboarding.gaming")}
                   </OnboardingCheckbox>
                 </>
               )}
@@ -445,7 +415,7 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
                     "flex items-center gap-1.5 whitespace-nowrap text-sm select-none"
                   }
                 >
-                  Other (Please specify)
+                  {t("onboarding.otherPleaseSpecify")}
                 </div>
               </label>
             </div>
@@ -461,8 +431,8 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
                 ref={inputRef}
                 placeholder={
                   isBusiness
-                    ? "e.g. DNS Management, File Access"
-                    : "e.g. DNS Management, IoT"
+                    ? t("onboarding.businessOtherPlaceholder")
+                    : t("onboarding.personalOtherPlaceholder")
                 }
                 value={otherUseCase}
                 onChange={(e) => setOtherUseCase(e.target.value)}
@@ -478,7 +448,7 @@ export const OnboardingSurvey = ({ domainCategory, onSubmit }: Props) => {
         onClick={submitForm}
         disabled={!canSubmit}
       >
-        Continue
+        {t("actions.continue")}
       </Button>
     </>
   );
diff --git a/src/modules/onboarding/networks/OnboardingAddResource.tsx b/src/modules/onboarding/networks/OnboardingAddResource.tsx
index a827b331..72469600 100644
--- a/src/modules/onboarding/networks/OnboardingAddResource.tsx
+++ b/src/modules/onboarding/networks/OnboardingAddResource.tsx
@@ -7,6 +7,7 @@ import * as React from "react";
 import { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import { useGroups } from "@/contexts/GroupsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { Network, NetworkResource } from "@/interfaces/Network";
 import { Policy } from "@/interfaces/Policy";
@@ -23,6 +24,7 @@ export const OnboardingAddResource = ({
   onResourceCreation,
   onBack,
 }: Props) => {
+  const { t } = useI18n();
   const [resourceType, setResourceType] = useState("");
   const [resourceAddress, setResourceAddress] = useState("");
   const [error, setError] = useState("");
@@ -46,8 +48,8 @@ export const OnboardingAddResource = ({
     if (!network) {
       await networkRequest
         .post({
-          name: "My First Network",
-          description: "Created during onboarding",
+          name: t("onboarding.firstNetworkName"),
+          description: t("onboarding.createdDuringOnboarding"),
         })
         .then((n) => {
           myNetwork = n;
@@ -59,14 +61,17 @@ export const OnboardingAddResource = ({
     if (!myNetwork) return;
 
     notify({
-      title: "My First Network",
-      description: "Network & Resource created successfully",
-      loadingMessage: "Creating your resource...",
+      title: t("onboarding.firstNetworkName"),
+      description: t("onboarding.networkResourceCreated"),
+      loadingMessage: t("onboarding.creatingResource"),
       promise: resourceRequest
         .post(
           {
-            name: resourceType === "subnet" ? "My Subnet" : "My Resource",
-            description: "Created during onboarding",
+            name:
+              resourceType === "subnet"
+                ? t("onboarding.firstSubnetName")
+                : t("onboarding.firstResourceName"),
+            description: t("onboarding.createdDuringOnboarding"),
             address: resourceAddress,
             enabled: true,
             groups: [],
@@ -93,12 +98,12 @@ export const OnboardingAddResource = ({
     );
     if (!usersGroup) {
       usersGroup = await groupRequest.post({
-        name: "Users",
+        name: t("onboarding.usersGroupName"),
       });
     }
     if (!routingPeersGroup) {
       routingPeersGroup = await groupRequest.post({
-        name: "Routing Peers",
+        name: t("onboarding.routingPeersGroupName"),
       });
     }
     return {
@@ -178,60 +183,57 @@ export const OnboardingAddResource = ({
 
   const description = useMemo(() => {
     if (resourceType === "ip")
-      return "Enter a single IPv4 address of your resource";
-    if (resourceType === "subnet") return "Enter a CIDR range of your network";
+      return t("onboarding.resourceIpDescription");
+    if (resourceType === "subnet") return t("onboarding.resourceSubnetDescription");
     if (resourceType === "domain")
-      return "Enter a domain name of your resource";
-  }, [resourceType]);
+      return t("onboarding.resourceDomainInputDescription");
+  }, [resourceType, t]);
 
   const placeholder = useMemo(() => {
-    if (resourceType === "ip") return "e.g., 192.168.31.45";
-    if (resourceType === "subnet") return "e.g., 192.168.1.0/24";
+    if (resourceType === "ip") return t("onboarding.resourceIpPlaceholder");
+    if (resourceType === "subnet") return t("onboarding.resourceSubnetPlaceholder");
     if (resourceType === "domain")
-      return "e.g., service.internal or *.services.internal";
-  }, [resourceType]);
+      return t("onboarding.resourceDomainPlaceholder");
+  }, [resourceType, t]);
 
   return (
     <div className={"relative flex flex-col h-full gap-4"}>
       <div className={"flex flex-col gap-8"}>
         <div>
-          <h1 className={"text-xl text-center"}>Add your first resource</h1>
+          <h1 className={"text-xl text-center"}>{t("onboarding.addResourceTitle")}</h1>
           <div
             className={
               "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
             }
           >
-            Resources are your subnets, services, or machines inside your network.
-            Pick the type you want to connect to.
+            {t("onboarding.addResourceDescription")}
           </div>
         </div>
 
         <RadioCardGroup value={resourceType} onValueChange={setResourceType}>
           <RadioCard
             value={"ip"}
-            title={"Single IP Address"}
+            title={t("onboarding.singleIpAddress")}
             icon={<WorkflowIcon size={12} />}
-            description={"IPv4 address like 192.168.31.45"}
+            description={t("onboarding.singleIpDescription")}
           />
           <RadioCard
             value={"subnet"}
-            title={"Entire Subnet"}
+            title={t("onboarding.entireSubnet")}
             icon={<NetworkIcon size={12} />}
-            description={"CIDR range like 192.168.0.0/24"}
+            description={t("onboarding.entireSubnetDescription")}
           />
           <RadioCard
             value={"domain"}
-            title={"Domain"}
+            title={t("onboarding.domain")}
             icon={<GlobeIcon size={12} />}
-            description={
-              "A domain like service.internal or a wildcard like *.services.internal"
-            }
+            description={t("onboarding.domainDescription")}
           />
         </RadioCardGroup>
 
         {resourceType && (
           <ResourceSingleAddressInput
-            label={"What is the address of your resource?"}
+            label={t("onboarding.resourceAddressLabel")}
             value={resourceAddress}
             onChange={setResourceAddress}
             onError={setError}
@@ -242,7 +244,7 @@ export const OnboardingAddResource = ({
 
         <div className={"flex gap-4"}>
           <Button variant={"secondary"} className={"w-full"} onClick={onBack}>
-            Go Back
+            {t("actions.goBack")}
           </Button>
           <Button
             variant={"primary"}
@@ -250,7 +252,7 @@ export const OnboardingAddResource = ({
             onClick={createResource}
             disabled={resourceAddress === "" || error !== ""}
           >
-            Create Resource
+            {t("onboarding.createResource")}
           </Button>
         </div>
       </div>
diff --git a/src/modules/onboarding/networks/OnboardingAddRoutingPeer.tsx b/src/modules/onboarding/networks/OnboardingAddRoutingPeer.tsx
index 68a18c0f..1ea79b56 100644
--- a/src/modules/onboarding/networks/OnboardingAddRoutingPeer.tsx
+++ b/src/modules/onboarding/networks/OnboardingAddRoutingPeer.tsx
@@ -7,6 +7,7 @@ import { CopyIcon, DownloadIcon, KeyRoundIcon } from "lucide-react";
 import * as React from "react";
 import { useEffect, useState } from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { Network, NetworkRouter } from "@/interfaces/Network";
 import { Peer } from "@/interfaces/Peer";
@@ -24,6 +25,7 @@ export const OnboardingAddRoutingPeer = ({
   peers,
   onRoutingPeerAdded,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
   const [setupKey, setSetupKey] = useState<SetupKey>();
   const { groups } = useGroups();
@@ -40,17 +42,17 @@ export const OnboardingAddRoutingPeer = ({
     );
     if (!routingPeerGroup) {
       routingPeerGroup = await groupRequest.post({
-        name: "Routing Peers",
+        name: t("onboarding.routingPeersGroupName"),
       });
     }
 
     notify({
-      title: "Setup Key Created",
-      description: "Successfully copied to clipboard.",
-      loadingMessage: "Generating setup key...",
+      title: t("onboarding.setupKeyCreated"),
+      description: t("onboarding.copiedToClipboard"),
+      loadingMessage: t("onboarding.generatingSetupKey"),
       promise: setupKeyRequest
         .post({
-          name: "Routing Peer (My First Network)",
+          name: t("onboarding.routingPeerSetupKeyName"),
           type: "one-off",
           expires_in: 24 * 60 * 60, // 1 day expiration
           revoked: false,
@@ -100,8 +102,8 @@ export const OnboardingAddRoutingPeer = ({
       await navigator.clipboard.writeText(key || "");
       if (showMessage) {
         notify({
-          title: "Setup Key Copied",
-          description: "Successfully copied to clipboard.",
+          title: t("onboarding.setupKeyCopied"),
+          description: t("onboarding.copiedToClipboard"),
         });
       }
     } catch (e) {}
@@ -111,22 +113,21 @@ export const OnboardingAddRoutingPeer = ({
     <div className={"relative flex flex-col h-full gap-4"}>
         <div>
             <h1 className={"text-xl text-center"}>
-                Add a routing peer and get the traffic flowing
+                {t("onboarding.addRoutingPeerTitle")}
             </h1>
             <div
                 className={
                     "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
                 }
             >
-                Think of a routing peer as a connector to your internal network.
-                It runs NetBird and lets your remote devices access internal resources, while enforcing access control policies.
+                {t("onboarding.addRoutingPeerDescription")}
             </div>
             <div
                 className={
                     "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
                 }
             >
-                Generate a setup key and install NetBird on that machine.
+                {t("onboarding.addRoutingPeerStep")}
             </div>
         </div>
 
@@ -139,10 +140,10 @@ export const OnboardingAddRoutingPeer = ({
             <div>
                 <div className="text-nb-gray-100 font-normal text-sm text-left gap-2 flex items-center">
             <KeyRoundIcon size={12} />
-            Setup-Key
+            {t("onboarding.setupKey")}
           </div>
           <div className={"text-nb-gray-300 text-[0.8rem] text-left mt-0.5"}>
-            {setupKey?.key || "Not yet generated"}
+            {setupKey?.key || t("onboarding.notGeneratedYet")}
           </div>
         </div>
         {setupKey ? (
@@ -154,7 +155,7 @@ export const OnboardingAddRoutingPeer = ({
           </Button>
         ) : (
           <Button variant={"primary"} onClick={generateSetupKey} size={"xs"}>
-            Generate Setup Key
+            {t("onboarding.generateSetupKey")}
           </Button>
         )}
       </div>
@@ -166,7 +167,7 @@ export const OnboardingAddRoutingPeer = ({
         onClick={() => setOpen(true)}
       >
         <DownloadIcon size={16} />
-        Install Routing Peer
+        {t("onboarding.installRoutingPeer")}
       </Button>
 
       {setupKey && (
@@ -174,7 +175,7 @@ export const OnboardingAddRoutingPeer = ({
           <ModalContent>
             <SetupModalContent
               hostname={"routing-peer"}
-              title={"Install NetBird"}
+              title={t("setupModal.installNetBird")}
               setupKey={setupKey.key}
             />
           </ModalContent>
diff --git a/src/modules/onboarding/networks/OnboardingAddUserDevice.tsx b/src/modules/onboarding/networks/OnboardingAddUserDevice.tsx
index 91db3269..cd54a10a 100644
--- a/src/modules/onboarding/networks/OnboardingAddUserDevice.tsx
+++ b/src/modules/onboarding/networks/OnboardingAddUserDevice.tsx
@@ -9,6 +9,7 @@ import { Group, GroupPeer } from "@/interfaces/Group";
 import { Peer } from "@/interfaces/Peer";
 import { Policy } from "@/interfaces/Policy";
 import { SetupModalContent } from "@/modules/setup-netbird-modal/SetupModal";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   device?: Peer;
@@ -17,6 +18,7 @@ type Props = {
 };
 
 export const OnboardingAddUserDevice = ({ device, policy, onNext }: Props) => {
+  const { t } = useI18n();
   const groupRequest = useApiCall<Group>("/groups", true);
   const { mutate } = useSWRConfig();
   const [open, setOpen] = useState(false);
@@ -67,27 +69,27 @@ export const OnboardingAddUserDevice = ({ device, policy, onNext }: Props) => {
     <div className={"relative flex flex-col h-full gap-4"}>
       <div>
         <h1 className={"text-xl text-center max-w-sm mx-auto"}>
-          {"Time to add your client device"}
+          {t("onboarding.addClientDevice")}
         </h1>
         <div
           className={
             "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
           }
         >
-          {`Your first resource and routing peer are all set. Now, take your device, install NetBird, and let's get you connected.`}
+          {t("onboarding.addClientDeviceDescription")}
         </div>
       </div>
 
       <div className={"flex items-center justify-center mt-3"}>
         <Button variant={"primary"} onClick={() => setOpen(true)}>
           <DownloadIcon size={16} />
-          Install NetBird
+          {t("onboarding.installNetBird")}
         </Button>
       </div>
 
       <Modal open={open} onOpenChange={setOpen}>
         <ModalContent>
-          <SetupModalContent title={"Install NetBird"} hideDocker={true} />
+          <SetupModalContent title={t("onboarding.installNetBird")} hideDocker={true} />
         </ModalContent>
       </Modal>
     </div>
diff --git a/src/modules/onboarding/networks/OnboardingTestResource.tsx b/src/modules/onboarding/networks/OnboardingTestResource.tsx
index 4c901a9f..4584daab 100644
--- a/src/modules/onboarding/networks/OnboardingTestResource.tsx
+++ b/src/modules/onboarding/networks/OnboardingTestResource.tsx
@@ -10,6 +10,7 @@ import { useMemo, useState } from "react";
 import { NetworkResource } from "@/interfaces/Network";
 import { Peer } from "@/interfaces/Peer";
 import { SetupModalContent } from "@/modules/setup-netbird-modal/SetupModal";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   resource?: NetworkResource;
@@ -24,6 +25,7 @@ export const OnboardingTestResource = ({
   onNext,
   onTroubleshootingClick,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   const isSubnet = resource?.type === "subnet";
@@ -35,33 +37,33 @@ export const OnboardingTestResource = ({
     if (isHost && a.endsWith("/32")) {
       a = a.slice(0, -3);
     }
-    if (isWildCard) return `(any subdomain of ${a})`;
-    return isSubnet ? `(resource ip in your subnet)` : a;
+    if (isWildCard) {
+      return t("onboarding.anySubdomainOf", { address: a });
+    }
+    return isSubnet ? t("onboarding.resourceIpInYourSubnet") : a;
   }, [isWildCard, isHost, isSubnet, resource?.address]);
 
   return (
     <div className={"relative flex flex-col h-full gap-4"}>
       <div>
         <h1 className={"text-xl text-center max-w-sm mx-auto"}>
-          {`Let's put that connection to the test`}
+          {t("onboarding.testConnection")}
         </h1>
         <div
           className={
             "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
           }
         >
-          {`Nice work connecting your client device! Now, let’s have a little fun and test if it can reach your resource.`}
+          {t("onboarding.testConnectionDescription")}
         </div>
       </div>
 
       <Steps className={"stepper-bg-variant"}>
         <Steps.Step step={1}>
           <p className={"!text-nb-gray-300"}>
-            Open your command line and run this command from{" "}
-            <span className={cn(device && "text-white")}>
-              {device?.name || "your device"}
-            </span>{" "}
-            to ping your resource.
+            {t("onboarding.openCommandLine")}{" "}
+            {device?.name || t("onboarding.yourDevice")}{" "}
+            {t("onboarding.toPingResource")}
           </p>
           <Code showCopyIcon={!isSubnet && !isWildCard}>
             ping {pingAddress}
@@ -69,14 +71,14 @@ export const OnboardingTestResource = ({
         </Steps.Step>
         <Steps.Step step={2} line={false} className={"pb-0"} disabled={!device}>
           <p className={"!text-nb-gray-300"}>
-            Everything working? Great! You can now continue with the onboarding.
-            If something isn’t right, please check our{" "}
+            {t("onboarding.everythingWorking")}{" "}
+            {t("onboarding.checkTroubleshooting")}
             <InlineLink
               href={"https://docs.netbird.io/how-to/troubleshooting-client"}
               target={"_blank"}
               onClick={onTroubleshootingClick}
             >
-              troubleshooting guide
+              {t("onboarding.troubleshootingGuide")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </p>
@@ -86,7 +88,7 @@ export const OnboardingTestResource = ({
               onClick={onNext}
               className={"w-full"}
             >
-              It works! - Continue
+              {t("onboarding.itWorksContinue")}
             </Button>
           </div>
         </Steps.Step>
@@ -94,7 +96,7 @@ export const OnboardingTestResource = ({
 
       <Modal open={open} onOpenChange={setOpen}>
         <ModalContent>
-          <SetupModalContent title={"Install NetBird"} />
+          <SetupModalContent title={t("onboarding.installNetBird")} />
         </ModalContent>
       </Modal>
     </div>
diff --git a/src/modules/onboarding/p2p/OnboardingFirstDevice.tsx b/src/modules/onboarding/p2p/OnboardingFirstDevice.tsx
index 42568f0d..11ca0443 100644
--- a/src/modules/onboarding/p2p/OnboardingFirstDevice.tsx
+++ b/src/modules/onboarding/p2p/OnboardingFirstDevice.tsx
@@ -5,6 +5,7 @@ import * as React from "react";
 import { useEffect, useState } from "react";
 import { Peer } from "@/interfaces/Peer";
 import { SetupModalContent } from "@/modules/setup-netbird-modal/SetupModal";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   onBack: () => void;
@@ -17,6 +18,7 @@ export const OnboardingFirstDevice = ({
   firstDevice,
   onFinish,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   /**
@@ -30,31 +32,33 @@ export const OnboardingFirstDevice = ({
     <div className={"relative flex flex-col h-full gap-4"}>
       <div>
         <h1 className={"text-xl text-center"}>
-          {`Let's get your first device online`}
+          {t("onboarding.getFirstDeviceOnline")}
         </h1>
         <div
           className={
             "text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4"
           }
         >
-          {`To access other machines, install NetBird, sign in, and your device joins the network.
-          Every device you add becomes a NetBird peer in your network. It's that simple.`}
+          {t("onboarding.getFirstDeviceOnlineDescription")}
         </div>
       </div>
 
       <div className={"flex items-center justify-center mt-4 gap-3"}>
         <Button variant={"secondary"} onClick={onBack}>
-          Go Back
+          {t("actions.goBack")}
         </Button>
         <Button variant={"primary"} onClick={() => setOpen(true)}>
           <DownloadIcon size={16} />
-          Install NetBird
+          {t("onboarding.installNetBird")}
         </Button>
       </div>
 
       <Modal open={open} onOpenChange={setOpen}>
         <ModalContent className={"!z-[70]"}>
-          <SetupModalContent title={"Install NetBird"} hideDocker={true} />
+          <SetupModalContent
+            title={t("onboarding.installNetBird")}
+            hideDocker={true}
+          />
         </ModalContent>
       </Modal>
     </div>
diff --git a/src/modules/onboarding/p2p/OnboardingSecondDevice.tsx b/src/modules/onboarding/p2p/OnboardingSecondDevice.tsx
index 0758ab86..a24efd6c 100644
--- a/src/modules/onboarding/p2p/OnboardingSecondDevice.tsx
+++ b/src/modules/onboarding/p2p/OnboardingSecondDevice.tsx
@@ -12,6 +12,7 @@ import { useDialog } from "@/contexts/DialogProvider";
 import { Peer } from "@/interfaces/Peer";
 import { SetupKey } from "@/interfaces/SetupKey";
 import { SetupModalContent } from "@/modules/setup-netbird-modal/SetupModal";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   secondDevice?: Peer;
@@ -19,6 +20,7 @@ type Props = {
 };
 
 export const OnboardingSecondDevice = ({ secondDevice, onFinish }: Props) => {
+  const { t } = useI18n();
   const setupKeyRequest = useApiCall<SetupKey>("/setup-keys", true);
   const [setupKey, setSetupKey] = useState<SetupKey>();
   const { confirm } = useDialog();
@@ -36,8 +38,8 @@ export const OnboardingSecondDevice = ({ secondDevice, onFinish }: Props) => {
   const openNavigatorShare = () => {
     if (navigator.share) {
       navigator.share({
-        title: "Install NetBird",
-        text: "Install NetBird on another device using this link.",
+        title: t("onboarding.installNetBird"),
+        text: t("onboarding.installNetBirdOnAnotherDevice"),
         url: getInstallUrl(),
       });
     }
@@ -45,11 +47,11 @@ export const OnboardingSecondDevice = ({ secondDevice, onFinish }: Props) => {
 
   const installUsingSetupKey = async () => {
     const choice = await confirm({
-      title: `Create a Setup Key?`,
+      title: t("onboarding.createSetupKey"),
       description:
-        "If you continue, a one-off setup key will be automatically created and you will be able to install NetBird.",
-      confirmText: "Continue",
-      cancelText: "Cancel",
+        t("onboarding.createSetupKeyDescription"),
+      confirmText: t("actions.continue"),
+      cancelText: t("common.cancel"),
       type: "default",
     });
     if (!choice) return;
@@ -75,14 +77,13 @@ export const OnboardingSecondDevice = ({ secondDevice, onFinish }: Props) => {
     <div className={"relative flex flex-col h-full gap-4"}>
       <div>
         <h1 className={"text-xl text-center max-w-sm mx-auto"}>
-          {`Time to bring in your second device`}
+          {t("onboarding.bringSecondDevice")}
         </h1>
         <div className="text-sm text-nb-gray-300 font-light mt-2 block text-center">
-            Each device (a.k.a. peer) in your NetBird network gets its own private IP and name to communicate securely in the network.
+            {t("onboarding.eachDeviceGetsPrivateIP")}
         </div>
         <div className="text-sm text-nb-gray-300 font-light mt-2 block text-center">
-            To complete the setup, just share this link or email it to yourself to set up your next device
-            with ease.
+            {t("onboarding.shareLinkToCompleteSetup")}
         </div>
       </div>
 
@@ -93,7 +94,7 @@ export const OnboardingSecondDevice = ({ secondDevice, onFinish }: Props) => {
       >
         <div>
           <Code
-            message={"Installation link successfully copied"}
+            message={t("onboarding.installationLinkCopied")}
             className={"text-[0.8rem]"}
           >
             {getInstallUrl()}
@@ -106,23 +107,23 @@ export const OnboardingSecondDevice = ({ secondDevice, onFinish }: Props) => {
             className={"h-[42px]"}
           >
             <ShareIcon size={16} />
-            <span className={"lg:hidden"}>Share Link</span>
+            <span className={"lg:hidden"}>{t("onboarding.shareLink")}</span>
           </Button>
         )}
       </div>
       <div className="text-sm text-nb-gray-300 font-light mt-2 block text-center sm:px-4">
-          Use the headless setup to register a peer without a browser or user interaction.{" "}
-        <InlineLink onClick={installUsingSetupKey} href={"#"}>
-          Install with a setup key
-          <ArrowUpRightIcon size={12} />
-        </InlineLink>{" "}
+          {t("onboarding.useHeadlessSetup")}
+          <InlineLink onClick={installUsingSetupKey} href={"#"}>
+            {t("onboarding.installWithSetupKey")}
+            <ArrowUpRightIcon size={12} />
+          </InlineLink>
       </div>
 
       {setupKey && (
         <Modal open={open} onOpenChange={setOpen}>
           <ModalContent>
             <SetupModalContent
-              title={"Install NetBird"}
+              title={t("onboarding.installNetBird")}
               setupKey={setupKey.key}
             />
           </ModalContent>
diff --git a/src/modules/peer/AccessiblePeersSection.tsx b/src/modules/peer/AccessiblePeersSection.tsx
index fbecfa74..2938fb75 100644
--- a/src/modules/peer/AccessiblePeersSection.tsx
+++ b/src/modules/peer/AccessiblePeersSection.tsx
@@ -5,6 +5,7 @@ import SkeletonTable, {
 import useFetchApi from "@utils/api";
 import * as React from "react";
 import { lazy, Suspense } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { useUsers } from "@/contexts/UsersProvider";
 import type { Peer } from "@/interfaces/Peer";
 
@@ -16,6 +17,7 @@ type Props = {
   peerID: string;
 };
 export const AccessiblePeersSection = ({ peerID }: Props) => {
+  const { t } = useI18n();
   const { data: peers, isLoading } = useFetchApi<Peer[]>(
     `/peers/${peerID}/accessible-peers`,
   );
@@ -35,8 +37,7 @@ export const AccessiblePeersSection = ({ peerID }: Props) => {
         <div className={"flex justify-between items-center mb-5"}>
           <div>
             <Paragraph>
-              This peer can connect to the following peers within the NetBird
-              network.
+              {t("peer.accessiblePeersDescription")}
             </Paragraph>
           </div>
         </div>
diff --git a/src/modules/peer/AddRouteDropdownButton.tsx b/src/modules/peer/AddRouteDropdownButton.tsx
index 72407f58..424f6c98 100644
--- a/src/modules/peer/AddRouteDropdownButton.tsx
+++ b/src/modules/peer/AddRouteDropdownButton.tsx
@@ -12,6 +12,7 @@ import React, { useState } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { usePeer } from "@/contexts/PeerProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import RouteAddRoutingPeerModal from "@/modules/routes/RouteAddRoutingPeerModal";
 import { RouteModalContent } from "@/modules/routes/RouteModal";
 
@@ -20,6 +21,7 @@ export default function AddRouteDropdownButton() {
   const [existingNetworkModal, setExistingNetworkModal] = useState(false);
   const { peer } = usePeer();
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   return (
     <>
@@ -44,7 +46,7 @@ export default function AddRouteDropdownButton() {
           }}
         >
           <Button variant={"primary"}>
-            Add Route
+            {t("routeActions.addRoute")}
             <ChevronDown size={16} />
           </Button>
         </DropdownMenuTrigger>
@@ -61,10 +63,10 @@ export default function AddRouteDropdownButton() {
                 size={"small"}
               />
               <div className={"flex flex-col text-left"}>
-                <div className={"text-left text-white"}>New Network Route</div>
-                <div className={"text-xs"}>
-                  Create a new network route with this peer
+                <div className={"text-left text-white"}>
+                  {t("routeActions.newNetworkRoute")}
                 </div>
+                <div className={"text-xs"}>{t("routeActions.newNetworkRouteHelp")}</div>
               </div>
             </div>
           </DropdownMenuItem>
@@ -83,10 +85,10 @@ export default function AddRouteDropdownButton() {
                 size={"small"}
               />
               <div className={"flex flex-col text-left"}>
-                <div className={"text-left text-white"}>Existing Network</div>
-                <div className={"text-xs"}>
-                  Add this peer to an existing network
+                <div className={"text-left text-white"}>
+                  {t("routeActions.existingNetwork")}
                 </div>
+                <div className={"text-xs"}>{t("routeActions.existingNetworkHelp")}</div>
               </div>
             </div>
           </DropdownMenuItem>
diff --git a/src/modules/peer/EphemeralPeerIndicator.tsx b/src/modules/peer/EphemeralPeerIndicator.tsx
index 679e0f3c..5924814f 100644
--- a/src/modules/peer/EphemeralPeerIndicator.tsx
+++ b/src/modules/peer/EphemeralPeerIndicator.tsx
@@ -1,21 +1,23 @@
 import FullTooltip from "@components/FullTooltip";
 import * as React from "react";
+import { PowerOffIcon } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
-import {PowerOffIcon} from "lucide-react";
 
 type Props = {
     peer: Peer;
 };
 export const EphemeralPeerIndicator = ({ peer }: Props) => {
-    if (!peer.ephemeral) {
-        return null;
-    }
+  const { t } = useI18n();
+  if (!peer.ephemeral) {
+    return null;
+  }
 
-    const tooltipContent = "This peer is an ephemeral peer. If it is disconnected for more than 10 minutes it will be removed.";
+  const tooltipContent = t("peer.ephemeralTooltip");
 
-    return (
-        <FullTooltip content={<div className={"text-xs max-w-xs"}>{tooltipContent}</div>}>
-            <PowerOffIcon size={12} className={"shrink-0 text-yellow-400"} />
-        </FullTooltip>
-    );
+  return (
+    <FullTooltip content={<div className={"text-xs max-w-xs"}>{tooltipContent}</div>}>
+      <PowerOffIcon size={12} className={"shrink-0 text-yellow-400"} />
+    </FullTooltip>
+  );
 };
diff --git a/src/modules/peer/ExpirationDisabledIndicator.tsx b/src/modules/peer/ExpirationDisabledIndicator.tsx
index 2faa4414..be660525 100644
--- a/src/modules/peer/ExpirationDisabledIndicator.tsx
+++ b/src/modules/peer/ExpirationDisabledIndicator.tsx
@@ -1,17 +1,19 @@
 import FullTooltip from "@components/FullTooltip";
 import { TimerResetIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 
 type Props = {
   peer: Peer;
 };
 export const ExpirationDisabledIndicator = ({ peer }: Props) => {
+  const { t } = useI18n();
   if (peer.login_expiration_enabled) {
     return null;
   }
 
-  const tooltipContent = "Expiration is disabled for this peer.";
+  const tooltipContent = t("peer.expirationDisabledTooltip");
 
   return (
     <FullTooltip
diff --git a/src/modules/peer/LoginRequiredIndicator.tsx b/src/modules/peer/LoginRequiredIndicator.tsx
index a61fd3a5..c03de5bd 100644
--- a/src/modules/peer/LoginRequiredIndicator.tsx
+++ b/src/modules/peer/LoginRequiredIndicator.tsx
@@ -1,12 +1,14 @@
 import FullTooltip from "@components/FullTooltip";
 import { AlertTriangle } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 
 type Props = {
   peer: Peer;
 };
 export const LoginRequiredIndicator = ({ peer }: Props) => {
+  const { t } = useI18n();
   if (!peer.login_expired) {
     return null;
   }
@@ -15,9 +17,8 @@ export const LoginRequiredIndicator = ({ peer }: Props) => {
     <FullTooltip
       content={
         <div className={"text-xs max-w-xs"}>
-          {" "}
-          This peer is offline and needs to be <br />
-          re-authenticated because its login has expired.
+          {t("peer.loginExpiredTooltipLine1")} <br />
+          {t("peer.loginExpiredTooltipLine2")}
         </div>
       }
     >
diff --git a/src/modules/peer/MinimalPeersTable.tsx b/src/modules/peer/MinimalPeersTable.tsx
index 7d98fdc0..bd04aca2 100644
--- a/src/modules/peer/MinimalPeersTable.tsx
+++ b/src/modules/peer/MinimalPeersTable.tsx
@@ -17,6 +17,7 @@ import { useState } from "react";
 import { useSWRConfig } from "swr";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import PeerAddressCell from "@/modules/peers/PeerAddressCell";
 import PeerLastSeenCell from "@/modules/peers/PeerLastSeenCell";
@@ -36,55 +37,59 @@ type Props = {
   onRowClick?: (row: Row<Peer>) => void;
 };
 
-const MinimalPeersTableColumns: ColumnDef<Peer>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function useMinimalPeersTableColumns(): ColumnDef<Peer>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "name",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <PeerNameCell peer={row.original} />,
+    },
+    {
+      id: "connected",
+      accessorKey: "connected",
+      accessorFn: (peer) => peer.connected,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <PeerNameCell peer={row.original} />,
-  },
-  {
-    id: "connected",
-    accessorKey: "connected",
-    accessorFn: (peer) => peer.connected,
-  },
-  {
-    accessorKey: "ip",
-    sortingFn: "text",
-  },
-  {
-    id: "user_name",
-    accessorFn: (peer) => (peer.user ? peer.user?.name : "Unknown"),
-  },
-  {
-    id: "user_email",
-    accessorFn: (peer) => (peer.user ? peer.user?.email : "Unknown"),
-  },
-  {
-    accessorKey: "dns_label",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Address</DataTableHeader>;
+    {
+      accessorKey: "ip",
+      sortingFn: "text",
     },
-    cell: ({ row }) => <PeerAddressCell peer={row.original} />,
-  },
-  {
-    accessorKey: "last_seen",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last seen</DataTableHeader>;
+    {
+      id: "user_name",
+      accessorFn: (peer) => (peer.user ? peer.user?.name : t("peerDetails.unknown")),
     },
-    sortingFn: "datetime",
-    cell: ({ row }) => <PeerLastSeenCell peer={row.original} />,
-  },
-  {
-    accessorKey: "os",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>OS</DataTableHeader>;
+    {
+      id: "user_email",
+      accessorFn: (peer) => (peer.user ? peer.user?.email : t("peerDetails.unknown")),
     },
-    cell: ({ row }) => <PeerOSCell os={row.original.os} />,
-  },
-];
+    {
+      accessorKey: "dns_label",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("resourcesTable.address")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <PeerAddressCell peer={row.original} />,
+    },
+    {
+      accessorKey: "last_seen",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("peerDetails.lastSeen")}</DataTableHeader>;
+      },
+      sortingFn: "datetime",
+      cell: ({ row }) => <PeerLastSeenCell peer={row.original} />,
+    },
+    {
+      accessorKey: "os",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("peerDetails.operatingSystem")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <PeerOSCell os={row.original.os} />,
+    },
+  ];
+}
 
 export default function MinimalPeersTable({
   peers,
@@ -92,14 +97,16 @@ export default function MinimalPeersTable({
   headingTarget,
   peerID,
   rightSide,
-  columns = MinimalPeersTableColumns,
+  columns,
   selectedRows,
   setSelectedRows,
   onRowClick,
   getStartedCard,
 }: Props) {
+  const { t } = useI18n();
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
+  const defaultColumns = useMinimalPeersTableColumns();
 
   // Default sorting state of the table
   const [sorting, setSorting] = useState<SortingState>([
@@ -132,20 +139,18 @@ export default function MinimalPeersTable({
       showSearchAndFilters={true}
       inset={false}
       tableClassName={"mt-0"}
-      text={"Peers"}
-      columns={columns}
+      text={t("peers.title")}
+      columns={columns ?? defaultColumns}
       keepStateInLocalStorage={false}
       data={peers}
-      searchPlaceholder={"Search by name, IP, owner or group..."}
+      searchPlaceholder={t("minimalPeers.searchPlaceholder")}
       isLoading={isLoading}
       getStartedCard={
         !getStartedCard ? (
           <NoResults
             className={"py-4"}
-            title={"This peer has no accessible peers"}
-            description={
-              "Add more peers to your network or check your access control policies."
-            }
+            title={t("minimalPeers.emptyTitle")}
+            description={t("minimalPeers.emptyDescription")}
             icon={<PeerIcon size={20} className={"fill-nb-gray-300"} />}
           />
         ) : (
@@ -182,7 +187,7 @@ export default function MinimalPeersTable({
                   : "secondary"
               }
             >
-              All
+              {t("filters.all")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
@@ -201,7 +206,7 @@ export default function MinimalPeersTable({
                   : "secondary"
               }
             >
-              Online
+              {t("peerFilters.online")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
@@ -220,7 +225,7 @@ export default function MinimalPeersTable({
                   : "secondary"
               }
             >
-              Offline
+              {t("peerFilters.offline")}
             </ButtonGroup.Button>
           </ButtonGroup>
 
diff --git a/src/modules/peer/PeerExpirationSettings.tsx b/src/modules/peer/PeerExpirationSettings.tsx
index 878a0def..8b97472a 100644
--- a/src/modules/peer/PeerExpirationSettings.tsx
+++ b/src/modules/peer/PeerExpirationSettings.tsx
@@ -8,8 +8,10 @@ import { notify } from "@components/Notification";
 import { useSWRConfig } from "swr";
 import { cn } from "@utils/helpers";
 import { useAccount } from "@/modules/account/useAccount";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export const PeerExpirationSettings = () => {
+  const { t } = useI18n();
   const { peer, update } = usePeer();
   const { permission } = usePermissions();
   const { mutate } = useSWRConfig();
@@ -40,9 +42,9 @@ export const PeerExpirationSettings = () => {
 
     notify({
       title: peer.name,
-      description: "Expiration was successfully updated",
+      description: t("peer.expirationUpdated"),
       promise,
-      loadingMessage: "Updating setting...",
+      loadingMessage: t("peer.updatingSetting"),
     });
 
     return promise;
@@ -90,10 +92,8 @@ export const PeerExpirationSettings = () => {
                 inactivityExpiration: state,
               });
             }}
-            title={"Require login after disconnect"}
-            description={
-              "Enable to require authentication after users disconnect from management for 10 minutes."
-            }
+            title={t("peer.requireLoginAfterDisconnect")}
+            description={t("peer.requireLoginAfterDisconnectDescription")}
             className={
               !peerLoginExpiration ? "opacity-40 pointer-events-none" : ""
             }
diff --git a/src/modules/peer/PeerExpirationToggle.tsx b/src/modules/peer/PeerExpirationToggle.tsx
index 2a209bd4..75d785ac 100644
--- a/src/modules/peer/PeerExpirationToggle.tsx
+++ b/src/modules/peer/PeerExpirationToggle.tsx
@@ -6,9 +6,10 @@ import { IconInfoCircle } from "@tabler/icons-react";
 import { ArrowUpRightIcon, LockIcon } from "lucide-react";
 import * as React from "react";
 import { useMemo } from "react";
+import InlineLink from "@components/InlineLink";
+import { useI18n } from "@/i18n/I18nProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { Peer } from "@/interfaces/Peer";
-import InlineLink from "@components/InlineLink";
 import { useAccount } from "@/modules/account/useAccount";
 
 type Props = {
@@ -26,13 +27,14 @@ export const PeerExpirationToggle = ({
   peer,
   value,
   onChange,
-  title = "Session Expiration",
-  description = "Enable to require SSO login peers to re-authenticate when their session expires after a certain period of time.",
+  title,
+  description,
   icon,
   className,
   variant = "default",
   type = "login-expiration",
 }: Props) => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const account = useAccount();
 
@@ -55,39 +57,36 @@ export const PeerExpirationToggle = ({
           {!peer.user_id ? (
             <>
               <IconInfoCircle size={14} />
-              <span>
-                This setting is disabled for all peers added with an setup-key.
-              </span>
+              <span>{t("peer.sessionExpirationSetupKeyDisabled")}</span>
             </>
           ) : (
             <>
               <LockIcon size={14} />
-              <span>
-                {`You don't have the required permissions to update this setting.`}
-              </span>
+              <span>{t("peer.updateSettingPermissionDenied")}</span>
             </>
           )}
         </div>
       );
     }
     if (isGlobalSettingDisabled) {
-      const text =
+      const settingLabel =
         type === "login-expiration"
-          ? "'Peer Session Expiration'"
-          : "'Require login after disconnect'";
+          ? t("peer.peerSessionExpirationLabel")
+          : t("peer.requireLoginAfterDisconnect");
       return (
         <div className={"flex flex-col gap-2 text-xs max-w-xs"}>
           <div>
-            Global setting {text} is currently disabled. Enable the global
-            setting to be able to toggle it individually per peer.{"  "}
+            {t("peer.globalSettingDisabledPrefix", {
+              setting: settingLabel,
+            })}{" "}
             <InlineLink href={"/settings"}>
-              Go to Settings <ArrowUpRightIcon size={12} />
+              {t("peer.goToSettings")} <ArrowUpRightIcon size={12} />
             </InlineLink>
           </div>
         </div>
       );
     }
-  }, [noPermissionOrNoUser, peer, type, isGlobalSettingDisabled]);
+  }, [isGlobalSettingDisabled, noPermissionOrNoUser, peer.user_id, t, type]);
 
   return (
     <FullTooltip
@@ -104,10 +103,10 @@ export const PeerExpirationToggle = ({
         label={
           <>
             {icon}
-            {title}
+            {title ?? t("authenticationTab.sessionExpiration")}
           </>
         }
-        helpText={description}
+        helpText={description ?? t("authenticationTab.sessionExpirationHelp")}
       />
     </FullTooltip>
   );
diff --git a/src/modules/peer/PeerNetworkRoutesSection.tsx b/src/modules/peer/PeerNetworkRoutesSection.tsx
index 58266210..9c2996fb 100644
--- a/src/modules/peer/PeerNetworkRoutesSection.tsx
+++ b/src/modules/peer/PeerNetworkRoutesSection.tsx
@@ -9,6 +9,7 @@ import AddRouteDropdownButton from "@/modules/peer/AddRouteDropdownButton";
 import usePeerRoutes from "@/modules/peer/usePeerRoutes";
 import InlineLink from "@components/InlineLink";
 import { ExternalLinkIcon } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const PeerRoutesTable = lazy(() => import("@/modules/peer/PeerRoutesTable"));
 
@@ -17,6 +18,7 @@ type Props = {
 };
 
 export const PeerNetworkRoutesSection = ({ peer }: Props) => {
+  const { t } = useI18n();
   const { peerRoutes, isLoading } = usePeerRoutes({ peer });
   const exitNodeInfo = useHasExitNodes(peer);
 
@@ -26,21 +28,20 @@ export const PeerNetworkRoutesSection = ({ peer }: Props) => {
         <div className={"flex justify-between items-center mb-5"}>
           <div>
             <Paragraph>
-              Access other networks without installing NetBird on every
-              resource.
+              {t("peerNetworkRoutes.description")}
             </Paragraph>
             <Paragraph>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink
                 href={
                   "https://docs.netbird.io/how-to/routing-traffic-to-private-networks"
                 }
                 target={"_blank"}
               >
-                Network Routes
+                {t("networkRoutesPage.title")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
-              in our documentation.
+              {t("common.inDocumentationSuffix")}
             </Paragraph>
           </div>
           <div className={"inline-flex gap-4 justify-end"}>
diff --git a/src/modules/peer/PeerRemoteJobsSection.tsx b/src/modules/peer/PeerRemoteJobsSection.tsx
index f7145f11..a950971f 100644
--- a/src/modules/peer/PeerRemoteJobsSection.tsx
+++ b/src/modules/peer/PeerRemoteJobsSection.tsx
@@ -5,6 +5,7 @@ import Paragraph from "@/components/Paragraph";
 import SkeletonTable, {
   SkeletonTableHeader,
 } from "@/components/skeletons/SkeletonTable";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Job } from "@/interfaces/Job";
 import useFetchApi from "@/utils/api";
 
@@ -16,6 +17,7 @@ type Props = {
 };
 
 export const PeerRemoteJobsSection = ({ peerID }: Props) => {
+  const { t } = useI18n();
   const { data: jobs, isLoading } = useFetchApi<Job[]>(`/peers/${peerID}/jobs`);
 
   return (
@@ -24,15 +26,14 @@ export const PeerRemoteJobsSection = ({ peerID }: Props) => {
         <div className="flex justify-between items-center mb-5">
           <div>
             <Paragraph>
-              Remotely trigger actions such as debug bundles or other tasks on
-              this peer, without requiring CLI access.
+              {t("remoteJobs.sectionDescription")}
             </Paragraph>
             <Paragraph>
-              Learn more about{" "}
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink href={"https://docs.netbird.io"} target={"_blank"}>
-                Remote Jobs <ExternalLinkIcon size={12} />
+                {t("jobs.title")} <ExternalLinkIcon size={12} />
               </InlineLink>
-              in our documentation.
+              {t("common.inDocumentationSuffix")}
             </Paragraph>
           </div>
         </div>
diff --git a/src/modules/peer/PeerRouteActionCell.tsx b/src/modules/peer/PeerRouteActionCell.tsx
index 4c559d5b..73319f22 100644
--- a/src/modules/peer/PeerRouteActionCell.tsx
+++ b/src/modules/peer/PeerRouteActionCell.tsx
@@ -14,12 +14,14 @@ import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePeer } from "@/contexts/PeerProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Route } from "@/interfaces/Route";
 
 type Props = {
   route: Route;
 };
 export default function PeerRouteActionCell({ route }: Props) {
+  const { t } = useI18n();
   const { confirm } = useDialog();
   const routeRequest = useApiCall<Route>("/routes");
   const { mutate } = useSWRConfig();
@@ -36,22 +38,24 @@ export default function PeerRouteActionCell({ route }: Props) {
 
   const handleRevoke = async () => {
     notify({
-      title: "Delete Route " + route.network_id,
-      description: "Route was successfully removed",
+      title: t("peerRouteActions.deleteTitle", { name: route.network_id }),
+      description: t("peerRouteActions.deleted"),
       promise: routeRequest.del("", `/${route.id}`).then(() => {
         mutate("/routes");
       }),
-      loadingMessage: "Deleting the route...",
+      loadingMessage: t("peerRouteActions.deleting"),
     });
   };
 
   const handleConfirm = async () => {
     const choice = await confirm({
-      title: `Delete peer ${peer.name} from '${route.network_id}' network?`,
-      description:
-        "Are you sure you want to delete the peer from this route? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("peerRouteActions.confirmTitle", {
+        peer: peer.name,
+        network: route.network_id,
+      }),
+      description: t("peerRouteActions.confirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -70,16 +74,16 @@ export default function PeerRouteActionCell({ route }: Props) {
               disabled={!!peerGroup}
             >
               <Trash2 size={16} />
-              Delete
+              {t("actions.delete")}
             </Button>
           </TooltipTrigger>
           {peerGroup && (
             <TooltipContent>
               <div className={"max-w-xs text-sm"}>
-                <span className={"text-netbird"}>{peer.name}</span> is a part of
-                a group used in a network route. To remove this peer from the
-                network route, you need to disassociate this peer from the group
-                used in this route.
+                {t("peerRouteActions.groupRestrictionPrefix", {
+                  peer: peer.name,
+                })}{" "}
+                {t("peerRouteActions.groupRestrictionSuffix")}
               </div>
             </TooltipContent>
           )}
diff --git a/src/modules/peer/PeerRouteActiveCell.tsx b/src/modules/peer/PeerRouteActiveCell.tsx
index 114ff5f3..ab79746c 100644
--- a/src/modules/peer/PeerRouteActiveCell.tsx
+++ b/src/modules/peer/PeerRouteActiveCell.tsx
@@ -4,12 +4,14 @@ import React, { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { useRoutes } from "@/contexts/RoutesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Route } from "@/interfaces/Route";
 
 type Props = {
   route: Route;
 };
 export default function PeerRouteActiveCell({ route }: Props) {
+  const { t } = useI18n();
   const { updateRoute } = useRoutes();
   const { mutate } = useSWRConfig();
   const { groups } = useGroups();
@@ -30,8 +32,8 @@ export default function PeerRouteActiveCell({ route }: Props) {
         mutate("/routes");
       },
       enabled
-        ? "The network route was successfully enabled"
-        : "The network route was successfully disabled",
+        ? t("peerRouteActions.enabled")
+        : t("peerRouteActions.disabled"),
     );
   };
 
diff --git a/src/modules/peer/PeerRouteTypeCell.tsx b/src/modules/peer/PeerRouteTypeCell.tsx
index a63a4a12..d7ca429a 100644
--- a/src/modules/peer/PeerRouteTypeCell.tsx
+++ b/src/modules/peer/PeerRouteTypeCell.tsx
@@ -4,6 +4,7 @@ import { MonitorSmartphoneIcon } from "lucide-react";
 import * as React from "react";
 import { useMemo } from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Route } from "@/interfaces/Route";
 
 type Props = {
@@ -11,6 +12,7 @@ type Props = {
 };
 export default function PeerRouteTypeCell({ route }: Props) {
   const { groups } = useGroups();
+  const { t } = useI18n();
 
   const peerGroup = useMemo(() => {
     if (!groups) return undefined;
@@ -24,7 +26,7 @@ export default function PeerRouteTypeCell({ route }: Props) {
     <div className={"inline-flex"}>
       {!peerGroup ? (
         <Badge variant={"gray"} className={"min-w-[130px]"}>
-          <MonitorSmartphoneIcon size={14} /> Routing Peer
+          <MonitorSmartphoneIcon size={14} /> {t("routeModal.routingPeer")}
         </Badge>
       ) : (
         <GroupBadge group={peerGroup} />
diff --git a/src/modules/peer/PeerRoutesTable.tsx b/src/modules/peer/PeerRoutesTable.tsx
index 9d7df662..da54523a 100644
--- a/src/modules/peer/PeerRoutesTable.tsx
+++ b/src/modules/peer/PeerRoutesTable.tsx
@@ -6,6 +6,7 @@ import { ColumnDef, SortingState } from "@tanstack/react-table";
 import { cn } from "@utils/helpers";
 import React, { useState } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { Route } from "@/interfaces/Route";
 import PeerRouteActionCell from "@/modules/peer/PeerRouteActionCell";
@@ -20,58 +21,67 @@ type Props = {
   peer: Peer;
 };
 
-export const RouteTableColumns: ColumnDef<Route>[] = [
-  {
-    accessorKey: "network_id",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function usePeerRouteTableColumns(): ColumnDef<Route>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "network_id",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <PeerRouteNameCell route={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <PeerRouteNameCell route={row.original} />,
-  },
-  {
-    accessorKey: "network",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Network</DataTableHeader>;
+    {
+      accessorKey: "network",
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>{t("networkDetails.network")}</DataTableHeader>
+        );
+      },
+      cell: ({ row }) => (
+        <GroupedRouteNetworkRangeCell
+          domains={row.original?.domains}
+          network={row.original?.network}
+        />
+      ),
     },
-    cell: ({ row }) => (
-      <GroupedRouteNetworkRangeCell
-        domains={row.original?.domains}
-        network={row.original?.network}
-      />
-    ),
-  },
-  {
-    id: "groups",
-    accessorFn: (r) => r.groups?.length,
-    header: ({ column }) => {
-      return (
-        <DataTableHeader column={column}>Distribution Groups</DataTableHeader>
-      );
+    {
+      id: "groups",
+      accessorFn: (r) => r.groups?.length,
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>
+            {t("routeModal.distributionGroups")}
+          </DataTableHeader>
+        );
+      },
+      cell: ({ row }) => <RouteDistributionGroupsCell route={row.original} />,
     },
-    cell: ({ row }) => <RouteDistributionGroupsCell route={row.original} />,
-  },
-  {
-    id: "enabled",
-    accessorKey: "enabled",
-    sortingFn: "basic",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Active</DataTableHeader>
-    ),
-    cell: ({ row }) => <PeerRouteActiveCell route={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <PeerRouteActionCell route={row.original} />,
-  },
-];
+    {
+      id: "enabled",
+      accessorKey: "enabled",
+      sortingFn: "basic",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>
+      ),
+      cell: ({ row }) => <PeerRouteActiveCell route={row.original} />,
+    },
+    {
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <PeerRouteActionCell route={row.original} />,
+    },
+  ];
+}
 
 export default function PeerRoutesTable({
   peerRoutes,
   isLoading,
-  peer,
 }: Props) {
+  const { t } = useI18n();
+  const columns = usePeerRouteTableColumns();
   // Default sorting state of the table
   const [sorting, setSorting] = useState<SortingState>([
     {
@@ -87,15 +97,13 @@ export default function PeerRoutesTable({
         wrapperProps={{
           className: cn("w-full"),
         }}
-        text={"Network Routes"}
+        text={t("networkRoutesPage.title")}
         tableClassName={"mt-0"}
         getStartedCard={
           <NoResults
             className={"py-4"}
-            title={"This peer has no network routes"}
-            description={
-              "You don't have any assigned network routes yet. You can add this peer to an existing network or create a new network route."
-            }
+            title={t("peerRoutes.emptyTitle")}
+            description={t("peerRoutes.emptyDescription")}
             icon={
               <NetworkRoutesIcon size={20} className={"fill-nb-gray-300"} />
             }
@@ -107,7 +115,7 @@ export default function PeerRoutesTable({
         isLoading={isLoading}
         sorting={sorting}
         setSorting={setSorting}
-        columns={RouteTableColumns}
+        columns={columns}
         data={peerRoutes}
         paginationPaddingClassName={"px-0 pt-8"}
       />
diff --git a/src/modules/peer/PeerSSHInstructions.tsx b/src/modules/peer/PeerSSHInstructions.tsx
index f33bd191..c411f936 100644
--- a/src/modules/peer/PeerSSHInstructions.tsx
+++ b/src/modules/peer/PeerSSHInstructions.tsx
@@ -20,6 +20,7 @@ import { useState } from "react";
 import sshImage from "@/assets/ssh/ssh-client.png";
 import { SegmentedTabs } from "@components/SegmentedTabs";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { PeerSSHPolicyModal } from "@/modules/peer/PeerSSHPolicyModal";
 
@@ -36,6 +37,7 @@ export const PeerSSHInstructions = ({
   onSuccess,
   peer,
 }: Props) => {
+  const { t } = useI18n();
   const [client, setClient] = useState("cli");
   const [policyModal, setPolicyModal] = useState(false);
 
@@ -47,10 +49,8 @@ export const PeerSSHInstructions = ({
       >
         <ModalHeader
           icon={<TerminalSquare size={16} className={"text-netbird"} />}
-          title={"Enable SSH Access"}
-          description={
-            "Allow remote SSH access from other connected network participants."
-          }
+          title={t("peerSsh.enableAccess")}
+          description={t("peerSsh.enableAccessDescription")}
           color={"netbird"}
         />
 
@@ -61,11 +61,11 @@ export const PeerSSHInstructions = ({
             <SegmentedTabs.List className={"rounded-lg border"}>
               <SegmentedTabs.Trigger value={"cli"}>
                 <TerminalSquare size={16} />
-                CLI
+                {t("peerSsh.cliClient")}
               </SegmentedTabs.Trigger>
               <SegmentedTabs.Trigger value={"gui"}>
                 <NetBirdIcon size={16} />
-                Desktop Client
+                {t("peerSsh.desktopClient")}
               </SegmentedTabs.Trigger>
             </SegmentedTabs.List>
           </SegmentedTabs>
@@ -74,8 +74,7 @@ export const PeerSSHInstructions = ({
             {client === "cli" ? (
               <Steps.Step step={1}>
                 <p className={"font-normal"}>
-                  If you are using NetBird via CLI, you can enable SSH by
-                  running
+                  {t("peerSsh.cliStepIntro")}
                 </p>
                 <Code codeToCopy={"netbird down"}>
                   <Code.Line>{`netbird down # if NetBird is already running`}</Code.Line>
@@ -87,11 +86,11 @@ export const PeerSSHInstructions = ({
             ) : (
               <Steps.Step step={1}>
                 <p className={"font-normal"}>
-                  If you are using NetBird via the Desktop Client, click on the
-                  NetBird tray icon, go to <Mark>Settings</Mark> and click{" "}
-                  <Mark>Allow SSH</Mark>. If you want to enable Root Login go to{" "}
-                  <Mark>Settings &gt; Advanced Settings</Mark> and enable SSH
-                  Root Login under the SSH tab.
+                  {t("peerSsh.desktopStepPrefix")} <Mark>{t("peerSsh.settings")}</Mark>{" "}
+                  {t("peerSsh.desktopStepMiddle")} <Mark>{t("peerSsh.allowSsh")}</Mark>.{" "}
+                  {t("peerSsh.desktopStepAdvancedPrefix")}{" "}
+                  <Mark>{t("peerSsh.advancedSettings")}</Mark>{" "}
+                  {t("peerSsh.desktopStepAdvancedSuffix")}
                 </p>
                 <Lightbox image={sshImage} />
               </Steps.Step>
@@ -99,8 +98,7 @@ export const PeerSSHInstructions = ({
 
             <Steps.Step step={2}>
               <p className={"font-normal"}>
-                Starting from NetBird v0.61.0, SSH requires an explicit access
-                control policy to allow SSH connections to this machine.
+                {t("peerSsh.explicitPolicyRequired")}
               </p>
               <div className={"mt-2"}>
                 <Button
@@ -108,14 +106,15 @@ export const PeerSSHInstructions = ({
                   onClick={() => setPolicyModal(true)}
                 >
                   <PlusCircle size={16} />
-                  Create SSH Policy
+                  {t("peerSsh.createPolicy")}
                 </Button>
               </div>
             </Steps.Step>
             <Steps.Step step={3} line={false}>
               <p className={"font-normal"}>
-                Once the NetBird SSH server is allowed on the client, <br />
-                click <Mark>Confirm & Enable</Mark> below to finish the setup.
+                {t("peerSsh.finishStepPrefix")} <br />
+                {t("peerSsh.finishStepMiddle")} <Mark>{t("peerSsh.confirmAndEnable")}</Mark>{" "}
+                {t("peerSsh.finishStepSuffix")}
               </p>
             </Steps.Step>
           </Steps>
@@ -124,23 +123,23 @@ export const PeerSSHInstructions = ({
         <ModalFooter className={"items-center"}>
           <div className={"w-full"}>
             <Paragraph className={"text-sm mt-auto"}>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink
                 href={"https://docs.netbird.io/how-to/ssh"}
                 target={"_blank"}
               >
-                SSH
+                {t("peerSsh.ssh")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </Paragraph>
           </div>
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
-              <Button variant={"secondary"}>Cancel</Button>
+              <Button variant={"secondary"}>{t("common.cancel")}</Button>
             </ModalClose>
 
             <Button variant={"primary"} onClick={onSuccess}>
-              Finish Setup
+              {t("peerSsh.finishSetup")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/modules/peer/PeerSSHPolicyInfo.tsx b/src/modules/peer/PeerSSHPolicyInfo.tsx
index 761866f4..0467bbad 100644
--- a/src/modules/peer/PeerSSHPolicyInfo.tsx
+++ b/src/modules/peer/PeerSSHPolicyInfo.tsx
@@ -3,6 +3,7 @@ import { InlineButtonLink } from "@components/InlineLink";
 import { cn } from "@utils/helpers";
 import * as React from "react";
 import { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { PeerSSHPolicyModal } from "@/modules/peer/PeerSSHPolicyModal";
 import { usePeerSSHPolicyCheck } from "@/modules/peer/usePeerSSHPolicyCheck";
@@ -13,6 +14,7 @@ type Props = {
 };
 
 export const PeerSSHPolicyInfo = ({ peer, className }: Props) => {
+  const { t } = useI18n();
   const { showSSHPolicyInfo } = usePeerSSHPolicyCheck(peer);
   const [policyModal, setPolicyModal] = useState(false);
   return (
@@ -20,10 +22,9 @@ export const PeerSSHPolicyInfo = ({ peer, className }: Props) => {
       <>
         <Callout className={cn("max-w-xl", className)} variant={"warning"}>
           <span>
-            Starting from NetBird v0.61.0, SSH requires an explicit access
-            control policy to allow SSH connections to this machine.{" "}
+            {t("peerSsh.explicitPolicyRequired")}{" "}
             <InlineButtonLink onClick={() => setPolicyModal(true)}>
-              Create SSH Policy
+              {t("peerSsh.createPolicy")}
             </InlineButtonLink>
           </span>
         </Callout>
diff --git a/src/modules/peer/PeerSSHPolicyModal.tsx b/src/modules/peer/PeerSSHPolicyModal.tsx
index 91422e35..3847ce92 100644
--- a/src/modules/peer/PeerSSHPolicyModal.tsx
+++ b/src/modules/peer/PeerSSHPolicyModal.tsx
@@ -1,5 +1,6 @@
 import { Modal } from "@components/modal/Modal";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { PolicyRuleResource } from "@/interfaces/Policy";
 import { AccessControlModalContent } from "@/modules/access-control/AccessControlModal";
@@ -11,12 +12,13 @@ type Props = {
 };
 
 export const PeerSSHPolicyModal = ({ open, onOpenChange, peer }: Props) => {
+  const { t } = useI18n();
   return (
     <Modal open={open} onOpenChange={onOpenChange}>
       <AccessControlModalContent
         key={open ? "1" : "0"}
         initialProtocol={"netbird-ssh"}
-        initialName={"SSH Access"}
+        initialName={t("peerSsh.access")}
         initialDestinationResource={
           peer
             ? ({
diff --git a/src/modules/peer/PeerSSHToggle.tsx b/src/modules/peer/PeerSSHToggle.tsx
index e472847d..e8e2e08e 100644
--- a/src/modules/peer/PeerSSHToggle.tsx
+++ b/src/modules/peer/PeerSSHToggle.tsx
@@ -33,8 +33,10 @@ import { Callout } from "@components/Callout";
 import { useDialog } from "@/contexts/DialogProvider";
 import InlineLink from "@components/InlineLink";
 import { isNetbirdSSHProtocolSupported } from "@utils/version";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export const PeerSSHToggle = () => {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { peer, toggleSSH, setSSHInstructionsModal } = usePeer();
   const { data: policies } = useFetchApi<Policy[]>(
@@ -80,25 +82,22 @@ export const PeerSSHToggle = () => {
 
   const disableDashboardSSH = async () => {
     const choice = await confirm({
-      title: `Disable SSH Access?`,
+      title: t("peerSsh.disableTitle"),
       description: (
         <div>
-          Starting from NetBird v0.61.0, once SSH access is disabled, you cannot
-          re-enable it again from the dashboard. You&apos;ll need to create an
-          explicit access control policy and update your NetBird client to
-          restore SSH functionality.{" "}
+          {t("peerSsh.disableDescription")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/manage/peers/ssh"}
             target={"_blank"}
             onClick={(e) => e.stopPropagation()}
           >
-            Learn more
+            {t("users.learnMoreShort")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
         </div>
       ),
-      confirmText: "Disable",
-      cancelText: "Cancel",
+      confirmText: t("peerSsh.disable"),
+      cancelText: t("common.cancel"),
       type: "warning",
       maxWidthClass: "max-w-xl",
     });
@@ -113,7 +112,7 @@ export const PeerSSHToggle = () => {
           <div className={"flex gap-2 items-center !text-nb-gray-300 text-xs"}>
             <LockIcon size={14} />
             <span>
-              {`You don't have the required permissions to update this setting.`}
+              {t("peerSsh.noPermission")}
             </span>
           </div>
         }
@@ -130,12 +129,10 @@ export const PeerSSHToggle = () => {
           label={
             <>
               <TerminalSquare size={16} />
-              SSH Access
+              {t("peerSsh.access")}
             </>
           }
-          helpText={
-            "Enable the SSH server on this peer to access the machine via an secure shell."
-          }
+          helpText={t("peerSsh.toggleHelp")}
         />
       </FullTooltip>
       <PeerSSHPolicyInfo peer={peer} />
@@ -143,13 +140,10 @@ export const PeerSSHToggle = () => {
   ) : (
     <div>
       <div className={"flex gap-2 items-center w-full"}>
-        <Label>SSH Access</Label>
+        <Label>{t("peerSsh.access")}</Label>
       </div>
 
-      <HelpText>
-        Set up SSH and create an explicit access control policy defining which
-        users can access specific local usernames of this machine via SSH.
-      </HelpText>
+      <HelpText>{t("peerSsh.setupHelp")}</HelpText>
 
       {!isNetbirdSSHProtocolSupported(peer.version) &&
         enabledPolicies?.length > 0 &&
@@ -164,11 +158,9 @@ export const PeerSSHToggle = () => {
             }
             className="my-3"
           >
-            You have SSH access configured but your client runs on an older
-            NetBird version. Please update your NetBird client to v.0.61.0+ in
-            order to allow SSH connections.
-          </Callout>
-        )}
+          {t("peerSsh.clientUpdateWarning")}
+        </Callout>
+      )}
 
       {!isSSHClientEnabled && enabledPolicies?.length > 0 && (
         <Callout
@@ -181,9 +173,7 @@ export const PeerSSHToggle = () => {
           }
           className="my-3"
         >
-          You have an SSH access policy configured, but the SSH server
-          isn&apos;t enabled on this client. Enable the SSH server to allow SSH
-          connections.
+          {t("peerSsh.serverDisabledWarning")}
         </Callout>
       )}
 
@@ -198,9 +188,7 @@ export const PeerSSHToggle = () => {
           }
           className="my-3"
         >
-          Your SSH server is enabled, but starting from NetBird v0.61.0, SSH
-          requires an explicit access control policy. Please create an SSH
-          access control policy in order to allow SSH connections.
+          {t("peerSsh.explicitPolicyWarning")}
         </Callout>
       )}
 
@@ -212,14 +200,14 @@ export const PeerSSHToggle = () => {
             disabled={!permission?.policies.create}
           >
             <CirclePlusIcon size={14} />
-            Create SSH Policy
+            {t("peerSsh.createPolicy")}
           </Button>
         ) : (
           <Button
             variant={"secondary"}
             onClick={() => setSSHInstructionsModal(true)}
           >
-            Enable SSH Access <ArrowUpRightIcon size={14} />
+            {t("peerSsh.enableAccess")} <ArrowUpRightIcon size={14} />
           </Button>
         )}
 
@@ -299,7 +287,7 @@ export const PeerSSHToggle = () => {
               <div>
                 <span className={"font-medium text-xs"}>
                   {singularize(
-                    "Active Policies",
+                    t("networkDetails.activePolicies"),
                     enabledPolicies?.length,
                     true,
                   )}
diff --git a/src/modules/peer/RemoteJobDropdownButton.tsx b/src/modules/peer/RemoteJobDropdownButton.tsx
index 5c10d9a1..64b73012 100644
--- a/src/modules/peer/RemoteJobDropdownButton.tsx
+++ b/src/modules/peer/RemoteJobDropdownButton.tsx
@@ -12,12 +12,14 @@ import { BugPlay, ChevronDown } from "lucide-react";
 import React, { useState } from "react";
 import { usePeer } from "@/contexts/PeerProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { CreateDebugJobModalContent } from "../jobs/CreateDebugJobModal";
 
 export const RemoteJobDropdownButton = () => {
   const [modal, setModal] = useState(false);
   const { peer } = usePeer();
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const isConnected = peer?.connected;
   const disabled = !permission.peers.delete;
 
@@ -39,7 +41,7 @@ export const RemoteJobDropdownButton = () => {
           }}
         >
           <Button variant={"primary"} disabled={disabled}>
-            Run Remote Job
+            {t("remoteJobs.run")}
             <ChevronDown size={16} />
           </Button>
         </DropdownMenuTrigger>
@@ -52,10 +54,9 @@ export const RemoteJobDropdownButton = () => {
                 }
               >
                 <div>
-                  Peer{" "}
+                  {t("remoteJobs.peer")}{" "}
                   <span className={"text-white font-medium"}>{peer.name}</span>{" "}
-                  is currently offline. Please connect the peer to run remote
-                  jobs.
+                  {t("remoteJobs.offlineMessage")}
                 </div>
               </div>
               <DropdownMenuSeparator />
@@ -73,10 +74,10 @@ export const RemoteJobDropdownButton = () => {
                 size={"small"}
               />
               <div className={"flex flex-col text-left"}>
-                <div className={"text-left text-white"}>Debug Bundle</div>
-                <div className={"text-xs"}>
-                  Collect debug information for troubleshooting
+                <div className={"text-left text-white"}>
+                  {t("jobs.debugBundle")}
                 </div>
+                <div className={"text-xs"}>{t("remoteJobs.debugBundleHelp")}</div>
               </div>
             </div>
           </DropdownMenuItem>
diff --git a/src/modules/peers/PeerActionCell.tsx b/src/modules/peers/PeerActionCell.tsx
index f9899d68..aac670db 100644
--- a/src/modules/peers/PeerActionCell.tsx
+++ b/src/modules/peers/PeerActionCell.tsx
@@ -25,6 +25,7 @@ import { usePermissions } from "@/contexts/PermissionsProvider";
 import { ExitNodeDropdownButton } from "@/modules/exit-node/ExitNodeDropdownButton";
 import InlineLink from "@components/InlineLink";
 import { useDialog } from "@/contexts/DialogProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function PeerActionCell() {
   const { peer, deletePeer, update, toggleSSH, setSSHInstructionsModal } =
@@ -33,6 +34,7 @@ export default function PeerActionCell() {
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
   const { confirm } = useDialog();
+  const { t } = useI18n();
 
   const showSSHButton = useMemo(() => {
     const isClientSSHEnabled = peer?.local_flags?.server_ssh_allowed;
@@ -42,11 +44,18 @@ export default function PeerActionCell() {
   }, [peer]);
 
   const toggleLoginExpiration = async () => {
-    const text = peer.login_expiration_enabled ? "disabled" : "enabled";
     const disableLoginExpiration = peer.login_expiration_enabled;
     notify({
-      title: `Session expiration is ${text}`,
-      description: `Session expiration for peer ${peer.name} was successfully ${text}.`,
+      title: disableLoginExpiration
+        ? t("peerActionCell.sessionExpirationDisabled")
+        : t("peerActionCell.sessionExpirationEnabled"),
+      description: disableLoginExpiration
+        ? t("peerActionCell.sessionExpirationDescriptionDisabled", {
+            name: peer.name,
+          })
+        : t("peerActionCell.sessionExpirationDescriptionEnabled", {
+            name: peer.name,
+          }),
       promise: update({
         loginExpiration: !peer.login_expiration_enabled,
         inactivityExpiration: disableLoginExpiration
@@ -56,31 +65,28 @@ export default function PeerActionCell() {
         mutate("/peers");
         mutate("/groups");
       }),
-      loadingMessage: "Updating session expiration...",
+      loadingMessage: t("peerActionCell.updatingSessionExpiration"),
     });
   };
 
   const disableDashboardSSH = async () => {
     const choice = await confirm({
-      title: `Disable SSH Access?`,
+      title: t("peerSsh.disableTitle"),
       description: (
         <div>
-          Starting from NetBird v0.61.0, once SSH access is disabled, you cannot
-          re-enable it again from the dashboard. You&apos;ll need to create an
-          explicit access control policy and update your NetBird client to
-          restore SSH functionality.{" "}
+          {t("peerSsh.disableDescription")}{" "}
           <InlineLink
             href={"https://docs.netbird.io/manage/peers/ssh"}
             target={"_blank"}
             onClick={(e) => e.stopPropagation()}
           >
-            Learn more
+            {t("common.learnMore")}
             <ExternalLinkIcon size={12} />
           </InlineLink>
         </div>
       ),
-      confirmText: "Disable",
-      cancelText: "Cancel",
+      confirmText: t("peerSsh.disable"),
+      cancelText: t("common.cancel"),
       type: "warning",
       maxWidthClass: "max-w-xl",
     });
@@ -109,7 +115,7 @@ export default function PeerActionCell() {
           >
             <div className={"flex gap-3 items-center"}>
               <MonitorIcon size={14} className={"shrink-0"} />
-              View Details
+              {t("actions.viewDetails")}
             </div>
           </DropdownMenuItem>
 
@@ -121,7 +127,7 @@ export default function PeerActionCell() {
               >
                 <IconInfoCircle size={14} />
                 <span>
-                  Expiration is disabled for all peers added with an setup-key.
+                  {t("peerActionCell.expirationDisabledTooltip")}
                 </span>
               </div>
             }
@@ -134,8 +140,9 @@ export default function PeerActionCell() {
             >
               <div className={"flex gap-3 items-center w-full"}>
                 <TimerResetIcon size={14} className={"shrink-0"} />
-                {peer.login_expiration_enabled ? "Disable" : "Enable"} Session
-                Expiration
+                {peer.login_expiration_enabled
+                  ? t("peerActionCell.disableSessionExpiration")
+                  : t("peerActionCell.enableSessionExpiration")}
               </div>
             </DropdownMenuItem>
           </FullTooltip>
@@ -152,7 +159,9 @@ export default function PeerActionCell() {
               <div className={"flex gap-3 items-center w-full"}>
                 <TerminalSquare size={14} className={"shrink-0"} />
                 <div className={"flex justify-between items-center w-full"}>
-                  {peer.ssh_enabled ? "Disable" : "Enable"} SSH Access
+                  {peer.ssh_enabled
+                    ? t("peerActionCell.disableSshAccess")
+                    : t("peerActionCell.enableSshAccess")}
                 </div>
               </div>
             </DropdownMenuItem>
@@ -169,7 +178,7 @@ export default function PeerActionCell() {
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Delete
+              {t("actions.delete")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/peers/PeerAddressCell.tsx b/src/modules/peers/PeerAddressCell.tsx
index 2de803ce..c2adb1fd 100644
--- a/src/modules/peers/PeerAddressCell.tsx
+++ b/src/modules/peers/PeerAddressCell.tsx
@@ -5,6 +5,7 @@ import { isEmpty } from "lodash";
 import { GlobeIcon } from "lucide-react";
 import React from "react";
 import RoundedFlag from "@/assets/countries/RoundedFlag";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { PeerAddressTooltipContent } from "@/modules/peers/PeerAddressTooltipContent";
 
@@ -12,6 +13,8 @@ type Props = {
   peer: Peer;
 };
 export default function PeerAddressCell({ peer }: Props) {
+  const { t } = useI18n();
+
   return (
     <FullTooltip
       side={"top"}
@@ -43,12 +46,12 @@ export default function PeerAddressCell({ peer }: Props) {
         </div>
         <div className="flex flex-col gap-0 dark:text-neutral-300 text-neutral-500 font-light truncate">
           <CopyToClipboardText
-            message={"DNS label has been copied to your clipboard"}
+            message={t("peerAddress.dnsLabelCopied")}
           >
             <span className={"font-normal truncate"}>{peer.dns_label}</span>
           </CopyToClipboardText>
           <CopyToClipboardText
-            message={"IP address has been copied to your clipboard"}
+            message={t("peerAddress.netBirdIpCopied")}
           >
             <span
               className={"dark:text-nb-gray-400 font-mono font-thin text-xs"}
diff --git a/src/modules/peers/PeerAddressTooltipContent.tsx b/src/modules/peers/PeerAddressTooltipContent.tsx
index edc2761b..2bbcd79d 100644
--- a/src/modules/peers/PeerAddressTooltipContent.tsx
+++ b/src/modules/peers/PeerAddressTooltipContent.tsx
@@ -6,11 +6,13 @@ import { useMemo } from "react";
 import Skeleton from "react-loading-skeleton";
 import { useCountries } from "@/contexts/CountryProvider";
 import { Peer } from "@/interfaces/Peer";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   peer: Peer;
 };
 export const PeerAddressTooltipContent = ({ peer }: Props) => {
+  const { t } = useI18n();
   const { isLoading, getRegionByPeer } = useCountries();
 
   const countryText = useMemo(() => {
@@ -27,11 +29,11 @@ export const PeerAddressTooltipContent = ({ peer }: Props) => {
     >
       <ListItem
         icon={<MapPin size={14} />}
-        label={"NetBird IP"}
+        label={t("peerAddress.netBirdIp")}
         value={
           <CopyToClipboardText
             iconAlignment={"right"}
-            message={"NetBird IP has been copied to your clipboard"}
+            message={t("peerAddress.netBirdIpCopied")}
             alwaysShowIcon={true}
           >
             {peer.ip}
@@ -40,11 +42,11 @@ export const PeerAddressTooltipContent = ({ peer }: Props) => {
       />
       <ListItem
         icon={<NetworkIcon size={14} />}
-        label={"Public IP"}
+        label={t("peerAddress.publicIp")}
         value={
           <CopyToClipboardText
             iconAlignment={"right"}
-            message={"Public IP has been copied to your clipboard"}
+            message={t("peerAddress.publicIpCopied")}
             alwaysShowIcon={true}
           >
             {peer.connection_ip}
@@ -53,7 +55,7 @@ export const PeerAddressTooltipContent = ({ peer }: Props) => {
       />
       <ListItem
         icon={<GlobeIcon size={14} />}
-        label={"Domain"}
+        label={t("peerAddress.domain")}
         className={
           peer?.extra_dns_labels && peer.extra_dns_labels.length > 0
             ? "items-start"
@@ -63,7 +65,7 @@ export const PeerAddressTooltipContent = ({ peer }: Props) => {
           <div className={"text-right flex flex-col gap-[6px]"}>
             <CopyToClipboardText
               iconAlignment={"right"}
-              message={"DNS label has been copied to your clipboard"}
+              message={t("peerAddress.dnsLabelCopied")}
               className={"text-right justify-end"}
               alwaysShowIcon={true}
             >
@@ -75,7 +77,7 @@ export const PeerAddressTooltipContent = ({ peer }: Props) => {
                 key={label}
                 className={"text-right justify-end"}
                 iconAlignment={"right"}
-                message={"DNS label has been copied to your clipboard"}
+                message={t("peerAddress.dnsLabelCopied")}
                 alwaysShowIcon={true}
               >
                 {label}
@@ -86,14 +88,14 @@ export const PeerAddressTooltipContent = ({ peer }: Props) => {
       />
       <ListItem
         icon={<FlagIcon size={14} />}
-        label={"Region"}
+        label={t("peerAddress.region")}
         value={
           isLoading && !countryText ? (
             <Skeleton width={100} />
           ) : (
             <CopyToClipboardText
               iconAlignment={"right"}
-              message={"Region has been copied to your clipboard"}
+              message={t("peerAddress.regionCopied")}
               alwaysShowIcon={true}
             >
               {countryText}
diff --git a/src/modules/peers/PeerConnectButton.tsx b/src/modules/peers/PeerConnectButton.tsx
index 5717ea33..2bd44c9c 100644
--- a/src/modules/peers/PeerConnectButton.tsx
+++ b/src/modules/peers/PeerConnectButton.tsx
@@ -8,6 +8,7 @@ import { getOperatingSystem } from "@hooks/useOperatingSystem";
 import { IconChevronDown } from "@tabler/icons-react";
 import * as React from "react";
 import { usePeer } from "@/contexts/PeerProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { RDPButton } from "@/modules/remote-access/rdp/RDPButton";
 import { SSHButton } from "@/modules/remote-access/ssh/SSHButton";
@@ -15,6 +16,7 @@ import { cn } from "@utils/helpers";
 
 export const PeerConnectButton = () => {
   const { peer } = usePeer();
+  const { t } = useI18n();
   const isConnected = peer.connected;
   const os = getOperatingSystem(peer?.os);
   const isMobile = os === OperatingSystem.ANDROID || os === OperatingSystem.IOS;
@@ -32,7 +34,7 @@ export const PeerConnectButton = () => {
           }}
         >
           <div className={"group"}>
-            <ConnectButton />
+            <ConnectButton label={t("remoteAccess.connect")} />
           </div>
         </DropdownMenuTrigger>
         <DropdownMenuContent
@@ -50,16 +52,22 @@ export const PeerConnectButton = () => {
     <FullTooltip
       content={
         <div className={"max-w-[200px] text-xs"}>
-          Connecting via SSH or RDP is only available when the peer is online.
+          {t("peerConnect.offlineHelp")}
         </div>
       }
     >
-      <ConnectButton disabled={true} />
+      <ConnectButton disabled={true} label={t("remoteAccess.connect")} />
     </FullTooltip>
   );
 };
 
-const ConnectButton = ({ disabled }: { disabled?: boolean }) => {
+const ConnectButton = ({
+  disabled,
+  label,
+}: {
+  disabled?: boolean;
+  label: string;
+}) => {
   return (
     <button
       className={cn(
@@ -73,7 +81,7 @@ const ConnectButton = ({ disabled }: { disabled?: boolean }) => {
         e.preventDefault();
       }}
     >
-      Connect
+      {label}
       <IconChevronDown size={14} />
     </button>
   );
diff --git a/src/modules/peers/PeerGroupCell.tsx b/src/modules/peers/PeerGroupCell.tsx
index 5c78f7c1..013f08ac 100644
--- a/src/modules/peers/PeerGroupCell.tsx
+++ b/src/modules/peers/PeerGroupCell.tsx
@@ -5,23 +5,25 @@ import { usePeer } from "@/contexts/PeerProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { Group } from "@/interfaces/Group";
 import GroupsRow from "@/modules/common-table-rows/GroupsRow";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export default function PeerGroupCell() {
   const { peer, peerGroups } = usePeer();
   const [modal, setModal] = useState(false);
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const handleSave = async (promises: Promise<Group>[]) => {
     notify({
       title: peer.name,
-      description: "Groups of the peer were successfully saved",
+      description: t("peerGroupCell.saved"),
       promise: Promise.all(promises).then(() => {
         setModal(false);
         mutate("/peers");
         mutate("/groups");
       }),
-      loadingMessage: "Saving the groups of the peer...",
+      loadingMessage: t("peerGroupCell.saving"),
     });
   };
 
@@ -38,8 +40,8 @@ export default function PeerGroupCell() {
 
   return (
     <GroupsRow
-      label={"Assigned Groups"}
-      description={"Use groups to control what this peer can access"}
+      label={t("peerDetails.assignedGroups")}
+      description={t("peerDetails.assignedGroupsHelp")}
       groups={groupIDs || []}
       hideAllGroup={true}
       showAddGroupButton={true}
diff --git a/src/modules/peers/PeerLastSeenCell.tsx b/src/modules/peers/PeerLastSeenCell.tsx
index da1e3c58..c0a8ecc4 100644
--- a/src/modules/peers/PeerLastSeenCell.tsx
+++ b/src/modules/peers/PeerLastSeenCell.tsx
@@ -1,5 +1,6 @@
 import { History } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import LastTimeRow from "@/modules/common-table-rows/LastTimeRow";
 
@@ -7,6 +8,8 @@ type Props = {
   peer: Peer;
 };
 export default function PeerLastSeenCell({ peer }: Props) {
+  const { t } = useI18n();
+
   return !peer.connected ? (
     <LastTimeRow date={peer.last_seen} />
   ) : (
@@ -17,7 +20,7 @@ export default function PeerLastSeenCell({ peer }: Props) {
     >
       <>
         <History size={14} />
-        just now
+        {t("peerDetails.justNow")}
       </>
     </div>
   );
diff --git a/src/modules/peers/PeerMultiSelect.tsx b/src/modules/peers/PeerMultiSelect.tsx
index dd181052..a3809a49 100644
--- a/src/modules/peers/PeerMultiSelect.tsx
+++ b/src/modules/peers/PeerMultiSelect.tsx
@@ -26,6 +26,7 @@ import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePeers } from "@/contexts/PeersProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group, GroupPeer } from "@/interfaces/Group";
 import { Peer } from "@/interfaces/Peer";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
@@ -54,6 +55,7 @@ const PeerGroupMassAssignmentContent = ({
   const { mutate } = useSWRConfig();
   const { confirm } = useDialog();
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { peers } = usePeers();
 
@@ -89,10 +91,12 @@ const PeerGroupMassAssignmentContent = ({
   const addGroupsToPeers = async () => {
     if (replaceAllGroups) {
       const choice = await confirm({
-        title: `Overwrite existing groups?`,
-        description: `Are you sure you want to overwrite the existing groups of your ${peerCount} selected peer(s)? This action cannot be undone.`,
-        confirmText: "Overwrite",
-        cancelText: "Cancel",
+        title: t("peerMultiSelect.overwriteGroupsTitle"),
+        description: t("peerMultiSelect.overwriteGroupsDescription", {
+          count: peerCount,
+        }),
+        confirmText: t("peerMultiSelect.overwrite"),
+        cancelText: t("common.cancel"),
         type: "warning",
       });
       if (!choice) return;
@@ -192,8 +196,8 @@ const PeerGroupMassAssignmentContent = ({
         );
 
       notify({
-        title: "Assign Groups to Peers",
-        description: "Groups were successfully assigned to the peers",
+        title: t("peerMultiSelect.assignGroupsTitle"),
+        description: t("peerMultiSelect.assignGroupsDescription"),
         promise: updateGroupCalls()
           .then(() => {
             if (currentSelectedGroups.length > 0) {
@@ -205,7 +209,7 @@ const PeerGroupMassAssignmentContent = ({
           .finally(() => {
             setIsLoading(false);
           }),
-        loadingMessage: "Updating the groups of the selected peers...",
+        loadingMessage: t("peerMultiSelect.updatingGroups"),
       });
     } catch (e) {
       setIsLoading(false);
@@ -214,10 +218,13 @@ const PeerGroupMassAssignmentContent = ({
 
   const deleteAllPeers = async () => {
     const choice = await confirm({
-      title: `Delete '${peerCount}' ${peerCount > 1 ? "peers" : "peer"}?`,
-      description: `Are you sure you want to delete these peers? This action cannot be undone.`,
-      confirmText: "Delete All",
-      cancelText: "Cancel",
+      title: t("peerMultiSelect.deletePeersTitle", {
+        count: peerCount,
+        peerWord: peerCount > 1 ? t("peers.title") : t("peers.title").replace(/s$/, ""),
+      }),
+      description: t("peerMultiSelect.deletePeersDescription"),
+      confirmText: t("peerMultiSelect.deleteAll"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -228,13 +235,13 @@ const PeerGroupMassAssignmentContent = ({
       });
 
     notify({
-      title: "Delete Peers",
-      description: "Peers were successfully deleted",
+      title: t("peerMultiSelect.deletePeersNotifyTitle"),
+      description: t("peerMultiSelect.deletePeersNotifyDescription"),
       promise: Promise.all(batchDeleteCalls()).then(() => {
         mutate("/peers");
         onCanceled?.();
       }),
-      loadingMessage: "Deleting the selected peers...",
+      loadingMessage: t("peerMultiSelect.deletingPeers"),
     });
   };
 
@@ -299,13 +306,13 @@ const PeerGroupMassAssignmentContent = ({
                       {isLoading && (
                         <>
                           <Loader2 size={14} className={"animate-spin"} />
-                          <span>Assigning groups...</span>
+                          <span>{t("peerMultiSelect.assigningGroups")}</span>
                         </>
                       )}
                       {!isLoading && isSuccess && (
                         <>
                           <CheckCircle size={14} className={"text-green-400"} />
-                          <span>Groups successfully assigned</span>
+                          <span>{t("peerMultiSelect.groupsAssigned")}</span>
                         </>
                       )}
                     </motion.span>
@@ -313,11 +320,9 @@ const PeerGroupMassAssignmentContent = ({
                 )}
               </AnimatePresence>
               <div>
-                <Label>Assign Groups</Label>
+                <Label>{t("peerMultiSelect.assignGroupsLabel")}</Label>
                 <HelpText>
-                  Assign the following groups to the selected peers. Previously
-                  assigned groups will be kept unless you choose to overwrite
-                  them.
+                  {t("peerMultiSelect.assignGroupsHelp")}
                 </HelpText>
                 <PeerGroupSelector
                   onChange={setSelectedGroups}
@@ -331,13 +336,12 @@ const PeerGroupMassAssignmentContent = ({
                 label={
                   <div className={"flex gap-2"}>
                     <RedoDot size={14} />
-                    Overwrite Existing Groups
+                    {t("peerMultiSelect.overwriteExistingGroups")}
                   </div>
                 }
                 helpText={
                   <div>
-                    Overwrite the existing groups of the peers with the selected
-                    ones. Previously assigned groups will be removed.
+                    {t("peerMultiSelect.overwriteExistingGroupsHelp")}
                   </div>
                 }
               />
@@ -372,7 +376,7 @@ const PeerGroupMassAssignmentContent = ({
                     <span className={"font-medium text-white"}>
                       {peerCount}
                     </span>{" "}
-                    Peer(s) selected
+                    {t("peerMultiSelect.peersSelected", { count: peerCount })}
                   </span>
                 </div>
                 <div className={"flex gap-2 items-center"}>
@@ -380,7 +384,7 @@ const PeerGroupMassAssignmentContent = ({
                     <>
                       <FullTooltip
                         content={
-                          <span className={"text-xs"}>Assign Groups</span>
+                          <span className={"text-xs"}>{t("peerMultiSelect.assignGroupsLabel")}</span>
                         }
                       >
                         <Button
@@ -398,7 +402,7 @@ const PeerGroupMassAssignmentContent = ({
                         </Button>
                       </FullTooltip>
                       <FullTooltip
-                        content={<span className={"text-xs"}>Delete All</span>}
+                        content={<span className={"text-xs"}>{t("peerMultiSelect.deleteAll")}</span>}
                       >
                         <Button
                           variant={"danger-outline"}
@@ -411,7 +415,7 @@ const PeerGroupMassAssignmentContent = ({
                         </Button>
                       </FullTooltip>
                       <FullTooltip
-                        content={<span className={"text-xs"}>Cancel</span>}
+                        content={<span className={"text-xs"}>{t("common.cancel")}</span>}
                       >
                         <Button
                           onClick={onCanceled}
@@ -431,7 +435,7 @@ const PeerGroupMassAssignmentContent = ({
                         className={"!h-9 !px-3.5"}
                         onClick={onCanceled}
                       >
-                        Cancel
+                        {t("common.cancel")}
                       </Button>
                       <Button
                         size={"xs"}
@@ -449,7 +453,7 @@ const PeerGroupMassAssignmentContent = ({
                         ) : (
                           <CirclePlus size={14} />
                         )}
-                        {replaceAllGroups ? "Overwrite" : "Add"} Groups
+                        {replaceAllGroups ? t("peerMultiSelect.overwriteGroups") : t("peerMultiSelect.addGroups")}
                       </Button>
                     </>
                   )}
diff --git a/src/modules/peers/PeerNameCell.tsx b/src/modules/peers/PeerNameCell.tsx
index 29ba42e5..489f396b 100644
--- a/src/modules/peers/PeerNameCell.tsx
+++ b/src/modules/peers/PeerNameCell.tsx
@@ -3,6 +3,7 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 import { useMemo } from "react";
 import { useLoggedInUser, useUsers } from "@/contexts/UsersProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import ActiveInactiveRow from "@/modules/common-table-rows/ActiveInactiveRow";
 import { ExitNodePeerIndicator } from "@/modules/exit-node/ExitNodePeerIndicator";
@@ -18,6 +19,7 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
   const { users } = useUsers();
   const router = useRouter();
   const { isOwnerOrAdmin } = useLoggedInUser();
+  const { t } = useI18n();
 
   const userOfPeer = useMemo(() => {
     return users?.find((user) => user.id === peer.user_id);
@@ -35,7 +37,7 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
             "hover:text-neutral-100 hover:bg-nb-gray-900/60 cursor-pointer",
         )}
         data-testid="peer-name-cell"
-        aria-label={`View details of peer ${peer.name}`}
+        aria-label={t("peerNameCell.viewPeerDetails", { name: peer.name })}
         onClick={(e) => {
           if (!linkToPeer) return;
           e.preventDefault();
@@ -59,7 +61,8 @@ export default function PeerNameCell({ peer, linkToPeer = true }: Props) {
         >
           <div className={"text-nb-gray-400 font-light truncate"}>
             {displayUserEmailOrName ||
-              (displayUserId && `user: ${displayUserId}`)}
+              (displayUserId &&
+                t("peerNameCell.userIdFallback", { id: displayUserId }))}
           </div>
         </ActiveInactiveRow>
       </div>
diff --git a/src/modules/peers/PeerOSCell.tsx b/src/modules/peers/PeerOSCell.tsx
index 598d4d85..a4ed030f 100644
--- a/src/modules/peers/PeerOSCell.tsx
+++ b/src/modules/peers/PeerOSCell.tsx
@@ -14,12 +14,14 @@ import AppleLogo from "@/assets/os-icons/apple.svg";
 import FreeBSDLogo from "@/assets/os-icons/FreeBSD.png";
 import { getOperatingSystem } from "@/hooks/useOperatingSystem";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   os: string;
   serial?: string;
 };
 export function PeerOSCell({ os, serial }: Readonly<Props>) {
+  const { t } = useI18n();
   return (
     <TooltipProvider>
       <Tooltip delayDuration={1}>
@@ -40,11 +42,11 @@ export function PeerOSCell({ os, serial }: Readonly<Props>) {
         </TooltipTrigger>
         <TooltipContent className={"!p-0"}>
           <div>
-            <ListItem icon={<CpuIcon size={14} />} label={"OS"} value={os} />
+            <ListItem icon={<CpuIcon size={14} />} label={t("table.os")} value={os} />
             {serial && serial !== "" && (
               <ListItem
                 icon={<Barcode size={14} />}
-                label={"Serial Number"}
+                label={t("table.serialNumber")}
                 value={serial}
               />
             )}
diff --git a/src/modules/peers/PeerStatusCell.tsx b/src/modules/peers/PeerStatusCell.tsx
index f93a716d..a61cb616 100644
--- a/src/modules/peers/PeerStatusCell.tsx
+++ b/src/modules/peers/PeerStatusCell.tsx
@@ -8,6 +8,7 @@ import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePeer } from "@/contexts/PeerProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 
 type Props = {
@@ -15,6 +16,7 @@ type Props = {
 };
 
 export default function PeerStatusCell({ peer }: Props) {
+  const { t } = useI18n();
   const { update } = usePeer();
   const { confirm } = useDialog();
   const { mutate } = useSWRConfig();
@@ -24,16 +26,16 @@ export default function PeerStatusCell({ peer }: Props) {
 
   const approvePeer = async () => {
     const choice = await confirm({
-      title: `Approve peer '${peer.name}'?`,
-      description: "Are you sure you want to approve this peer?",
-      confirmText: "Approve",
-      cancelText: "Cancel",
+      title: t("peerApproval.confirmTitle", { name: peer.name }),
+      description: t("peerApproval.confirmDescription"),
+      confirmText: t("peerApproval.approve"),
+      cancelText: t("common.cancel"),
       type: "default",
     });
     if (choice) {
       notify({
-        title: `Peer ${peer.name} approved`,
-        description: `This peer was approved and can now connect to other peers.`,
+        title: t("peerApproval.approvedTitle", { name: peer.name }),
+        description: t("peerApproval.approvedDescription"),
         promise: update({
           name: peer.name,
           ssh: peer.ssh_enabled,
@@ -43,7 +45,7 @@ export default function PeerStatusCell({ peer }: Props) {
           mutate("/peers");
           mutate("/groups");
         }),
-        loadingMessage: "Updating login expiration...",
+        loadingMessage: t("peerApproval.approving"),
       });
     }
   };
@@ -54,15 +56,14 @@ export default function PeerStatusCell({ peer }: Props) {
                 <FullTooltip
                     content={
                         <div className={"max-w-xs text-xs"}>
-                            The peer needs to be approved by an administrator before it can
-                            connect to other peers.
+                            {t("peerApproval.help")}
                         </div>
                     }
                     interactive={false}
                 >
                     <Badge variant={"netbird"} className={"px-3 font-medium"}>
                         <HelpCircle size={12} />
-                        Approval required
+                        {t("peerApproval.required")}
                     </Badge>
                 </FullTooltip>
                 { canApprove && (
@@ -77,10 +78,10 @@ export default function PeerStatusCell({ peer }: Props) {
                             approvePeer();
                         }}
                     >
-                        Approve
+                        {t("peerApproval.approve")}
                     </Button>
                 )}
             </div>
         )
     );
-}
\ No newline at end of file
+}
diff --git a/src/modules/peers/PeerVersionCell.tsx b/src/modules/peers/PeerVersionCell.tsx
index 6daffb64..4d59e296 100644
--- a/src/modules/peers/PeerVersionCell.tsx
+++ b/src/modules/peers/PeerVersionCell.tsx
@@ -15,6 +15,7 @@ import { useApplicationContext } from "@/contexts/ApplicationProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { PeerOperatingSystemIcon } from "@/modules/peers/PeerOperatingSystemIcon";
 import FullTooltip from "@components/FullTooltip";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   version: string;
@@ -29,6 +30,7 @@ export default function PeerVersionCell({
   ephemeral,
 }: Props) {
   const { latestVersion, latestUrl } = useApplicationContext();
+  const { t } = useI18n();
 
   const updateAvailable = useMemo(() => {
     if (ephemeral) return false;
@@ -73,15 +75,14 @@ export default function PeerVersionCell({
                 <ArrowRightIcon size={16} className={"text-netbird"} />
                 <span className={"text-netbird"}>{latestVersion}</span>
               </div>
-              <p className={"font-medium"}>Update available </p>
+              <p className={"font-medium"}>{t("peerVersion.updateAvailable")}</p>
 
               <div
                 className={
                   "text-neutral-300 flex flex-col gap-1 max-w-[300px] text-xs mt-1"
                 }
               >
-                A new version of Netbird is available. Please update your client
-                to get the latest features and bug fixes.
+                {t("peerVersion.updateDescription")}
               </div>
               <InlineLink
                 onClick={(e) => e.stopPropagation()}
@@ -89,7 +90,7 @@ export default function PeerVersionCell({
                 target={"_blank"}
                 className={"mt-2 mb-2 text-xs"}
               >
-                Download & Changelog
+                {t("peerVersion.downloadChangelog")}
               </InlineLink>
             </TooltipContent>
           </Tooltip>
@@ -107,7 +108,7 @@ export default function PeerVersionCell({
           disabled={!serial || serial === ""}
           content={
             <div className={"text-xs"}>
-              <span className={"text-nb-gray-100 font-medium"}>Serial: </span>
+              <span className={"text-nb-gray-100 font-medium"}>{t("peerVersion.serial")}</span>
               {serial}
             </div>
           }
diff --git a/src/modules/peers/PeersTable.tsx b/src/modules/peers/PeersTable.tsx
index e5421ff6..59ae6ca7 100644
--- a/src/modules/peers/PeersTable.tsx
+++ b/src/modules/peers/PeersTable.tsx
@@ -37,184 +37,189 @@ import { PeerOSCell } from "@/modules/peers/PeerOSCell";
 import PeerStatusCell from "@/modules/peers/PeerStatusCell";
 import PeerVersionCell from "@/modules/peers/PeerVersionCell";
 import { removeAllSpaces } from "@utils/helpers";
+import { useI18n } from "@/i18n/I18nProvider";
 
-const PeersTableColumns: ColumnDef<Peer>[] = [
-  {
-    id: "select",
-    header: ({ table }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={table.getIsAllPageRowsSelected()}
-          onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
-          aria-label="Select all"
-        />
-      </div>
-    ),
-    cell: ({ row }) => (
-      <div className={"min-w-[20px] max-w-[20px]"}>
-        <Checkbox
-          checked={row.getIsSelected()}
-          variant={"tableCell"}
-          onCheckedChange={(value) => row.toggleSelected(!!value)}
-          aria-label="Select row"
-        />
-      </div>
-    ),
-    enableSorting: false,
-    enableHiding: false,
-  },
-  {
-    id: "name",
-    accessorFn: (peer) => `${peer?.name}${peer?.dns_label}`,
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function usePeersTableColumns(): ColumnDef<Peer>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      id: "select",
+      header: ({ table }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={table.getIsAllPageRowsSelected()}
+            onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
+            aria-label={t("groupPeers.selectAll")}
+          />
+        </div>
+      ),
+      cell: ({ row }) => (
+        <div className={"min-w-[20px] max-w-[20px]"}>
+          <Checkbox
+            checked={row.getIsSelected()}
+            variant={"tableCell"}
+            onCheckedChange={(value) => row.toggleSelected(!!value)}
+            aria-label={t("groupPeers.selectRow")}
+          />
+        </div>
+      ),
+      enableSorting: false,
+      enableHiding: false,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <PeerNameCell peer={row.original} />,
-  },
-  {
-    id: "connect",
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => (
-      <PeerProvider peer={row.original}>
-        <PeerConnectButton />
-      </PeerProvider>
-    ),
-  },
-  {
-    id: "approval_required",
-    accessorKey: "approval_required",
-    sortingFn: "basic",
-    accessorFn: (peer) => peer.approval_required,
-  },
-  {
-    id: "connected",
-    accessorKey: "connected",
-    accessorFn: (peer) => peer.connected,
-  },
-  {
-    accessorKey: "ip",
-    sortingFn: "text",
-  },
-  {
-    id: "user_name",
-    accessorFn: (peer) => (peer.user ? peer.user?.name : "Unknown"),
-  },
-  {
-    id: "user_email",
-    accessorFn: (peer) => (peer.user ? peer.user?.email : "Unknown"),
-  },
-  {
-    id: "dns_label",
-    accessorKey: "dns_label",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Address</DataTableHeader>;
+    {
+      id: "name",
+      accessorFn: (peer) => `${peer?.name}${peer?.dns_label}`,
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <PeerNameCell peer={row.original} />,
     },
-    cell: ({ row }) => <PeerAddressCell peer={row.original} />,
-  },
-  {
-    accessorKey: "group_name_strings",
-    accessorFn: (peer) => peer.groups?.map((g) => g?.name || "").join(", "),
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "group_names",
-    accessorFn: (peer) => peer.groups?.map((g) => g?.name || ""),
-    sortingFn: "text",
-    filterFn: "arrIncludesSome",
-  },
-  {
-    accessorFn: (peer) => peer.groups?.length,
-    id: "groups",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Groups</DataTableHeader>;
+    {
+      id: "connect",
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => (
+        <PeerProvider peer={row.original}>
+          <PeerConnectButton />
+        </PeerProvider>
+      ),
     },
-    cell: ({ row }) => (
-      <PeerProvider peer={row.original}>
-        <PeerGroupCell />
-      </PeerProvider>
-    ),
-  },
-  {
-    accessorKey: "last_seen",
-    header: ({ column, table }) => {
-      return (
-        <DataTableHeader
-          column={column}
-          onSort={() => {
-            const desc = column.getIsSorted() === "desc";
-            table.setSorting([{ id: "last_seen", desc: !desc }]);
-          }}
-        >
-          Last seen
-        </DataTableHeader>
-      );
+    {
+      id: "approval_required",
+      accessorKey: "approval_required",
+      sortingFn: "basic",
+      accessorFn: (peer) => peer.approval_required,
     },
-    sortingFn: "datetime",
-    cell: ({ row }) => <PeerLastSeenCell peer={row.original} />,
-  },
-  {
-    id: "os",
-    accessorFn: (peer) => removeAllSpaces(peer?.os),
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>OS</DataTableHeader>;
+    {
+      id: "connected",
+      accessorKey: "connected",
+      accessorFn: (peer) => peer.connected,
     },
-    cell: ({ row }) => (
-      <PeerOSCell os={row.original.os} serial={row.original.serial_number} />
-    ),
-  },
-  {
-    id: "serial",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Serial number</DataTableHeader>;
+    {
+      accessorKey: "ip",
+      sortingFn: "text",
     },
-    accessorFn: (peer) => peer.serial_number,
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "version",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Version</DataTableHeader>;
+    {
+      id: "user_name",
+      accessorFn: (peer) => (peer.user ? peer.user?.name : t("common.unknown")),
     },
-    cell: ({ row }) => (
-      <PeerVersionCell
-        version={row.original.version}
-        os={row.original.os}
-        serial={row.original.serial_number}
-        ephemeral={row.original.ephemeral}
-      />
-    ),
-  },
-  {
-    id: "status",
-    accessorFn: (peer) => {
-      let statusCount = 0;
-      if (peer.login_expired) statusCount++;
-      if (peer.approval_required) statusCount++;
-      return statusCount;
+    {
+      id: "user_email",
+      accessorFn: (peer) => (peer.user ? peer.user?.email : t("common.unknown")),
+    },
+    {
+      id: "dns_label",
+      accessorKey: "dns_label",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.address")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <PeerAddressCell peer={row.original} />,
+    },
+    {
+      accessorKey: "group_name_strings",
+      accessorFn: (peer) => peer.groups?.map((g) => g?.name || "").join(", "),
+      sortingFn: "text",
+    },
+    {
+      accessorKey: "group_names",
+      accessorFn: (peer) => peer.groups?.map((g) => g?.name || ""),
+      sortingFn: "text",
+      filterFn: "arrIncludesSome",
+    },
+    {
+      accessorFn: (peer) => peer.groups?.length,
+      id: "groups",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.groups")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <PeerProvider peer={row.original}>
+          <PeerGroupCell />
+        </PeerProvider>
+      ),
     },
-    header: () => {
-      return "";
+    {
+      accessorKey: "last_seen",
+      header: ({ column, table }) => {
+        return (
+          <DataTableHeader
+            column={column}
+            onSort={() => {
+              const desc = column.getIsSorted() === "desc";
+              table.setSorting([{ id: "last_seen", desc: !desc }]);
+            }}
+          >
+            {t("peers.lastSeen")}
+          </DataTableHeader>
+        );
+      },
+      sortingFn: "datetime",
+      cell: ({ row }) => <PeerLastSeenCell peer={row.original} />,
+    },
+    {
+      id: "os",
+      accessorFn: (peer) => removeAllSpaces(peer?.os),
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.os")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <PeerOSCell os={row.original.os} serial={row.original.serial_number} />
+      ),
     },
-    sortingFn: "text",
-    cell: ({ row }) => (
-      <PeerProvider peer={row.original}>
-        <PeerStatusCell peer={row.original} />
-      </PeerProvider>
-    ),
-  },
-  {
-    id: "actions",
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => (
-      <PeerProvider peer={row.original}>
-        <PeerActionCell />
-      </PeerProvider>
-    ),
-  },
-];
+    {
+      id: "serial",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.serialNumber")}</DataTableHeader>;
+      },
+      accessorFn: (peer) => peer.serial_number,
+      sortingFn: "text",
+    },
+    {
+      accessorKey: "version",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.version")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <PeerVersionCell
+          version={row.original.version}
+          os={row.original.os}
+          serial={row.original.serial_number}
+          ephemeral={row.original.ephemeral}
+        />
+      ),
+    },
+    {
+      id: "status",
+      accessorFn: (peer) => {
+        let statusCount = 0;
+        if (peer.login_expired) statusCount++;
+        if (peer.approval_required) statusCount++;
+        return statusCount;
+      },
+      header: () => {
+        return "";
+      },
+      sortingFn: "text",
+      cell: ({ row }) => (
+        <PeerProvider peer={row.original}>
+          <PeerStatusCell peer={row.original} />
+        </PeerProvider>
+      ),
+    },
+    {
+      id: "actions",
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => (
+        <PeerProvider peer={row.original}>
+          <PeerActionCell />
+        </PeerProvider>
+      ),
+    },
+  ];
+}
 
 type Props = {
   peers?: Peer[];
@@ -229,6 +234,7 @@ export default function PeersTable({
 }: Readonly<Props>) {
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const path = usePathname();
 
   // Default sorting state of the table
@@ -307,12 +313,12 @@ export default function PeersTable({
         rowSelection={selectedRows}
         setRowSelection={setSelectedRows}
         useRowId={true}
-        text={"Peers"}
+        text={t("peers.title")}
         sorting={sorting}
         setSorting={setSorting}
-        columns={PeersTableColumns}
+        columns={usePeersTableColumns()}
         data={showBrowserPeers ? browserPeers : regularPeers}
-        searchPlaceholder={"Search by name, IP, owner or group..."}
+        searchPlaceholder={t("peers.searchPlaceholder")}
         columnVisibility={{
           select: permission.groups.read,
           connected: false,
@@ -368,7 +374,7 @@ export default function PeersTable({
                     : "secondary"
                 }
               >
-                All
+                {t("filters.all")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -403,7 +409,7 @@ export default function PeersTable({
                     : "secondary"
                 }
               >
-                Online
+                {t("peerFilters.online")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -434,7 +440,7 @@ export default function PeersTable({
                     : "secondary"
                 }
               >
-                Offline
+                {t("peerFilters.offline")}
               </ButtonGroup.Button>
             </ButtonGroup>
 
@@ -469,7 +475,7 @@ export default function PeersTable({
                     : "secondary"
                 }
               >
-                Pending Approvals
+                {t("users.pendingApprovals")}
                 <NotificationCountBadge count={pendingApprovalCount} />
               </Button>
             )}
@@ -502,9 +508,7 @@ export default function PeersTable({
               <FullTooltip
                 content={
                   <div className={"max-w-sm text-xs"}>
-                    Show temporary peers created by the NetBird browser client.
-                    These peers are ephemeral and will be deleted automatically
-                    after a short period of time.
+                    {t("peers.browserPeersTooltip")}
                   </div>
                 }
               >
diff --git a/src/modules/posture-checks/checks/PostureCheckGeoLocation.tsx b/src/modules/posture-checks/checks/PostureCheckGeoLocation.tsx
index 69a0fb35..9777d94a 100644
--- a/src/modules/posture-checks/checks/PostureCheckGeoLocation.tsx
+++ b/src/modules/posture-checks/checks/PostureCheckGeoLocation.tsx
@@ -18,6 +18,7 @@ import {
 } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { GeoLocation, GeoLocationCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckCard } from "@/modules/posture-checks/ui/PostureCheckCard";
 
@@ -32,6 +33,7 @@ export const PostureCheckGeoLocation = ({
   onChange,
   disabled,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   return (
@@ -39,17 +41,15 @@ export const PostureCheckGeoLocation = ({
       open={open}
       setOpen={setOpen}
       icon={<FlagIcon size={16} />}
-      title={"Country & Region"}
-      description={
-        "Restrict access in your network based on country or region."
-      }
+      title={t("postureChecks.geoLocationTitle")}
+      description={t("postureChecks.geoLocationDescription")}
       iconClass={"bg-gradient-to-tr from-indigo-500 to-indigo-400"}
       modalWidthClass={"max-w-2xl"}
       active={value ? value?.locations?.length > 0 : false}
       onReset={() => onChange(undefined)}
       license={
         <div className={"text-xs max-w-xs"}>
-          This check includes GeoLite2 data created by MaxMind, available from{" "}
+          {t("postureChecks.geoLicensePrefix")}{" "}
           <InlineLink href={"https://www.maxmind.com"} target={"_blank"}>
             https://www.maxmind.com
           </InlineLink>
@@ -69,6 +69,7 @@ export const PostureCheckGeoLocation = ({
 };
 
 const CheckContent = ({ value, onChange, disabled }: Props) => {
+  const { t } = useI18n();
   const [allowDenyLocation, setAllowDenyLocation] = useState<string>(
     value?.action ? value.action : "allow",
   );
@@ -106,20 +107,19 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
       <div className={"flex flex-col px-8 gap-2 pb-6"}>
         <div className={"flex justify-between items-start gap-10 mt-2"}>
           <div>
-            <Label>Allow or Block Location</Label>
+            <Label>{t("postureChecks.allowOrBlockLocation")}</Label>
             <HelpText className={""}>
-              Choose whether you want to allow or block access from specific
-              countries or regions
+              {t("postureChecks.allowOrBlockLocationHelp")}
             </HelpText>
           </div>
           <RadioGroup value={allowDenyLocation} onChange={setAllowDenyLocation}>
             <RadioGroupItem value={"allow"} variant={"green"}>
               <ShieldCheck size={16} />
-              Allow
+              {t("postureChecks.allow")}
             </RadioGroupItem>
             <RadioGroupItem value={"deny"} variant={"red"}>
               <ShieldXIcon size={16} />
-              Block
+              {t("postureChecks.block")}
             </RadioGroupItem>
           </RadioGroup>
         </div>
@@ -169,28 +169,28 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
           onClick={addLocation}
         >
           <PlusCircle size={16} />
-          Add Location
+          {t("postureChecks.addLocation")}
         </Button>
       </div>
 
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/manage-posture-checks#geolocation-check"
               }
               target={"_blank"}
             >
-              Country & Region Check
+              {t("postureChecks.countryRegionCheck")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             variant={"primary"}
@@ -206,7 +206,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
             }}
             disabled={disabled}
           >
-            Save
+            {t("groupsSettings.save")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/posture-checks/checks/PostureCheckNetBirdVersion.tsx b/src/modules/posture-checks/checks/PostureCheckNetBirdVersion.tsx
index 41456945..cbd50c14 100644
--- a/src/modules/posture-checks/checks/PostureCheckNetBirdVersion.tsx
+++ b/src/modules/posture-checks/checks/PostureCheckNetBirdVersion.tsx
@@ -11,6 +11,7 @@ import { ExternalLinkIcon } from "lucide-react";
 import * as React from "react";
 import { useMemo, useState } from "react";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { NetBirdVersionCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckCard } from "@/modules/posture-checks/ui/PostureCheckCard";
 
@@ -25,6 +26,7 @@ export const PostureCheckNetBirdVersion = ({
   onChange,
   disabled,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   return (
@@ -33,10 +35,8 @@ export const PostureCheckNetBirdVersion = ({
       setOpen={setOpen}
       key={open ? 1 : 0}
       active={value?.min_version !== undefined}
-      title={"NetBird Client Version"}
-      description={
-        "Restrict access to peers with a specific NetBird client version."
-      }
+      title={t("postureChecks.netbirdVersionTitle")}
+      description={t("postureChecks.netbirdVersionDescription")}
       icon={<NetBirdIcon size={18} />}
       modalWidthClass={"max-w-lg"}
       onReset={() => onChange(undefined)}
@@ -54,14 +54,15 @@ export const PostureCheckNetBirdVersion = ({
 };
 
 const CheckContent = ({ value, onChange, disabled }: Props) => {
+  const { t } = useI18n();
   const [version, setVersion] = useState(value?.min_version || "");
 
   const versionError = useMemo(() => {
     if (version == "") return "";
     const validSemver = validator.isValidVersion(version);
     if (!validSemver)
-      return "Please enter a valid version, e.g., 0.2, 0.2.0, 0.2.0-alpha.1";
-  }, [version]);
+      return t("clientSettings.versionError");
+  }, [version, t]);
 
   const canSave = useMemo(() => {
     return (
@@ -76,19 +77,18 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
     <>
       <div className={"flex flex-col px-8 gap-3 pb-6"}>
         <div>
-          <Label>Minimum required version</Label>
+          <Label>{t("postureChecks.minimumRequiredVersion")}</Label>
           <HelpText>
-            Only peers with the minimum specified NetBird client version will
-            have access to the network.
+            {t("postureChecks.minimumRequiredVersionHelp")}
           </HelpText>
           <div>
             <Input
               className={"max-w-[200px]"}
               value={version}
               onChange={(e) => setVersion(e.target.value)}
-              placeholder={"e.g., 0.25.0"}
+              placeholder={t("postureChecks.versionPlaceholder")}
               error={versionError}
-              customPrefix={"Version"}
+              customPrefix={t("clientSettings.version")}
               disabled={disabled}
             />
           </div>
@@ -97,21 +97,21 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/manage-posture-checks#net-bird-client-version-check"
               }
               target={"_blank"}
             >
-              Client Version Check
+              {t("postureChecks.clientVersionCheck")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             variant={"primary"}
@@ -124,7 +124,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
               }
             }}
           >
-            Save
+            {t("groupsSettings.save")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/posture-checks/checks/PostureCheckOperatingSystem.tsx b/src/modules/posture-checks/checks/PostureCheckOperatingSystem.tsx
index 558dc466..d870bc36 100644
--- a/src/modules/posture-checks/checks/PostureCheckOperatingSystem.tsx
+++ b/src/modules/posture-checks/checks/PostureCheckOperatingSystem.tsx
@@ -30,6 +30,7 @@ import AppleIcon from "@/assets/icons/AppleIcon";
 import IOSIcon from "@/assets/icons/IOSIcon";
 import { LinuxIcon } from "@/assets/icons/LinuxIcon";
 import WindowsIcon from "@/assets/icons/WindowsIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import {
   androidVersions,
@@ -51,6 +52,7 @@ export const PostureCheckOperatingSystem = ({
   onChange,
   disabled,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   return (
@@ -59,11 +61,9 @@ export const PostureCheckOperatingSystem = ({
       setOpen={setOpen}
       key={open ? 1 : 0}
       icon={<Disc3Icon size={16} />}
-      title={"Operating System"}
+      title={t("postureChecks.operatingSystemTitle")}
       modalWidthClass={"max-w-xl"}
-      description={
-        "Restrict access in your network based on the operating system."
-      }
+      description={t("postureChecks.operatingSystemDescription")}
       iconClass={"bg-gradient-to-tr from-nb-gray-500 to-nb-gray-300"}
       active={value !== undefined}
       onReset={() => onChange(undefined)}
@@ -81,6 +81,7 @@ export const PostureCheckOperatingSystem = ({
 };
 
 const CheckContent = ({ value, onChange, disabled }: Props) => {
+  const { t } = useI18n();
   const [tab] = useState(String(OperatingSystem.LINUX));
 
   const firstTimeCheck = value === undefined;
@@ -141,7 +142,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            Linux
+            {t("postureChecks.osLinux")}
           </TabsTrigger>
           <TabsTrigger value={String(OperatingSystem.WINDOWS)}>
             <WindowsIcon
@@ -149,7 +150,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            Windows
+            {t("postureChecks.osWindows")}
           </TabsTrigger>
           <TabsTrigger value={String(OperatingSystem.APPLE)}>
             <AppleIcon
@@ -157,7 +158,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            macOS
+            {t("postureChecks.osMacos")}
           </TabsTrigger>
           <TabsTrigger value={String(OperatingSystem.IOS)}>
             <IOSIcon
@@ -165,7 +166,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            iOS
+            {t("postureChecks.osIos")}
           </TabsTrigger>
           <TabsTrigger value={String(OperatingSystem.ANDROID)}>
             <AndroidIcon
@@ -173,7 +174,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            Android
+            {t("postureChecks.osAndroid")}
           </TabsTrigger>
         </TabsList>
         <TabsContent value={String(OperatingSystem.LINUX)} className={"px-8"}>
@@ -230,21 +231,21 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/manage-posture-checks#operating-system-version-check"
               }
               target={"_blank"}
             >
-              Operating System Check
+              {t("postureChecks.operatingSystemCheck")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             disabled={!!versionError}
@@ -275,7 +276,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
               }
             }}
           >
-            Save
+            {t("groupsSettings.save")}
           </Button>
         </div>
       </ModalFooter>
@@ -292,19 +293,6 @@ type OperatingSystemTabProps = {
   disabled?: boolean;
 };
 
-const allOrMinOptions = [
-  {
-    label: "All versions",
-    value: "all",
-    icon: GalleryHorizontalEnd,
-  },
-  {
-    label: "Equal or greater than",
-    value: "min",
-    icon: IconMathEqualGreater,
-  },
-] as SelectOption[];
-
 export const OperatingSystemTab = ({
   value,
   onChange,
@@ -313,6 +301,19 @@ export const OperatingSystemTab = ({
   onError,
   disabled,
 }: OperatingSystemTabProps) => {
+  const { t } = useI18n();
+  const allOrMinOptions: SelectOption[] = [
+    {
+      label: t("postureChecks.allVersions"),
+      value: "all",
+      icon: GalleryHorizontalEnd,
+    },
+    {
+      label: t("postureChecks.equalOrGreaterThan"),
+      value: "min",
+      icon: IconMathEqualGreater,
+    },
+  ];
   const [allow, setAllow] = useState(value == "-" ? "block" : "allow");
   const [allOrMin, setAllOrMin] = useState(
     value == "" || value == "-" || value == "0" ? "all" : "min",
@@ -352,17 +353,17 @@ export const OperatingSystemTab = ({
 
   const prefix =
     os === OperatingSystem.LINUX || os === OperatingSystem.WINDOWS
-      ? "Kernel Version"
-      : "Version";
+      ? t("postureChecks.kernelVersion")
+      : t("clientSettings.version");
 
   const versionError = useMemo(() => {
-    const msg = "Please enter a valid version, e.g., 0.2, 0.2.0, 0.2.0-alpha.1";
+    const msg = t("clientSettings.versionError");
     if (value == "") return "";
     if (value == "-") return "";
     const validSemver = validator.isValidVersion(value);
     if (!validSemver) return msg;
     return "";
-  }, [value]);
+  }, [value, t]);
 
   useEffect(() => {
     onError(versionError);
@@ -372,19 +373,19 @@ export const OperatingSystemTab = ({
     <div className={""}>
       <div className={"flex justify-between items-start gap-10 "}>
         <div>
-          <Label>Allow or Block</Label>
+          <Label>{t("postureChecks.allowOrBlock")}</Label>
           <HelpText>
-            Choose whether you want to allow or block the operating system.
+            {t("postureChecks.allowOrBlockOsHelp")}
           </HelpText>
         </div>
         <RadioGroup value={allow} onChange={changeAllow}>
           <RadioGroupItem value={"allow"} variant={"green"}>
             <ShieldCheck size={14} />
-            Allow
+            {t("postureChecks.allow")}
           </RadioGroupItem>
           <RadioGroupItem value={"block"} variant={"red"}>
             <ShieldXIcon size={14} />
-            Block
+            {t("postureChecks.block")}
           </RadioGroupItem>
         </RadioGroup>
       </div>
@@ -399,7 +400,7 @@ export const OperatingSystemTab = ({
           <SelectDropdown
             value={value || "0"}
             showSearch={true}
-            placeholder={"Select version..."}
+            placeholder={t("postureChecks.selectVersion")}
             onChange={onChange}
             options={versionList}
             disabled={allOrMin === "all" || allow === "block" || disabled}
@@ -408,7 +409,7 @@ export const OperatingSystemTab = ({
           <Input
             value={value}
             customPrefix={prefix}
-            placeholder={"e.g., 6.0.0"}
+            placeholder={t("postureChecks.osVersionPlaceholder")}
             error={versionError}
             errorTooltip={true}
             disabled={allOrMin === "all" || allow === "block" || disabled}
@@ -427,10 +428,10 @@ export const OperatingSystemTab = ({
             label={
               <>
                 <FileCog size={14} />
-                Use custom version number
+                {t("postureChecks.useCustomVersionNumber")}
               </>
             }
-            helpText={"Use a custom version number if you need more control."}
+            helpText={t("postureChecks.useCustomVersionNumberHelp")}
           />
         </div>
       )}
diff --git a/src/modules/posture-checks/checks/PostureCheckPeerNetworkRange.tsx b/src/modules/posture-checks/checks/PostureCheckPeerNetworkRange.tsx
index 62de35c3..2cfdabcf 100644
--- a/src/modules/posture-checks/checks/PostureCheckPeerNetworkRange.tsx
+++ b/src/modules/posture-checks/checks/PostureCheckPeerNetworkRange.tsx
@@ -18,6 +18,7 @@ import {
 } from "lucide-react";
 import * as React from "react";
 import { useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PeerNetworkRangeCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckCard } from "@/modules/posture-checks/ui/PostureCheckCard";
 
@@ -32,6 +33,7 @@ export const PostureCheckPeerNetworkRange = ({
   onChange,
   disabled,
 }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   return (
@@ -40,11 +42,9 @@ export const PostureCheckPeerNetworkRange = ({
       setOpen={setOpen}
       key={open ? 1 : 0}
       icon={<NetworkIcon size={16} />}
-      title={"Peer Network Range"}
+      title={t("postureChecks.peerNetworkRangeTitle")}
       modalWidthClass={"max-w-xl"}
-      description={
-        "Restrict access by allowing or blocking peer network ranges."
-      }
+      description={t("postureChecks.peerNetworkRangeDescription")}
       iconClass={"bg-gradient-to-tr from-blue-500 to-blue-400"}
       active={value !== undefined}
       onReset={() => onChange(undefined)}
@@ -67,6 +67,7 @@ interface NetworkRange {
 }
 
 const CheckContent = ({ value, onChange, disabled }: Props) => {
+  const { t } = useI18n();
   const [allowOrDeny, setAllowOrDeny] = useState<string>(
     value?.action ? value.action : "allow",
   );
@@ -101,7 +102,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
   const validateNetworkRange = (networkRange: string) => {
     if (networkRange == "") return "";
     const validCIDR = cidr.isValidAddress(networkRange);
-    if (!validCIDR) return "Please enter a valid CIDR, e.g., 192.168.1.0/24";
+    if (!validCIDR) return t("postureChecks.cidrError");
     return "";
   };
 
@@ -116,7 +117,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
     } else {
       return [];
     }
-  }, [networkRanges]);
+  }, [networkRanges, t]);
 
   const hasErrorsOrIsEmpty = useMemo(() => {
     if (networkRanges.length === 0) return true;
@@ -128,20 +129,19 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
       <div className={"flex flex-col px-8 gap-2 pb-6"}>
         <div className={"flex justify-between items-start gap-10 mt-2"}>
           <div>
-            <Label>Allow or Block Ranges</Label>
+            <Label>{t("postureChecks.allowOrBlockRanges")}</Label>
             <HelpText className={""}>
-              Choose whether you want to allow or block specific peer network
-              ranges
+              {t("postureChecks.allowOrBlockRangesHelp")}
             </HelpText>
           </div>
           <RadioGroup value={allowOrDeny} onChange={setAllowOrDeny}>
             <RadioGroupItem value={"allow"} variant={"green"}>
               <ShieldCheck size={16} />
-              Allow
+              {t("postureChecks.allow")}
             </RadioGroupItem>
             <RadioGroupItem value={"deny"} variant={"red"}>
               <ShieldXIcon size={16} />
-              Block
+              {t("postureChecks.block")}
             </RadioGroupItem>
           </RadioGroup>
         </div>
@@ -153,7 +153,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
                   <div className={"w-full"}>
                     <Input
                       customPrefix={<NetworkIcon size={16} />}
-                      placeholder={"e.g., 172.16.0.0/16"}
+                      placeholder={t("postureChecks.networkRangePlaceholder")}
                       value={ipRange.value}
                       error={cidrErrors.find((e) => e.id === ipRange.id)?.error}
                       errorTooltip={false}
@@ -185,27 +185,27 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
           disabled={disabled}
         >
           <PlusCircle size={16} />
-          Add Network Range
+          {t("postureChecks.addNetworkRange")}
         </Button>
       </div>
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/manage-posture-checks#peer-network-range-check"
               }
               target={"_blank"}
             >
-              Peer Network Range Check
+              {t("postureChecks.peerNetworkRangeCheck")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             variant={"primary"}
@@ -223,7 +223,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
               }
             }}
           >
-            Save
+            {t("groupsSettings.save")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/posture-checks/checks/PostureCheckProcess.tsx b/src/modules/posture-checks/checks/PostureCheckProcess.tsx
index f592c13c..0834b14c 100644
--- a/src/modules/posture-checks/checks/PostureCheckProcess.tsx
+++ b/src/modules/posture-checks/checks/PostureCheckProcess.tsx
@@ -17,6 +17,7 @@ import {
 import * as React from "react";
 import { useMemo, useState } from "react";
 import AppleIcon from "@/assets/icons/AppleIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import WindowsIcon from "@/assets/icons/WindowsIcon";
 import { Process, ProcessCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckCard } from "@/modules/posture-checks/ui/PostureCheckCard";
@@ -28,6 +29,7 @@ type Props = {
 };
 
 export const PostureCheckProcess = ({ value, onChange, disabled }: Props) => {
+  const { t } = useI18n();
   const [open, setOpen] = useState(false);
 
   return (
@@ -36,10 +38,8 @@ export const PostureCheckProcess = ({ value, onChange, disabled }: Props) => {
       setOpen={setOpen}
       key={open ? 1 : 0}
       active={value?.processes && value?.processes?.length > 0}
-      title={"Process"}
-      description={
-        "Restrict access in your network based on running processes of a peer."
-      }
+      title={t("postureChecks.processTitle")}
+      description={t("postureChecks.processDescription")}
       icon={<ServerCogIcon size={18} />}
       iconClass={"bg-gradient-to-tr from-nb-gray-500 to-nb-gray-300"}
       modalWidthClass={"max-w-xl"}
@@ -58,6 +58,7 @@ export const PostureCheckProcess = ({ value, onChange, disabled }: Props) => {
 };
 
 const CheckContent = ({ value, onChange, disabled }: Props) => {
+  const { t } = useI18n();
   const [processes, setProcesses] = useState<Process[]>(
     value?.processes
       ? value.processes.map((p) => {
@@ -115,24 +116,24 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
           errorMacPath: p?.mac_path
             ? validator.isValidUnixFilePath(p?.mac_path || "")
               ? ""
-              : "Please enter a valid macOS file path"
+              : t("postureChecks.macPathError")
             : "",
           errorLinuxPath: p?.linux_path
             ? validator.isValidUnixFilePath(p?.linux_path || "")
               ? ""
-              : "Please enter a valid Unix file path"
+              : t("postureChecks.unixPathError")
             : "",
           errorWindowsPath: p?.windows_path
             ? validator.isValidWindowsFilePath(p?.windows_path || "")
               ? ""
-              : "Please enter a valid Windows file path"
+              : t("postureChecks.windowsPathError")
             : "",
         };
       });
     } else {
       return [];
     }
-  }, [processes]);
+  }, [processes, t]);
 
   const hasErrorsOrIsEmpty = useMemo(() => {
     if (processes.length === 0) return true;
@@ -153,11 +154,9 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
       <div className={"flex flex-col px-8 gap-2 pb-6"}>
         <div className={"flex justify-between items-start gap-10 mt-2"}>
           <div>
-            <Label>Processes</Label>
+            <Label>{t("postureChecks.processesLabel")}</Label>
             <HelpText className={""}>
-              Add the path of an executable file of the process. You can define
-              a path for Linux, macOS and Windows. Peers will only be allowed to
-              connect if the process is running on their system.
+              {t("postureChecks.processesHelp")}
             </HelpText>
           </div>
         </div>
@@ -268,27 +267,27 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
           disabled={disabled}
         >
           <PlusCircle size={16} />
-          Add Process
+          {t("postureChecks.addProcess")}
         </Button>
       </div>
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/manage-posture-checks#process-check"
               }
               target={"_blank"}
             >
-              Process Check
+              {t("postureChecks.processCheck")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
           <Button
             variant={"primary"}
@@ -308,7 +307,7 @@ const CheckContent = ({ value, onChange, disabled }: Props) => {
               }
             }}
           >
-            Save
+            {t("groupsSettings.save")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/posture-checks/checks/tooltips/GeoLocationTooltip.tsx b/src/modules/posture-checks/checks/tooltips/GeoLocationTooltip.tsx
index 08e79194..fad9e760 100644
--- a/src/modules/posture-checks/checks/tooltips/GeoLocationTooltip.tsx
+++ b/src/modules/posture-checks/checks/tooltips/GeoLocationTooltip.tsx
@@ -3,6 +3,7 @@ import { ScrollArea } from "@components/ScrollArea";
 import useFetchApi from "@utils/api";
 import * as React from "react";
 import RoundedFlag from "@/assets/countries/RoundedFlag";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Country } from "@/interfaces/Country";
 import { GeoLocationCheck } from "@/interfaces/PostureCheck";
 
@@ -12,6 +13,7 @@ type Props = {
 };
 export const GeoLocationTooltip = ({ children, check }: Props) => {
   const { data: countries } = useFetchApi<Country[]>(`/locations/countries`);
+  const { t } = useI18n();
 
   return check ? (
     <FullTooltip
@@ -28,16 +30,18 @@ export const GeoLocationTooltip = ({ children, check }: Props) => {
             {check.action == "allow" ? (
               <span>
                 <span className={"text-green-500 font-semibold"}>
-                  Allow only
+                  {t("postureChecks.allowOnly")}
                 </span>{" "}
-                the following <br />
-                countries & regions
+                {t("postureChecks.geoTooltipAllowedLine1")} <br />
+                {t("postureChecks.geoTooltipLine2")}
               </span>
             ) : (
               <span>
-                <span className={"text-red-500 font-semibold"}>Block</span> the
-                following <br />
-                countries & regions
+                <span className={"text-red-500 font-semibold"}>
+                  {t("postureChecks.block")}
+                </span>{" "}
+                {t("postureChecks.geoTooltipBlockedLine1")} <br />
+                {t("postureChecks.geoTooltipLine2")}
               </span>
             )}
           </div>
diff --git a/src/modules/posture-checks/checks/tooltips/NetBirdVersionTooltip.tsx b/src/modules/posture-checks/checks/tooltips/NetBirdVersionTooltip.tsx
index 6589f575..d0ee2c93 100644
--- a/src/modules/posture-checks/checks/tooltips/NetBirdVersionTooltip.tsx
+++ b/src/modules/posture-checks/checks/tooltips/NetBirdVersionTooltip.tsx
@@ -1,19 +1,22 @@
 import FullTooltip from "@components/FullTooltip";
 import { IconMathEqualGreater } from "@tabler/icons-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   version?: string;
   children?: React.ReactNode;
 };
 export const NetBirdVersionTooltip = ({ version, children }: Props) => {
+  const { t } = useI18n();
+
   return version ? (
     <FullTooltip
       className={"w-full"}
       interactive={false}
       content={
         <div className={"text-neutral-300 flex items-center text-sm gap-1"}>
-          <span className={""}>Min. Client Version</span>
+          <span className={""}>{t("postureChecks.minimumClientVersion")}</span>
 
           <span
             className={"text-netbird font-semibold flex items-center gap-1"}
diff --git a/src/modules/posture-checks/checks/tooltips/OperatingSystemTooltip.tsx b/src/modules/posture-checks/checks/tooltips/OperatingSystemTooltip.tsx
index f4e07e46..216fe133 100644
--- a/src/modules/posture-checks/checks/tooltips/OperatingSystemTooltip.tsx
+++ b/src/modules/posture-checks/checks/tooltips/OperatingSystemTooltip.tsx
@@ -5,6 +5,7 @@ import AppleIcon from "@/assets/icons/AppleIcon";
 import IOSIcon from "@/assets/icons/IOSIcon";
 import { LinuxIcon } from "@/assets/icons/LinuxIcon";
 import WindowsIcon from "@/assets/icons/WindowsIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   androidVersions,
   iOSVersions,
@@ -19,6 +20,8 @@ type Props = {
   children: React.ReactNode;
 };
 export const OperatingSystemTooltip = ({ check, children }: Props) => {
+  const { t } = useI18n();
+
   return check ? (
     <FullTooltip
       interactive={false}
@@ -29,32 +32,32 @@ export const OperatingSystemTooltip = ({ check, children }: Props) => {
           <div className={"flex flex-col gap-1"}>
             <PostureCheckOperatingSystemInfo
               icon={LinuxIcon}
-              os={"Linux"}
+              os={t("postureChecks.osLinux")}
               version={check.linux?.min_kernel_version}
-              versionText={"Kernel Version"}
+              versionText={t("postureChecks.kernelVersion")}
             />
             <PostureCheckOperatingSystemInfo
               icon={WindowsIcon}
-              os={"Windows"}
+              os={t("postureChecks.osWindows")}
               version={check.windows?.min_kernel_version}
-              versionText={"Kernel Version"}
+              versionText={t("postureChecks.kernelVersion")}
               versionList={windowsKernelVersions}
             />
             <PostureCheckOperatingSystemInfo
               icon={AppleIcon}
-              os={"macOS"}
+              os={t("postureChecks.osMacos")}
               version={check.darwin?.min_version}
               versionList={macOSVersions}
             />
             <PostureCheckOperatingSystemInfo
               icon={IOSIcon}
-              os={"iOS"}
+              os={t("postureChecks.osIos")}
               version={check.ios?.min_version}
               versionList={iOSVersions}
             />
             <PostureCheckOperatingSystemInfo
               icon={AndroidIcon}
-              os={"Android"}
+              os={t("postureChecks.osAndroid")}
               version={check.android?.min_version}
               versionList={androidVersions}
             />
diff --git a/src/modules/posture-checks/checks/tooltips/PeerNetworkRangeTooltip.tsx b/src/modules/posture-checks/checks/tooltips/PeerNetworkRangeTooltip.tsx
index 0cc7937e..1139216e 100644
--- a/src/modules/posture-checks/checks/tooltips/PeerNetworkRangeTooltip.tsx
+++ b/src/modules/posture-checks/checks/tooltips/PeerNetworkRangeTooltip.tsx
@@ -3,6 +3,7 @@ import FullTooltip from "@components/FullTooltip";
 import { ScrollArea } from "@components/ScrollArea";
 import { NetworkIcon } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PeerNetworkRangeCheck } from "@/interfaces/PostureCheck";
 
 type Props = {
@@ -10,6 +11,8 @@ type Props = {
   children?: React.ReactNode;
 };
 export const PeerNetworkRangeTooltip = ({ check, children }: Props) => {
+  const { t } = useI18n();
+
   return check ? (
     <FullTooltip
       className={"w-full"}
@@ -23,14 +26,16 @@ export const PeerNetworkRangeTooltip = ({ check, children }: Props) => {
             {check.action == "allow" ? (
               <span>
                 <span className={"text-green-500 font-semibold"}>
-                  Allow only
+                  {t("postureChecks.allowOnly")}
                 </span>{" "}
-                the following peer network ranges
+                {t("postureChecks.peerRangeTooltipAllowed")}
               </span>
             ) : (
               <span>
-                <span className={"text-red-500 font-semibold"}>Block</span> the
-                following peer network ranges
+                <span className={"text-red-500 font-semibold"}>
+                  {t("postureChecks.block")}
+                </span>{" "}
+                {t("postureChecks.peerRangeTooltipBlocked")}
               </span>
             )}
           </div>
diff --git a/src/modules/posture-checks/checks/tooltips/ProcessTooltip.tsx b/src/modules/posture-checks/checks/tooltips/ProcessTooltip.tsx
index dc46bc52..b19c8fa4 100644
--- a/src/modules/posture-checks/checks/tooltips/ProcessTooltip.tsx
+++ b/src/modules/posture-checks/checks/tooltips/ProcessTooltip.tsx
@@ -6,6 +6,7 @@ import { TerminalIcon } from "lucide-react";
 import * as React from "react";
 import AppleIcon from "@/assets/icons/AppleIcon";
 import WindowsIcon from "@/assets/icons/WindowsIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ProcessCheck } from "@/interfaces/PostureCheck";
 
 type Props = {
@@ -13,6 +14,8 @@ type Props = {
   children?: React.ReactNode;
 };
 export const ProcessTooltip = ({ check, children }: Props) => {
+  const { t } = useI18n();
+
   return check ? (
     <FullTooltip
       className={"w-full min-w-0"}
@@ -26,8 +29,10 @@ export const ProcessTooltip = ({ check, children }: Props) => {
         >
           <div className={"px-4 pt-3"}>
             <span>
-              <span className={"text-green-500 font-semibold"}>Allow only</span>{" "}
-              peers which are running the following processes
+              <span className={"text-green-500 font-semibold"}>
+                {t("postureChecks.allowOnly")}
+              </span>{" "}
+              {t("postureChecks.processTooltipAllowed")}
             </span>
           </div>
 
@@ -54,7 +59,7 @@ export const ProcessTooltip = ({ check, children }: Props) => {
                           title={p?.linux_path}
                         >
                           {tryGetProcessNameFromPath(p?.linux_path) ||
-                            "Unknown path"}
+                            t("postureChecks.unknownPath")}
                         </span>
                       </Badge>
                     )}
@@ -73,7 +78,7 @@ export const ProcessTooltip = ({ check, children }: Props) => {
                           title={p?.mac_path}
                         >
                           {tryGetProcessNameFromPath(p?.mac_path) ||
-                            "Unknown path"}
+                            t("postureChecks.unknownPath")}
                         </span>
                       </Badge>
                     )}
@@ -92,7 +97,7 @@ export const ProcessTooltip = ({ check, children }: Props) => {
                           title={p?.windows_path}
                         >
                           {tryGetProcessNameFromPath(p?.windows_path) ||
-                            "Unknown path"}
+                            t("postureChecks.unknownPath")}
                         </span>
                       </Badge>
                     )}
diff --git a/src/modules/posture-checks/modal/PostureCheckModal.tsx b/src/modules/posture-checks/modal/PostureCheckModal.tsx
index 51918bc0..15202595 100644
--- a/src/modules/posture-checks/modal/PostureCheckModal.tsx
+++ b/src/modules/posture-checks/modal/PostureCheckModal.tsx
@@ -13,6 +13,7 @@ import { isEmpty } from "lodash";
 import { ExternalLinkIcon, LayoutList, ShieldCheck, Text } from "lucide-react";
 import React, { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckGeoLocation } from "@/modules/posture-checks/checks/PostureCheckGeoLocation";
 import { PostureCheckNetBirdVersion } from "@/modules/posture-checks/checks/PostureCheckNetBirdVersion";
@@ -37,6 +38,7 @@ export default function PostureCheckModal({
   useSave = true,
 }: Props) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const {
     state: check,
@@ -74,11 +76,11 @@ export default function PostureCheckModal({
           <ModalHeader
             icon={<ShieldCheck size={19} />}
             title={
-              postureCheck ? "Update Posture Check" : "Create Posture Check"
-            }
-            description={
-              "Use posture checks to further restrict access in your network."
+              postureCheck
+                ? t("postureChecks.updateModalTitle")
+                : t("postureChecks.createModalTitle")
             }
+            description={t("postureChecks.modalDescription")}
             color={"netbird"}
           />
 
@@ -86,7 +88,7 @@ export default function PostureCheckModal({
             <TabsList justify={"start"} className={"px-8"}>
               <TabsTrigger value={"checks"}>
                 <LayoutList size={16} />
-                Checks
+                {t("postureChecks.checks")}
               </TabsTrigger>
 
               <TabsTrigger
@@ -99,7 +101,7 @@ export default function PostureCheckModal({
                     "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
                   }
                 />
-                Name & Description
+                {t("postureChecks.nameDescription")}
               </TabsTrigger>
             </TabsList>
 
@@ -170,10 +172,8 @@ export default function PostureCheckModal({
             <TabsContent value={"general"} className={"pb-8 px-8"}>
               <div className={"flex flex-col gap-6"}>
                 <div>
-                  <Label>Name of the Posture Check</Label>
-                  <HelpText>
-                    Set an easily identifiable name for your posture check.
-                  </HelpText>
+                  <Label>{t("postureChecks.nameLabel")}</Label>
+                  <HelpText>{t("postureChecks.nameHelp")}</HelpText>
                   <Input
                     autoFocus={true}
                     tabIndex={0}
@@ -184,18 +184,15 @@ export default function PostureCheckModal({
                         payload: e.target.value,
                       })
                     }
-                    placeholder={"e.g., NetBird Version > 0.25.0"}
+                    placeholder={t("postureChecks.namePlaceholder")}
                     disabled={
                       !permission.policies.create || !permission.policies.update
                     }
                   />
                 </div>
                 <div>
-                  <Label>Description (optional)</Label>
-                  <HelpText>
-                    Write a short description to add more context to this
-                    policy.
-                  </HelpText>
+                  <Label>{t("postureChecks.descriptionLabel")}</Label>
+                  <HelpText>{t("postureChecks.descriptionHelp")}</HelpText>
                   <Textarea
                     value={check?.description}
                     onChange={(e) =>
@@ -204,9 +201,7 @@ export default function PostureCheckModal({
                         payload: e.target.value,
                       })
                     }
-                    placeholder={
-                      "e.g., Check if the NetBird version is bigger than 0.25.0"
-                    }
+                    placeholder={t("postureChecks.descriptionPlaceholder")}
                     rows={3}
                     disabled={
                       !permission.policies.create || !permission.policies.update
@@ -220,12 +215,12 @@ export default function PostureCheckModal({
           <ModalFooter className={"items-center"}>
             <div className={"w-full"}>
               <Paragraph className={"text-sm mt-auto"}>
-                Learn more about
+                {t("common.learnMorePrefix")}
                 <InlineLink
                   href={"https://docs.netbird.io/how-to/manage-posture-checks"}
                   target={"_blank"}
                 >
-                  Posture Checks
+                  {t("postureChecks.title")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </Paragraph>
@@ -237,7 +232,7 @@ export default function PostureCheckModal({
                     variant={"secondary"}
                     onClick={() => onOpenChange(false)}
                   >
-                    Cancel
+                    {t("actions.cancel")}
                   </Button>
                 )}
 
@@ -246,7 +241,7 @@ export default function PostureCheckModal({
                     variant={"secondary"}
                     onClick={() => setTab("checks")}
                   >
-                    Back
+                    {t("actions.back")}
                   </Button>
                 )}
 
@@ -256,7 +251,7 @@ export default function PostureCheckModal({
                     onClick={() => setTab("general")}
                     disabled={!isAtLeastOneCheckEnabled}
                   >
-                    Continue
+                    {t("actions.continue")}
                   </Button>
                 )}
 
@@ -272,7 +267,9 @@ export default function PostureCheckModal({
                       }
                     }}
                   >
-                    {postureCheck ? "Save Changes" : "Create Posture Check"}
+                    {postureCheck
+                      ? t("actions.saveChanges")
+                      : t("postureChecks.createButton")}
                   </Button>
                 )}
               </>
diff --git a/src/modules/posture-checks/table/PostureCheckBrowseTable.tsx b/src/modules/posture-checks/table/PostureCheckBrowseTable.tsx
index 91ff852f..9250dc83 100644
--- a/src/modules/posture-checks/table/PostureCheckBrowseTable.tsx
+++ b/src/modules/posture-checks/table/PostureCheckBrowseTable.tsx
@@ -11,6 +11,7 @@ import {
 import useFetchApi from "@utils/api";
 import React, { useState } from "react";
 import { useSWRConfig } from "swr";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckChecksCell } from "@/modules/posture-checks/table/cells/PostureCheckChecksCell";
 import { PostureCheckNameCell } from "@/modules/posture-checks/table/cells/PostureCheckNameCell";
@@ -20,6 +21,7 @@ type Props = {
 };
 
 export default function PostureCheckBrowseTable({ onAdd }: Readonly<Props>) {
+  const { t } = useI18n();
   const { data: postureChecks, isLoading } =
     useFetchApi<PostureCheck[]>("/posture-checks");
   const { mutate } = useSWRConfig();
@@ -42,11 +44,11 @@ export default function PostureCheckBrowseTable({ onAdd }: Readonly<Props>) {
         setRowSelection={setSelectedRows}
         isLoading={isLoading}
         keepStateInLocalStorage={false}
-        text={"Posture Check"}
+        text={t("postureChecks.title")}
         sorting={sorting}
         wrapperClassName={""}
         setSorting={setSorting}
-        columns={PostureChecksColumns}
+        columns={getPostureChecksColumns(t)}
         showHeader={true}
         columnVisibility={{
           description: false,
@@ -54,7 +56,7 @@ export default function PostureCheckBrowseTable({ onAdd }: Readonly<Props>) {
         tableClassName={"mt-6 !border-0"}
         rowClassName={"!border-b-0 px-10"}
         data={postureChecks}
-        searchPlaceholder={"Search by name and description..."}
+        searchPlaceholder={t("postureChecks.searchPlaceholder")}
         onRowClick={(row) => row.toggleSelected()}
         rightSide={(table) => (
           <>
@@ -69,7 +71,9 @@ export default function PostureCheckBrowseTable({ onAdd }: Readonly<Props>) {
                 }
                 disabled={table.getSelectedRowModel().rows.length <= 0}
               >
-                Add Posture Checks ({table.getSelectedRowModel().rows.length})
+                {t("postureChecks.addSelected", {
+                  count: table.getSelectedRowModel().rows.length,
+                })}
               </Button>
             )}
           </>
@@ -90,7 +94,10 @@ export default function PostureCheckBrowseTable({ onAdd }: Readonly<Props>) {
   );
 }
 
-export const PostureChecksColumns: ColumnDef<PostureCheck>[] = [
+function getPostureChecksColumns(
+  t: (key: any, values?: Record<string, string | number>) => string,
+): ColumnDef<PostureCheck>[] {
+  return [
   {
     id: "select",
     header: ({ table }) => (
@@ -98,7 +105,7 @@ export const PostureChecksColumns: ColumnDef<PostureCheck>[] = [
         <Checkbox
           checked={table.getIsAllPageRowsSelected()}
           onCheckedChange={(value) => table.toggleAllRowsSelected(!!value)}
-          aria-label="Select all"
+          aria-label={t("postureChecks.selectAll")}
         />
       </div>
     ),
@@ -107,7 +114,7 @@ export const PostureChecksColumns: ColumnDef<PostureCheck>[] = [
         <Checkbox
           checked={row.getIsSelected()}
           onCheckedChange={(value) => row.toggleSelected(!!value)}
-          aria-label="Select row"
+          aria-label={t("postureChecks.selectRow")}
           variant={"tableCell"}
         />
       </div>
@@ -118,7 +125,7 @@ export const PostureChecksColumns: ColumnDef<PostureCheck>[] = [
   {
     accessorKey: "name",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+      return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
     },
     cell: ({ row }) => (
       <PostureCheckNameCell small={true} check={row.original} />
@@ -127,8 +134,11 @@ export const PostureChecksColumns: ColumnDef<PostureCheck>[] = [
   {
     accessorKey: "id",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Checks</DataTableHeader>;
+      return (
+        <DataTableHeader column={column}>{t("postureChecks.checks")}</DataTableHeader>
+      );
     },
     cell: ({ row }) => <PostureCheckChecksCell check={row.original} />,
   },
 ];
+}
diff --git a/src/modules/posture-checks/table/PostureCheckMinimalTable.tsx b/src/modules/posture-checks/table/PostureCheckMinimalTable.tsx
index 86519ae6..cccda940 100644
--- a/src/modules/posture-checks/table/PostureCheckMinimalTable.tsx
+++ b/src/modules/posture-checks/table/PostureCheckMinimalTable.tsx
@@ -16,6 +16,7 @@ import {
 } from "lucide-react";
 import React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 import { PostureCheckChecksCell } from "@/modules/posture-checks/table/cells/PostureCheckChecksCell";
 import { PostureCheckNameCell } from "@/modules/posture-checks/table/cells/PostureCheckNameCell";
@@ -37,17 +38,17 @@ export default function PostureCheckMinimalTable({
   onEditClick,
 }: Props) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   return data && data.length > 0 ? (
     <div className={""}>
       <div className={"flex justify-between gap-10 mb-5 items-end"}>
         <div>
           <Label>
-            {data.length}{" "}
-            {data.length == 1 ? "Posture Check" : "Posture Checks"}
+            {t("postureChecks.countLabel", { count: data.length })}
           </Label>
           <HelpText className={"mb-0"}>
-            Use posture checks to further restrict access in your network.
+            {t("postureChecks.modalDescription")}
           </HelpText>
         </div>
         <div className={"flex items-center justify-center gap-4"}>
@@ -60,7 +61,7 @@ export default function PostureCheckMinimalTable({
             }
           >
             <FolderSearch size={14} />
-            Browse Checks
+            {t("postureChecks.browseChecks")}
           </Button>
           <Button
             variant={"primary"}
@@ -71,7 +72,7 @@ export default function PostureCheckMinimalTable({
             }
           >
             <PlusCircle size={14} />
-            New Posture Check
+            {t("postureChecks.newButton")}
           </Button>
         </div>
       </div>
@@ -119,7 +120,7 @@ export default function PostureCheckMinimalTable({
                       >
                         <div className={"flex gap-3 items-center"}>
                           <Edit size={14} className={"shrink-0"} />
-                          Edit Posture Check
+                          {t("postureChecks.editButton")}
                         </div>
                       </DropdownMenuItem>
                       <DropdownMenuItem
@@ -128,7 +129,7 @@ export default function PostureCheckMinimalTable({
                       >
                         <div className={"flex gap-3 items-center"}>
                           <MinusCircleIcon size={14} className={"shrink-0"} />
-                          Remove Posture Check
+                          {t("postureChecks.removeButton")}
                         </div>
                       </DropdownMenuItem>
                     </DropdownMenuContent>
diff --git a/src/modules/posture-checks/table/PostureCheckTable.tsx b/src/modules/posture-checks/table/PostureCheckTable.tsx
index b35c7aa4..3e244cef 100644
--- a/src/modules/posture-checks/table/PostureCheckTable.tsx
+++ b/src/modules/posture-checks/table/PostureCheckTable.tsx
@@ -16,6 +16,7 @@ import { usePathname } from "next/navigation";
 import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Policy } from "@/interfaces/Policy";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 import PostureCheckModal from "@/modules/posture-checks/modal/PostureCheckModal";
@@ -31,41 +32,51 @@ type Props = {
   headingTarget?: HTMLHeadingElement | null;
 };
 
-const Columns: ColumnDef<PostureCheck>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    cell: ({ row }) => <PostureCheckNameCell check={row.original} />,
-  },
-  {
-    id: "active",
-    accessorKey: "active",
-    sortingFn: "basic",
-  },
-  {
-    id: "checks",
-    accessorFn: (row) => Object.keys(row.checks).length,
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Checks</DataTableHeader>;
-    },
-    cell: ({ row }) => <PostureCheckChecksCell check={row.original} />,
-  },
-  {
-    id: "access_control_usage",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Policies</DataTableHeader>;
-    },
-    cell: ({ row }) => <PostureCheckPolicyUsageCell check={row.original} />,
-  },
+function useColumns(): ColumnDef<PostureCheck>[] {
+  const { t } = useI18n();
 
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <PostureCheckActionCell check={row.original} />,
-  },
-];
+  return useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+        },
+        cell: ({ row }) => <PostureCheckNameCell check={row.original} />,
+      },
+      {
+        id: "active",
+        accessorKey: "active",
+        sortingFn: "basic",
+      },
+      {
+        id: "checks",
+        accessorFn: (row) => Object.keys(row.checks).length,
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("postureChecks.checks")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <PostureCheckChecksCell check={row.original} />,
+      },
+      {
+        id: "access_control_usage",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("nav.policies")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <PostureCheckPolicyUsageCell check={row.original} />,
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ row }) => <PostureCheckActionCell check={row.original} />,
+      },
+    ],
+    [t],
+  );
+}
 
 export default function PostureCheckTable({
   postureChecks,
@@ -73,9 +84,11 @@ export default function PostureCheckTable({
   headingTarget,
 }: Props) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const { data: policies } = useFetchApi<Policy[]>("/policies");
   const { mutate } = useSWRConfig();
   const path = usePathname();
+  const columns = useColumns();
 
   const data = useMemo(() => {
     if (!postureChecks) return [];
@@ -126,11 +139,11 @@ export default function PostureCheckTable({
         <DataTable
           headingTarget={headingTarget}
           isLoading={isLoading}
-          text={"Posture Check"}
+          text={t("postureChecks.title")}
           sorting={sorting}
           wrapperClassName={""}
           setSorting={setSorting}
-          columns={Columns}
+          columns={columns}
           showHeader={true}
           columnVisibility={{
             active: false,
@@ -141,7 +154,7 @@ export default function PostureCheckTable({
             setCurrentCellClicked(cell);
           }}
           data={data}
-          searchPlaceholder={"Search by name and description..."}
+          searchPlaceholder={t("postureChecks.searchPlaceholder")}
           rightSide={() => (
             <>
               {data && data?.length > 0 && (
@@ -157,7 +170,7 @@ export default function PostureCheckTable({
                   }}
                 >
                   <IconCirclePlus size={16} />
-                  Add Posture Check
+                  {t("postureChecks.addButton")}
                 </Button>
               )}
             </>
@@ -171,10 +184,8 @@ export default function PostureCheckTable({
                   size={"large"}
                 />
               }
-              title={"Create Posture Check"}
-              description={
-                "Add posture checks to further restrict access in your network. E.g., only clients with a specific NetBird client version, operating system or location are allowed to connect."
-              }
+              title={t("postureChecks.emptyTitle")}
+              description={t("postureChecks.emptyDescription")}
               button={
                 <Button
                   variant={"primary"}
@@ -185,19 +196,19 @@ export default function PostureCheckTable({
                   onClick={() => setPostureCheckModal(true)}
                 >
                   <IconCirclePlus size={16} />
-                  Create Posture Check
+                  {t("postureChecks.createButton")}
                 </Button>
               }
               learnMore={
                 <>
-                  Learn more about
+                  {t("common.learnMorePrefix")}
                   <InlineLink
                     href={
                       "https://docs.netbird.io/how-to/manage-posture-checks"
                     }
                     target={"_blank"}
                   >
-                    Posture Checks
+                    {t("postureChecks.title")}
                     <ExternalLinkIcon size={12} />
                   </InlineLink>
                 </>
@@ -221,7 +232,7 @@ export default function PostureCheckTable({
                         : "secondary"
                     }
                   >
-                    Active
+                    {t("accessPolicies.active")}
                   </ButtonGroup.Button>
                   <ButtonGroup.Button
                     onClick={() => {
@@ -235,7 +246,7 @@ export default function PostureCheckTable({
                         : "secondary"
                     }
                   >
-                    All
+                    {t("filters.all")}
                   </ButtonGroup.Button>
                 </ButtonGroup>
                 <DataTableRowsPerPage
diff --git a/src/modules/posture-checks/table/cells/PostureCheckActionCell.tsx b/src/modules/posture-checks/table/cells/PostureCheckActionCell.tsx
index 4fd7208c..dab0f356 100644
--- a/src/modules/posture-checks/table/cells/PostureCheckActionCell.tsx
+++ b/src/modules/posture-checks/table/cells/PostureCheckActionCell.tsx
@@ -7,6 +7,7 @@ import * as React from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 
 type Props = {
@@ -14,6 +15,7 @@ type Props = {
 };
 export const PostureCheckActionCell = ({ check }: Props) => {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const deleteRequest = useApiCall("/posture-checks");
   const { confirm } = useDialog();
@@ -21,21 +23,20 @@ export const PostureCheckActionCell = ({ check }: Props) => {
 
   const handleDelete = async () => {
     const choice = await confirm({
-      title: `Delete '${check.name}'?`,
-      description:
-        "Are you sure you want to delete this posture check? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("postureChecks.deleteConfirmTitle", { name: check.name }),
+      description: t("postureChecks.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
     if (choice) {
       notify({
         title: check.name,
-        description: "Posture check was successfully deleted",
+        description: t("postureChecks.deletedDescription"),
         promise: deleteRequest.del({}, `/${check.id}`).then(() => {
           mutate("/posture-checks").then();
         }),
-        loadingMessage: "Deleting posture check...",
+        loadingMessage: t("postureChecks.deleting"),
       });
     }
   };
@@ -48,9 +49,7 @@ export const PostureCheckActionCell = ({ check }: Props) => {
         disabled={!hasPolicies}
         content={
           <div className={"text-xs max-w-xs"}>
-            This posture check is assigned to a policy and cannot be deleted.
-            Please remove the posture check from all policies before deleting
-            it.
+            {t("postureChecks.deleteDisabledTooltip")}
           </div>
         }
         interactive={false}
@@ -62,7 +61,7 @@ export const PostureCheckActionCell = ({ check }: Props) => {
           disabled={hasPolicies || !permission.policies.delete}
         >
           <Trash2 size={16} />
-          Delete
+          {t("actions.delete")}
         </Button>
       </FullTooltip>
     </div>
diff --git a/src/modules/posture-checks/table/cells/PostureCheckPolicyUsageCell.tsx b/src/modules/posture-checks/table/cells/PostureCheckPolicyUsageCell.tsx
index d43a6bb7..a63d6829 100644
--- a/src/modules/posture-checks/table/cells/PostureCheckPolicyUsageCell.tsx
+++ b/src/modules/posture-checks/table/cells/PostureCheckPolicyUsageCell.tsx
@@ -8,6 +8,7 @@ import * as React from "react";
 import { useState } from "react";
 import CircleIcon from "@/assets/icons/CircleIcon";
 import { usePolicies } from "@/contexts/PoliciesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Policy } from "@/interfaces/Policy";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 
@@ -17,6 +18,7 @@ type Props = {
 
 export const PostureCheckPolicyUsageCell = ({ check }: Props) => {
   const router = useRouter();
+  const { t } = useI18n();
   const [tooltipOpen, setTooltipOpen] = useState(false);
   const policyCount = check?.policies?.length || 0;
   const policies = check?.policies;
@@ -100,8 +102,7 @@ export const PostureCheckPolicyUsageCell = ({ check }: Props) => {
       <FullTooltip
         content={
           <div className={"text-xs max-w-[260px]"}>
-            To assign this posture check to your policies, visit the Policies
-            page.
+            {t("postureChecks.goToPoliciesTooltip")}
           </div>
         }
         interactive={false}
@@ -113,7 +114,7 @@ export const PostureCheckPolicyUsageCell = ({ check }: Props) => {
           onClick={() => router.push("/access-control")}
         >
           <>
-            Go to Policies
+            {t("postureChecks.goToPolicies")}
             <ArrowUpRightIcon size={12} />
           </>
         </Button>
diff --git a/src/modules/posture-checks/ui/PostureCheckCard.tsx b/src/modules/posture-checks/ui/PostureCheckCard.tsx
index e058e7fe..a3be84e3 100644
--- a/src/modules/posture-checks/ui/PostureCheckCard.tsx
+++ b/src/modules/posture-checks/ui/PostureCheckCard.tsx
@@ -5,6 +5,7 @@ import { cn } from "@utils/helpers";
 import { ScaleIcon } from "lucide-react";
 import * as React from "react";
 import { useDialog } from "@/contexts/DialogProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export const PostureCheckCard = ({
   children,
@@ -34,14 +35,14 @@ export const PostureCheckCard = ({
   license?: React.ReactNode;
 }) => {
   const { confirm } = useDialog();
+  const { t } = useI18n();
 
   const handleReset = async () => {
     const reset = await confirm({
-      title: `Disable this check?`,
-      description:
-        "Are you sure you want to disable this check? All settings of this check will be lost.",
-      confirmText: "Disable",
-      cancelText: "Cancel",
+      title: t("postureChecks.disableCheckTitle"),
+      description: t("postureChecks.disableCheckDescription"),
+      confirmText: t("postureChecks.disable"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
     if (reset) onReset?.();
@@ -106,7 +107,7 @@ export const PostureCheckCard = ({
               }}
             >
               <IconCircleFilled size={7} className={"mt-[0.1px]"} />
-              {active ? "On" : "Off"}
+              {active ? t("common.on") : t("common.off")}
             </span>
           </div>
         </div>
diff --git a/src/modules/posture-checks/ui/PostureCheckNoChecksInfo.tsx b/src/modules/posture-checks/ui/PostureCheckNoChecksInfo.tsx
index 2eec300c..a1818711 100644
--- a/src/modules/posture-checks/ui/PostureCheckNoChecksInfo.tsx
+++ b/src/modules/posture-checks/ui/PostureCheckNoChecksInfo.tsx
@@ -6,6 +6,7 @@ import { cn } from "@utils/helpers";
 import { FolderSearch } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { PostureCheck } from "@/interfaces/PostureCheck";
 
 export function PostureCheckNoChecksInfo({
@@ -16,6 +17,7 @@ export function PostureCheckNoChecksInfo({
   onBrowseClick: () => void;
 }) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { data: postureChecks } =
     useFetchApi<PostureCheck[]>("/posture-checks");
@@ -28,12 +30,10 @@ export function PostureCheckNoChecksInfo({
         }
       >
         <h2 className={"text-lg my-0 leading-[1.5 text-center]"}>
-          {"You haven't added any posture checks yet"}
+          {t("postureChecks.noChecksTitle")}
         </h2>
         <Paragraph className={cn("text-sm text-center max-w-md mt-1")}>
-          Add various posture checks to further restrict access in your network.
-          E.g., only clients with a specific NetBird client version, operating
-          system or location are allowed to connect.
+          {t("postureChecks.emptyDescription")}
         </Paragraph>
       </div>
       <div className={"flex items-center justify-center gap-4 mt-5"}>
@@ -48,7 +48,7 @@ export function PostureCheckNoChecksInfo({
           onClick={onBrowseClick}
         >
           <FolderSearch size={14} />
-          Browse Checks
+          {t("postureChecks.browseChecks")}
         </Button>
         <Button
           variant={"primary"}
@@ -57,7 +57,7 @@ export function PostureCheckNoChecksInfo({
           disabled={!permission.policies.create || !permission.policies.update}
         >
           <IconCirclePlus size={14} />
-          New Posture Check
+          {t("postureChecks.newButton")}
         </Button>
       </div>
     </div>
diff --git a/src/modules/posture-checks/ui/PostureCheckOperatingSystemInfo.tsx b/src/modules/posture-checks/ui/PostureCheckOperatingSystemInfo.tsx
index b3d31e09..67c41673 100644
--- a/src/modules/posture-checks/ui/PostureCheckOperatingSystemInfo.tsx
+++ b/src/modules/posture-checks/ui/PostureCheckOperatingSystemInfo.tsx
@@ -2,6 +2,7 @@ import { SelectOption } from "@components/select/SelectDropdown";
 import { IconMathEqualGreater } from "@tabler/icons-react";
 import { cn } from "@utils/helpers";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   version?: string;
@@ -17,6 +18,7 @@ export const PostureCheckOperatingSystemInfo = ({
   versionList,
   os,
 }: Props) => {
+  const { t } = useI18n();
   const operatingSystemName = versionList?.find(
     (item) => item.value === version,
   )?.label;
@@ -41,7 +43,7 @@ export const PostureCheckOperatingSystemInfo = ({
             "mr-1 font-semibold",
           )}
         >
-          {version ? "Allow" : "Block"}{" "}
+          {version ? t("postureChecks.allow") : t("postureChecks.block")}{" "}
         </span>
 
         {version ? (
@@ -49,8 +51,10 @@ export const PostureCheckOperatingSystemInfo = ({
             os
           ) : (
             <div className={"flex items-center gap-1"}>
-              {" "}
-              {os} {operatingSystemName ? "Version" : versionText}
+              {os}{" "}
+              {operatingSystemName
+                ? t("postureChecks.versionLabel")
+                : versionText}
               <span
                 className={"text-netbird flex items-center gap-1 font-semibold"}
               >
diff --git a/src/modules/posture-checks/ui/PostureCheckTabTrigger.tsx b/src/modules/posture-checks/ui/PostureCheckTabTrigger.tsx
index c46978b8..bb35e33a 100644
--- a/src/modules/posture-checks/ui/PostureCheckTabTrigger.tsx
+++ b/src/modules/posture-checks/ui/PostureCheckTabTrigger.tsx
@@ -1,16 +1,18 @@
 import { TabsTrigger } from "@components/Tabs";
 import { ShieldCheck } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   disabled?: boolean;
 };
 
 export const PostureCheckTabTrigger = ({ disabled = false }: Props) => {
+  const { t } = useI18n();
   return (
     <TabsTrigger value={"posture_checks"} disabled={disabled}>
       <ShieldCheck size={16} />
-      Posture Checks
+      {t("postureChecks.title")}
     </TabsTrigger>
   );
 };
diff --git a/src/modules/remote-access/rdp/RDPButton.tsx b/src/modules/remote-access/rdp/RDPButton.tsx
index d16cba19..783f5f9e 100644
--- a/src/modules/remote-access/rdp/RDPButton.tsx
+++ b/src/modules/remote-access/rdp/RDPButton.tsx
@@ -3,12 +3,11 @@ import { DropdownMenuItem } from "@components/DropdownMenu";
 import { getOperatingSystem } from "@hooks/useOperatingSystem";
 import { CircleHelpIcon, MonitorIcon } from "lucide-react";
 import * as React from "react";
-import { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { Peer } from "@/interfaces/Peer";
 import { RDPTooltip } from "@/modules/remote-access/rdp/RDPTooltip";
-import { SSHCredentialsModal } from "@/modules/remote-access/ssh/SSHCredentialsModal";
 
 type Props = {
   peer: Peer;
@@ -16,8 +15,8 @@ type Props = {
 };
 
 export const RDPButton = ({ peer, isDropdown = false }: Props) => {
-  const [modal, setModal] = useState(false);
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const disabled = !peer.connected || !permission.peers.update;
   const hasPermission = permission.peers.update;
@@ -49,7 +48,7 @@ export const RDPButton = ({ peer, isDropdown = false }: Props) => {
               >
                 <div className={"flex gap-3 items-center w-full"}>
                   <MonitorIcon size={14} className={"shrink-0"} />
-                  RDP
+                  {t("remoteAccess.rdp")}
                 </div>
               </DropdownMenuItem>
             ) : (
@@ -60,7 +59,7 @@ export const RDPButton = ({ peer, isDropdown = false }: Props) => {
                 disabled={disabled}
               >
                 <MonitorIcon size={16} />
-                RDP
+                {t("remoteAccess.rdp")}
                 {disabled && <CircleHelpIcon size={12} />}
               </Button>
             )}
diff --git a/src/modules/remote-access/rdp/RDPCertificateModal.tsx b/src/modules/remote-access/rdp/RDPCertificateModal.tsx
index c9d057d6..fe63fda0 100644
--- a/src/modules/remote-access/rdp/RDPCertificateModal.tsx
+++ b/src/modules/remote-access/rdp/RDPCertificateModal.tsx
@@ -13,6 +13,7 @@ import {
   CertificateInfo,
   CertificatePromptInfo,
 } from "./useRDPCertificateHandler";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   open: boolean;
@@ -27,6 +28,7 @@ export const RDPCertificateModal = ({
   onAccept,
   onReject,
 }: Props) => {
+  const { t } = useI18n();
   const [rememberCertificate, setRememberCertificate] = useState(false);
   if (!certificateInfo) return null;
   const { hostname, certificate, isChange } = certificateInfo;
@@ -36,7 +38,7 @@ export const RDPCertificateModal = ({
       <ModalContent maxWidthClass={"max-w-2xl"} showClose={false}>
         <ModalHeader
           icon={<LockIcon className={"text-netbird"} size={18} />}
-          title={"RDP Certificate"}
+          title={t("remoteAccess.rdpCertificate")}
           description={hostname}
           color={"netbird"}
         />
@@ -45,17 +47,13 @@ export const RDPCertificateModal = ({
         <div className={"px-8 py-6 flex flex-col gap-6"}>
           {isChange && (
             <Callout variant={"warning"}>
-              Warning! Certificate has changed. Only proceed if you trust this
-              connection.
+              {t("remoteAccess.rdpCertificateChanged")}
             </Callout>
           )}
 
           <div>
-            <Label>Certificate Details</Label>
-            <HelpText>
-              Certificated could not be verified by a trusted authority. Review
-              the certificate information before proceeding with the connection.
-            </HelpText>
+            <Label>{t("remoteAccess.certificateDetails")}</Label>
+            <HelpText>{t("remoteAccess.certificateDetailsHelp")}</HelpText>
             <CertificateDetailsList certificate={certificate} />
           </div>
 
@@ -69,11 +67,11 @@ export const RDPCertificateModal = ({
               }
             />
             <div className={"font-normal text-sm text-nb-gray-200"}>
-              Always trust{" "}
+              {t("remoteAccess.alwaysTrust")}{" "}
               <span className={"text-white font-medium"}>
                 {'"' + certificate?.issuer?.replace("CN=", "") + '"'}
               </span>{" "}
-              when connecting to{" "}
+              {t("remoteAccess.whenConnectingTo")}{" "}
               <span className={"text-white font-medium"}>
                 {'"' + hostname + '"'}
               </span>
@@ -84,13 +82,13 @@ export const RDPCertificateModal = ({
         <ModalFooter className={"items-center"}>
           <div className={"flex gap-3 w-full justify-end"}>
             <Button variant={"secondary"} onClick={onReject}>
-              Cancel
+              {t("actions.cancel")}
             </Button>
             <Button
               variant={"primary"}
               onClick={() => onAccept(rememberCertificate)}
             >
-              Accept & Continue
+              {t("remoteAccess.acceptAndContinue")}
             </Button>
           </div>
         </ModalFooter>
@@ -104,6 +102,7 @@ const CertificateDetailsList = ({
 }: {
   certificate: CertificateInfo;
 }) => {
+  const { t } = useI18n();
   if (!certificate) return null;
 
   return (
@@ -113,40 +112,44 @@ const CertificateDetailsList = ({
       }
     >
       <CertificateDetailsListItem
-        label={"Issuer"}
-        value={certificate.issuer || "N/A"}
+        label={t("remoteAccess.certIssuer")}
+        value={certificate.issuer || t("remoteAccess.notAvailable")}
       />
       <CertificateDetailsListItem
-        label={"Subject"}
-        value={certificate.subject || "N/A"}
+        label={t("remoteAccess.certSubject")}
+        value={certificate.subject || t("remoteAccess.notAvailable")}
       />
       <CertificateDetailsListItem
-        label={"Valid From"}
+        label={t("remoteAccess.certValidFrom")}
         value={
           certificate.validFrom
             ? new Date(certificate.validFrom).toLocaleString()
-            : "N/A"
+            : t("remoteAccess.notAvailable")
         }
       />
       <CertificateDetailsListItem
-        label={"Valid To"}
+        label={t("remoteAccess.certValidTo")}
         value={
           certificate.validTo
             ? new Date(certificate.validTo).toLocaleString()
-            : "N/A"
+            : t("remoteAccess.notAvailable")
         }
       />
       <CertificateDetailsListItem
-        label={"Key Size"}
-        value={certificate.keySize ? `${certificate.keySize} bits` : "N/A"}
+        label={t("remoteAccess.certKeySize")}
+        value={
+          certificate.keySize
+            ? t("remoteAccess.certBits", { bits: certificate.keySize })
+            : t("remoteAccess.notAvailable")
+        }
       />
       <CertificateDetailsListItem
-        label={"Serial Number"}
-        value={certificate.serialNumber || "N/A"}
+        label={t("remoteAccess.certSerialNumber")}
+        value={certificate.serialNumber || t("remoteAccess.notAvailable")}
       />
       <CertificateDetailsListItem
-        label={"Fingerprint"}
-        value={certificate.fingerprint || "N/A"}
+        label={t("remoteAccess.certFingerprint")}
+        value={certificate.fingerprint || t("remoteAccess.notAvailable")}
       />
     </div>
   );
diff --git a/src/modules/remote-access/rdp/RDPCredentialsModal.tsx b/src/modules/remote-access/rdp/RDPCredentialsModal.tsx
index ce20f2ec..b63d61c4 100644
--- a/src/modules/remote-access/rdp/RDPCredentialsModal.tsx
+++ b/src/modules/remote-access/rdp/RDPCredentialsModal.tsx
@@ -22,6 +22,7 @@ import {
   RDPCredentials,
 } from "@/modules/remote-access/rdp/useRemoteDesktop";
 import { IconLoader2 } from "@tabler/icons-react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   open: boolean;
@@ -38,21 +39,22 @@ export const RDPCredentialsModal = ({
   error,
   loading,
 }: Props) => {
+  const { t } = useI18n();
   const [username, setUsername] = useState("Administrator");
   const [password, setPassword] = useState("");
 
   const [port, setPort] = useState("3389");
 
   const userNameError = useMemo(() => {
-    if (username?.length === 0) return "Username cannot be empty";
-  }, [username]);
+    if (username?.length === 0) return t("remoteAccess.usernameEmpty");
+  }, [username, t]);
 
   const portError = useMemo(() => {
     const portNumber = Number(port);
     const isValid =
       Number.isInteger(portNumber) && portNumber > 0 && portNumber <= 65535;
-    if (!isValid) return "Port must be a number between 1 and 65535";
-  }, [port]);
+    if (!isValid) return t("remoteAccess.portError");
+  }, [port, t]);
 
   const hasAnyError = useMemo(() => {
     if (userNameError !== undefined) return true;
@@ -105,7 +107,7 @@ export const RDPCredentialsModal = ({
         <ModalHeader
           icon={<MonitorIcon className={"text-netbird"} size={18} />}
           title={peer.name}
-          description={`Connect to ${peer.ip} via RDP`}
+          description={t("remoteAccess.connectViaRdp", { ip: peer.ip })}
           color={"netbird"}
         />
         <Separator />
@@ -124,21 +126,17 @@ export const RDPCredentialsModal = ({
                   "flex items-center gap-2 text-red-800 font-medium mb-1"
                 }
               >
-                Error
+                {t("remoteAccess.error")}
               </div>
               <p className={"text-sm text-red-700"}>{error}</p>
             </div>
           )}
           <div>
-            <Label>Username & Password</Label>
-            <HelpText>
-              Enter the credentials required to authenticate with the remote
-              host. For domain accounts, use DOMAIN\username or username@domain
-              format.
-            </HelpText>
+            <Label>{t("remoteAccess.usernamePassword")}</Label>
+            <HelpText>{t("remoteAccess.rdpCredentialsHelp")}</HelpText>
             <div className={"flex flex-col gap-2 w-full"}>
               <Input
-                placeholder={"Administrator or DOMAIN\\username"}
+                placeholder={t("remoteAccess.rdpUsernamePlaceholder")}
                 value={username}
                 onChange={(e) => setUsername(e.target.value)}
                 onKeyDown={handleKeyDown}
@@ -153,7 +151,7 @@ export const RDPCredentialsModal = ({
               />
               <Input
                 value={password}
-                placeholder={"Enter password"}
+                placeholder={t("remoteAccess.passwordPlaceholder")}
                 type={"password"}
                 onChange={(e) => setPassword(e.target.value)}
                 onKeyDown={handleKeyDown}
@@ -169,13 +167,11 @@ export const RDPCredentialsModal = ({
             </div>
           </div>
           <div>
-            <Label>Port</Label>
-            <HelpText>
-              Specify the RDP port for your remote connection.
-            </HelpText>
+            <Label>{t("remoteAccess.port")}</Label>
+            <HelpText>{t("remoteAccess.rdpPortHelp")}</HelpText>
             <Input
               maxWidthClass={""}
-              placeholder={"3389"}
+              placeholder={t("remoteAccess.rdpPortPlaceholder")}
               min={1}
               max={65535}
               value={port}
@@ -198,9 +194,9 @@ export const RDPCredentialsModal = ({
         <ModalFooter className={"items-center"}>
           <div className={"w-full"}>
             <Paragraph className={"text-sm mt-auto"}>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink href={RDP_DOCS_LINK} target={"_blank"}>
-                RDP
+                {t("remoteAccess.rdp")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </Paragraph>
@@ -213,7 +209,7 @@ export const RDPCredentialsModal = ({
               onClick={handleConnect}
             >
               {loading && <IconLoader2 size={16} className={"animate-spin"} />}
-              Connect
+              {t("remoteAccess.connect")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/modules/remote-access/rdp/RDPTooltip.tsx b/src/modules/remote-access/rdp/RDPTooltip.tsx
index e3bafd34..24d60e2d 100644
--- a/src/modules/remote-access/rdp/RDPTooltip.tsx
+++ b/src/modules/remote-access/rdp/RDPTooltip.tsx
@@ -1,5 +1,6 @@
 import FullTooltip from "@components/FullTooltip";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   disabled?: boolean;
@@ -13,6 +14,7 @@ export const RDPTooltip = ({
   hasPermission,
   side = "top",
 }: Props) => {
+  const { t } = useI18n();
   return (
     <FullTooltip
       className={"w-full"}
@@ -20,12 +22,9 @@ export const RDPTooltip = ({
       content={
         <div className={"max-w-xs text-xs flex flex-col gap-2"}>
           {hasPermission ? (
-            <div>This peer is offline and cannot be accessed via RDP.</div>
+            <div>{t("remoteAccess.rdpOffline")}</div>
           ) : (
-            <div>
-              You do not have permission to launch an RDP session. Please
-              contact your administrator.
-            </div>
+            <div>{t("remoteAccess.rdpNoPermission")}</div>
           )}
         </div>
       }
diff --git a/src/modules/remote-access/rdp/rdp-certificate-handler.ts b/src/modules/remote-access/rdp/rdp-certificate-handler.ts
index 3fd05bc5..36579f20 100644
--- a/src/modules/remote-access/rdp/rdp-certificate-handler.ts
+++ b/src/modules/remote-access/rdp/rdp-certificate-handler.ts
@@ -33,6 +33,22 @@ export interface CertificateHandler {
 export class RDPCertificateHandler implements CertificateHandler {
   private readonly STORAGE_KEY = 'netbird-rdp-trusted-certs';
   private modalElement: HTMLElement | null = null;
+  private readonly labels = {
+    parseUnavailable: '无法解析',
+    verificationTitle: 'RDP 证书验证',
+    serverPresentsCertificate: '服务器',
+    serverPresentsCertificateSuffix: '正在提供以下证书：',
+    subject: '主题',
+    issuer: '签发者',
+    serial: '序列号',
+    sha256: 'SHA-256',
+    trustQuestion: '你信任此证书吗？',
+    rememberCertificate: '记住此证书，以便后续连接时自动信任',
+    reject: '拒绝',
+    accept: '接受',
+    changedTitle: '证书已发生变化！',
+    previousFingerprint: '此前的指纹：',
+  };
   /**
    * Handle RDCleanPath response containing server certificates
    */
@@ -181,8 +197,8 @@ export class RDPCertificateHandler implements CertificateHandler {
       // Add warning about certificate change
       const warningDiv = modal.querySelector('.cert-warning') as HTMLElement;
       warningDiv.innerHTML = `
-        <strong>⚠️ Certificate has changed!</strong><br>
-        <small>Previous fingerprint: ${oldCert.fingerprint.substring(0, 32)}...</small>
+        <strong>${this.labels.changedTitle}</strong><br>
+        <small>${this.labels.previousFingerprint} ${oldCert.fingerprint.substring(0, 32)}...</small>
       `;
       const acceptBtn = modal.querySelector('#cert-accept') as HTMLButtonElement;
       const rejectBtn = modal.querySelector('#cert-reject') as HTMLButtonElement;
@@ -210,15 +226,15 @@ export class RDPCertificateHandler implements CertificateHandler {
       raw: certBytes,
       fingerprint: fingerprint,
       hostname: hostname,
-      subject: 'Unable to parse',
-      issuer: 'Unable to parse'
+      subject: this.labels.parseUnavailable,
+      issuer: this.labels.parseUnavailable
     };
     return this.promptUserAcceptance(hostname, certInfo);
   }
   /**
    * Create certificate acceptance modal
    */
-  private createCertificateModal(hostname: string, certInfo: CertificateInfo, isChange: boolean): HTMLElement {
+  private createCertificateModal(hostname: string, certInfo: CertificateInfo, _isChange: boolean): HTMLElement {
     // Remove any existing modal
     this.closeModal();
     const modal = document.createElement('div');
@@ -226,28 +242,28 @@ export class RDPCertificateHandler implements CertificateHandler {
     modal.innerHTML = `
       <div class="rdp-cert-overlay"></div>
       <div class="rdp-cert-dialog">
-        <h2>RDP Certificate Verification</h2>
+        <h2>${this.labels.verificationTitle}</h2>
         <div class="cert-warning" style="color: #ff9800; margin-bottom: 15px;"></div>
-        <p>The server <strong>${hostname}</strong> is presenting a certificate:</p>
+        <p>${this.labels.serverPresentsCertificate} <strong>${hostname}</strong> ${this.labels.serverPresentsCertificateSuffix}</p>
         <div class="cert-details">
           <table>
-            <tr><td><strong>Subject:</strong></td><td>${certInfo.subject || 'Unknown'}</td></tr>
-            <tr><td><strong>Issuer:</strong></td><td>${certInfo.issuer || 'Unknown'}</td></tr>
-            ${certInfo.serialNumber ? `<tr><td><strong>Serial:</strong></td><td style="font-family: monospace; font-size: 0.9em;">${certInfo.serialNumber}</td></tr>` : ''}
-            <tr><td><strong>SHA-256:</strong></td><td style="font-family: monospace; font-size: 0.9em;">
+            <tr><td><strong>${this.labels.subject}:</strong></td><td>${certInfo.subject || this.labels.parseUnavailable}</td></tr>
+            <tr><td><strong>${this.labels.issuer}:</strong></td><td>${certInfo.issuer || this.labels.parseUnavailable}</td></tr>
+            ${certInfo.serialNumber ? `<tr><td><strong>${this.labels.serial}:</strong></td><td style="font-family: monospace; font-size: 0.9em;">${certInfo.serialNumber}</td></tr>` : ''}
+            <tr><td><strong>${this.labels.sha256}:</strong></td><td style="font-family: monospace; font-size: 0.9em;">
               ${certInfo.fingerprint}</td></tr>
           </table>
         </div>
         <div class="cert-question">
-          <p>Do you trust this certificate?</p>
+          <p>${this.labels.trustQuestion}</p>
           <label>
             <input type="checkbox" id="cert-remember" checked>
-            Remember this certificate for future connections
+            ${this.labels.rememberCertificate}
           </label>
         </div>
         <div class="cert-buttons">
-          <button id="cert-reject" class="cert-btn cert-btn-reject">Reject</button>
-          <button id="cert-accept" class="cert-btn cert-btn-accept">Accept</button>
+          <button id="cert-reject" class="cert-btn cert-btn-reject">${this.labels.reject}</button>
+          <button id="cert-accept" class="cert-btn cert-btn-accept">${this.labels.accept}</button>
         </div>
       </div>
     `;
@@ -394,4 +410,4 @@ declare global {
 }
 if (typeof window !== 'undefined') {
   window.RDPCertificateHandler = RDPCertificateHandler;
-}
\ No newline at end of file
+}
diff --git a/src/modules/remote-access/rdp/useRemoteDesktop.ts b/src/modules/remote-access/rdp/useRemoteDesktop.ts
index 1541be5b..14475b35 100644
--- a/src/modules/remote-access/rdp/useRemoteDesktop.ts
+++ b/src/modules/remote-access/rdp/useRemoteDesktop.ts
@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { useIronRDPInputHandler } from "./useIronRDPInputHandler";
 import {
   CertificatePromptInfo,
@@ -44,6 +45,7 @@ export enum RDPStatus {
 export const RDP_DOCS_LINK = "https://docs.netbird.io/how-to/browser-client";
 
 export const useRemoteDesktop = (client: any) => {
+  const { t } = useI18n();
   const [status, setStatus] = useState(RDPStatus.DISCONNECTED);
   const [config, setConfig] = useState<RDPConfig | null>(null);
   const [error, setError] = useState("");
@@ -157,11 +159,11 @@ export const useRemoteDesktop = (client: any) => {
 
       try {
         if (!canvasRef.current) {
-          throw new Error("Canvas not available for RDP rendering");
+          throw new Error(t("remoteAccess.canvasUnavailable"));
         }
 
         if (!client?.ironRDPBridge || !client?.initializeIronRDP) {
-          throw new Error("IronRDP components not available from client");
+          throw new Error(t("remoteAccess.ironrdpUnavailable"));
         }
 
         const canvas = canvasRef.current;
@@ -176,7 +178,7 @@ export const useRemoteDesktop = (client: any) => {
 
         const initialized = await client.initializeIronRDP();
         if (!initialized) {
-          throw new Error("Failed to initialize IronRDP");
+          throw new Error(t("remoteAccess.ironrdpInitFailed"));
         }
 
         const originalHandler = setupCertificateHandler();
@@ -219,7 +221,7 @@ export const useRemoteDesktop = (client: any) => {
           const ironError = err as IronError;
           const errorMessage = ironError.backtrace
             ? ironError.backtrace()
-            : "RDP connection failed";
+            : t("remoteAccess.rdpGenericError");
           setError(errorMessage);
           resetState();
           throw Error(errorMessage);
@@ -228,13 +230,13 @@ export const useRemoteDesktop = (client: any) => {
         }
       } catch (err) {
         const errorMessage =
-          err instanceof Error ? err.message : "RDP connection failed";
+          err instanceof Error ? err.message : t("remoteAccess.rdpGenericError");
         setError(errorMessage);
         resetState();
         throw Error(errorMessage);
       }
     },
-    [client, status, setupCertificateHandler, resetState],
+    [client, status, setupCertificateHandler, resetState, t],
   );
 
   /**
diff --git a/src/modules/remote-access/ssh/SSHButton.tsx b/src/modules/remote-access/ssh/SSHButton.tsx
index 3d7fb032..fb5199dc 100644
--- a/src/modules/remote-access/ssh/SSHButton.tsx
+++ b/src/modules/remote-access/ssh/SSHButton.tsx
@@ -4,6 +4,7 @@ import { CircleHelpIcon, TerminalIcon } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { SSHCredentialsModal } from "@/modules/remote-access/ssh/SSHCredentialsModal";
 import { SSHTooltip } from "@/modules/remote-access/ssh/SSHTooltip";
@@ -18,6 +19,7 @@ type Props = {
 export const SSHButton = ({ peer, isDropdown = false }: Props) => {
   const [modal, setModal] = useState(false);
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const isSSHEnabled =
     peer?.local_flags?.server_ssh_allowed || peer?.ssh_enabled;
@@ -53,7 +55,7 @@ export const SSHButton = ({ peer, isDropdown = false }: Props) => {
               >
                 <div className={"flex gap-3 items-center w-full"}>
                   <TerminalIcon size={14} className={"shrink-0"} />
-                  SSH
+                  {t("remoteAccess.ssh")}
                 </div>
               </DropdownMenuItem>
             ) : (
@@ -64,7 +66,7 @@ export const SSHButton = ({ peer, isDropdown = false }: Props) => {
                 disabled={disabled}
               >
                 <TerminalIcon size={16} />
-                SSH
+                {t("remoteAccess.ssh")}
                 {disabled && <CircleHelpIcon size={12} />}
               </Button>
             )}
diff --git a/src/modules/remote-access/ssh/SSHCredentialsModal.tsx b/src/modules/remote-access/ssh/SSHCredentialsModal.tsx
index 74a28194..0fceacb2 100644
--- a/src/modules/remote-access/ssh/SSHCredentialsModal.tsx
+++ b/src/modules/remote-access/ssh/SSHCredentialsModal.tsx
@@ -24,6 +24,7 @@ import * as React from "react";
 import { useMemo, useState } from "react";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { Peer } from "@/interfaces/Peer";
+import { useI18n } from "@/i18n/I18nProvider";
 import { SSH_DOCS_LINK } from "@/modules/remote-access/ssh/useSSH";
 
 type Props = {
@@ -33,6 +34,7 @@ type Props = {
 };
 
 export const SSHCredentialsModal = ({ open, onOpenChange, peer }: Props) => {
+  const { t } = useI18n();
   const [username, setUsername] = useState(
     getOperatingSystem(peer.os) === OperatingSystem.WINDOWS
       ? "Administrator"
@@ -43,15 +45,15 @@ export const SSHCredentialsModal = ({ open, onOpenChange, peer }: Props) => {
   const [port, setPort] = useState(initialPort);
 
   const userNameError = useMemo(() => {
-    if (username?.length === 0) return "Username cannot be empty";
-  }, [username]);
+    if (username?.length === 0) return t("remoteAccess.usernameEmpty");
+  }, [username, t]);
 
   const portError = useMemo(() => {
     const portNumber = Number(port);
     const isValid =
       Number.isInteger(portNumber) && portNumber > 0 && portNumber <= 65535;
-    if (!isValid) return "Port must be a number between 1 and 65535";
-  }, [port]);
+    if (!isValid) return t("remoteAccess.portError");
+  }, [port, t]);
 
   const hasAnyError = useMemo(() => {
     if (userNameError !== undefined) return true;
@@ -76,20 +78,18 @@ export const SSHCredentialsModal = ({ open, onOpenChange, peer }: Props) => {
         <ModalHeader
           icon={<TerminalIcon className={"text-netbird"} size={18} />}
           title={peer.name}
-          description={`Connect to ${peer.ip} via SSH`}
+          description={t("remoteAccess.connectViaSsh", { ip: peer.ip })}
           color={"netbird"}
         />
         <Separator />
 
         <div className={"px-8 py-6 flex flex-col gap-8"}>
           <div className={""}>
-            <Label>Username & Port</Label>
-            <HelpText>
-              The username and port you will use to connect to the remote host.
-            </HelpText>
+            <Label>{t("remoteAccess.usernamePort")}</Label>
+            <HelpText>{t("remoteAccess.sshCredentialsHelp")}</HelpText>
             <div className={"flex flex-col gap-2 w-full"}>
               <Input
-                placeholder={"root"}
+                placeholder={t("remoteAccess.sshUsernamePlaceholder")}
                 value={username}
                 onChange={(e) => setUsername(e.target.value)}
                 customSuffix={`@${peer.ip}`}
@@ -127,16 +127,16 @@ export const SSHCredentialsModal = ({ open, onOpenChange, peer }: Props) => {
         <ModalFooter className={"items-center"}>
           <div className={"w-full"}>
             <Paragraph className={"text-sm mt-auto"}>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink href={SSH_DOCS_LINK} target={"_blank"}>
-                SSH
+                {t("remoteAccess.ssh")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </Paragraph>
           </div>
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
-              <Button variant={"secondary"}>Cancel</Button>
+              <Button variant={"secondary"}>{t("actions.cancel")}</Button>
             </ModalClose>
 
             <Button
@@ -144,7 +144,7 @@ export const SSHCredentialsModal = ({ open, onOpenChange, peer }: Props) => {
               disabled={hasAnyError}
               onClick={openSSHWindow}
             >
-              Connect
+              {t("remoteAccess.connect")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/modules/remote-access/ssh/SSHTooltip.tsx b/src/modules/remote-access/ssh/SSHTooltip.tsx
index 108cc98d..a68b1f49 100644
--- a/src/modules/remote-access/ssh/SSHTooltip.tsx
+++ b/src/modules/remote-access/ssh/SSHTooltip.tsx
@@ -4,6 +4,7 @@ import { ArrowUpRightIcon } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
 import { usePeer } from "@/contexts/PeerProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children?: React.ReactNode;
@@ -49,20 +50,19 @@ export const SSHTooltip = ({
 };
 
 const NoPermissionText = () => {
+  const { t } = useI18n();
   return (
     <div className={"max-w-xs text-xs flex flex-col gap-2"}>
-      <div>
-        You do not have permission to launch the SSH console. Please contact
-        your administrator.
-      </div>
+      <div>{t("remoteAccess.sshNoPermission")}</div>
     </div>
   );
 };
 
 const IsOfflineText = () => {
+  const { t } = useI18n();
   return (
     <div className={"max-w-[200px] text-xs"}>
-      <div>Connecting via SSH is only available when the peer is online.</div>
+      <div>{t("remoteAccess.sshOffline")}</div>
     </div>
   );
 };
@@ -72,15 +72,12 @@ const SSHDisabledText = ({
 }: {
   setShowTooltip: (show: boolean) => void;
 }) => {
+  const { t } = useI18n();
   const { setSSHInstructionsModal } = usePeer();
 
   return (
     <div className={"max-w-xs text-xs flex flex-col gap-2"}>
-      <div>
-        SSH Access is currently disabled for this peer. Please enable SSH access
-        for this peer and make sure to add an explicit access control policy
-        allowing SSH access.
-      </div>
+      <div>{t("remoteAccess.sshDisabled")}</div>
       <div>
         <InlineLink
           onClick={(e) => {
@@ -92,7 +89,7 @@ const SSHDisabledText = ({
           href={"#"}
           target={"_blank"}
         >
-          Enable SSH Access <ArrowUpRightIcon size={12} />
+          {t("remoteAccess.enableSsh")} <ArrowUpRightIcon size={12} />
         </InlineLink>
       </div>
     </div>
diff --git a/src/modules/remote-access/ssh/useSSH.ts b/src/modules/remote-access/ssh/useSSH.ts
index 121d68ad..6db7a625 100644
--- a/src/modules/remote-access/ssh/useSSH.ts
+++ b/src/modules/remote-access/ssh/useSSH.ts
@@ -1,5 +1,6 @@
 import { useOidcAccessToken } from "@axa-fr/react-oidc";
 import { useCallback, useRef, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 interface SSHConfig {
   hostname: string;
@@ -27,6 +28,7 @@ export const SSH_DOCS_LINK =
 const SSH_DETECTION_TIMEOUT_MS = 20000;
 
 export const useSSH = (client: any) => {
+  const { t } = useI18n();
   const [status, setStatus] = useState(SSHStatus.DISCONNECTED);
   const [config, setConfig] = useState<SSHConfig | null>(null);
   const session = useRef<SSHConnection | null>(null);
@@ -60,7 +62,7 @@ export const useSSH = (client: any) => {
 
         if (requiresJwt && !accessToken) {
           console.error("No access token available");
-          setError("No access token available");
+          setError(t("remoteAccess.noAccessToken"));
           setStatus(SSHStatus.DISCONNECTED);
           setConfig(null);
           return SSHStatus.DISCONNECTED;
@@ -87,12 +89,12 @@ export const useSSH = (client: any) => {
         console.error("Connection failed:", err);
         session.current = null;
         setStatus(SSHStatus.DISCONNECTED);
-        setError("SSH connection failed. Check the console for details.");
+        setError(t("remoteAccess.sshConnectionFailed"));
         setConfig(null);
         return SSHStatus.DISCONNECTED;
       }
     },
-    [client, status, accessToken],
+    [client, status, accessToken, t],
   );
 
   const disconnect = useCallback(() => {
diff --git a/src/modules/remote-access/useNetBirdClient.ts b/src/modules/remote-access/useNetBirdClient.ts
index 6838fd88..c6137ef1 100644
--- a/src/modules/remote-access/useNetBirdClient.ts
+++ b/src/modules/remote-access/useNetBirdClient.ts
@@ -4,6 +4,7 @@ import { getBrowserInfo } from "@utils/helpers";
 import { generateKeypair } from "@utils/wireguard";
 import { trim } from "lodash";
 import { useCallback, useEffect, useRef, useSyncExternalStore } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { IronRDPWASMBridge } from "@/modules/remote-access/rdp/ironrdp-wasm-bridge";
 import { RDPCertificateHandler } from "@/modules/remote-access/rdp/rdp-certificate-handler";
 import { installWebSocketProxy } from "@/modules/remote-access/rdp/websocket-proxy";
@@ -61,6 +62,7 @@ class NetBirdStore {
 const netBirdStore = new NetBirdStore();
 
 export const useNetBirdClient = () => {
+  const { t } = useI18n();
   const netBirdClient = useRef<any>(null);
   const state = useSyncExternalStore(
     netBirdStore.subscribe,
@@ -84,10 +86,11 @@ export const useNetBirdClient = () => {
       const script = document.createElement("script");
       script.src = WASM_CONFIG.SCRIPT_PATH;
       script.onload = () => resolve();
-      script.onerror = () => reject(new Error("Failed to load WASM runtime"));
+      script.onerror = () =>
+        reject(new Error(t("remoteAccess.wasmLoadFailed")));
       document.head.appendChild(script);
     });
-  }, []);
+  }, [t]);
 
   const loadGoClient = useCallback(async (): Promise<void> => {
     if ((window as any).NetBirdClient) return;
@@ -106,8 +109,8 @@ export const useNetBirdClient = () => {
         setTimeout(resolve, WASM_CONFIG.RETRY_DELAY),
       );
     }
-    throw new Error("NetBird WASM failed to initialize in time");
-  }, []);
+    throw new Error(t("remoteAccess.wasmInitTimeout"));
+  }, [t]);
 
   const initIronRDP = useCallback(() => {
     if (rdpComponents.current.bridge) return;
@@ -129,7 +132,7 @@ export const useNetBirdClient = () => {
       }
       const finalStatus = netBirdStore.getState().wasmStatus;
       if (finalStatus === WASMStatus.INITIALIZED) return finalStatus;
-      throw new Error("WASM initialization failed");
+      throw new Error(t("remoteAccess.wasmInitFailed"));
     }
 
     netBirdStore.setState({ wasmStatus: WASMStatus.INITIALIZING });
@@ -143,11 +146,13 @@ export const useNetBirdClient = () => {
       netBirdStore.setState({
         wasmStatus: WASMStatus.UNINITIALIZED,
         error:
-          error instanceof Error ? error.message : "Failed to initialize WASM",
+          error instanceof Error
+            ? error.message
+            : t("remoteAccess.wasmInitFailed"),
       });
       throw error;
     }
-  }, [loadWASMRuntime, loadGoClient, initIronRDP]);
+  }, [loadWASMRuntime, loadGoClient, initIronRDP, t]);
 
   const initializeIronRDP = useCallback(async (): Promise<boolean> => {
     if (!rdpComponents.current.bridge) return false;
@@ -166,7 +171,7 @@ export const useNetBirdClient = () => {
       if (typeof (window as any).NetBirdClient !== "function") {
         netBirdStore.setState({
           status: NetBirdStatus.DISCONNECTED,
-          error: "NetBirdClient is not available or not a function",
+          error: t("remoteAccess.netbirdClientUnavailable"),
         });
         return false;
       }
@@ -187,18 +192,21 @@ export const useNetBirdClient = () => {
       } catch (error) {
         netBirdStore.setState({
           status: NetBirdStatus.DISCONNECTED,
-          error: error instanceof Error ? error.message : "Connection failed",
+          error:
+            error instanceof Error
+              ? error.message
+              : t("remoteAccess.connectionFailed"),
         });
         console.log(error);
         return false;
       }
     },
-    [initialize],
+    [initialize, t],
   );
 
   const disconnect = useCallback(async (): Promise<void> => {
     if (!netBirdClient.current?.stop) {
-      throw new Error("Go client not ready");
+      throw new Error(t("remoteAccess.goClientNotReady"));
     }
 
     netBirdStore.setState({ status: NetBirdStatus.DISCONNECTED });
@@ -206,16 +214,16 @@ export const useNetBirdClient = () => {
     netBirdClient.current = null;
     delete (window as any).netbird;
     return Promise.resolve();
-  }, []);
+  }, [t]);
 
   const detectSSHServerType = useCallback(
     async (host: string, port: number, timeoutMs: number): Promise<boolean> => {
       if (!netBirdClient.current?.detectSSHServerType) {
-        throw new Error("NetBird client not ready");
+        throw new Error(t("remoteAccess.netbirdClientNotReady"));
       }
       return netBirdClient.current.detectSSHServerType(host, port, timeoutMs);
     },
-    [],
+    [t],
   );
 
   const createSSHConnection = useCallback(
@@ -226,7 +234,7 @@ export const useNetBirdClient = () => {
       jwtToken?: string,
     ): Promise<any> => {
       if (!netBirdClient.current?.createSSHConnection) {
-        throw new Error("Go client not ready");
+        throw new Error(t("remoteAccess.goClientNotReady"));
       }
       return netBirdClient.current.createSSHConnection(
         host,
@@ -235,31 +243,31 @@ export const useNetBirdClient = () => {
         jwtToken,
       );
     },
-    [],
+    [t],
   );
 
   const makeRequest = useCallback(async (url: string): Promise<any> => {
     if (!netBirdClient.current?.makeRequest) {
-      throw new Error("Go client not ready");
+      throw new Error(t("remoteAccess.goClientNotReady"));
     }
     return netBirdClient.current.makeRequest(url);
-  }, []);
+  }, [t]);
 
   const proxyRequest = useCallback(async (request: any): Promise<any> => {
     if (!netBirdClient.current?.proxyRequest) {
-      throw new Error("Go client not ready");
+      throw new Error(t("remoteAccess.goClientNotReady"));
     }
     return netBirdClient.current.proxyRequest(request);
-  }, []);
+  }, [t]);
 
   const setupRDPProxy = useCallback(
     async (hostname: string, port: string): Promise<string> => {
       if (!netBirdClient.current?.setupRDPProxy) {
-        throw new Error("Go client not ready");
+        throw new Error(t("remoteAccess.goClientNotReady"));
       }
       return netBirdClient.current.setupRDPProxy(hostname, port);
     },
-    [],
+    [t],
   );
 
   const connectTemporary = useCallback(
diff --git a/src/modules/reverse-proxy/ReverseProxyAccessControlRules.tsx b/src/modules/reverse-proxy/ReverseProxyAccessControlRules.tsx
index 0ced8faa..563e8439 100644
--- a/src/modules/reverse-proxy/ReverseProxyAccessControlRules.tsx
+++ b/src/modules/reverse-proxy/ReverseProxyAccessControlRules.tsx
@@ -18,42 +18,13 @@ import {
   SelectOption,
 } from "@components/select/SelectDropdown";
 import { CountrySelector } from "@/components/ui/CountrySelector";
+import { useI18n } from "@/i18n/I18nProvider";
+import type { MessageKey } from "@/i18n/messages";
 import { AccessRestrictions } from "@/interfaces/ReverseProxy";
 
 type AccessAction = "allow" | "block";
 type AccessRuleType = "country" | "ip" | "cidr";
 
-const ACTION_OPTIONS: SelectOption[] = [
-  {
-    label: "Allow Only",
-    value: "allow",
-    icon: (props) => <ShieldCheckIcon {...props} className="text-green-500" />,
-  },
-  {
-    label: "Block Only",
-    value: "block",
-    icon: (props) => <ShieldXIcon {...props} className="text-red-500" />,
-  },
-];
-
-const TYPE_OPTIONS: SelectOption[] = [
-  {
-    label: "Country",
-    value: "country",
-    icon: (props) => <FlagIcon {...props} />,
-  },
-  {
-    label: "IP Address",
-    value: "ip",
-    icon: (props) => <WorkflowIcon {...props} />,
-  },
-  {
-    label: "CIDR Block",
-    value: "cidr",
-    icon: (props) => <NetworkIcon {...props} />,
-  },
-];
-
 type AccessRule = {
   id: string;
   action: AccessAction;
@@ -157,31 +128,77 @@ type Props = {
   onValidationChange?: (hasErrors: boolean) => void;
 };
 
-function validateRule(rule: AccessRule): string {
+function validateRule(
+  rule: AccessRule,
+  t: (
+    key: MessageKey,
+    values?: Record<string, string | number>,
+  ) => string,
+): string {
   if (rule.type === "country" || !rule.value) return "";
   if (rule.type === "ip") {
     const val = rule.value.includes("/") ? rule.value : `${rule.value}/32`;
     if (!cidr.isValidAddress(val)) {
-      return "Please enter a valid IP address, e.g., 85.203.15.42";
+      return t("reverseProxy.validIpAddress");
     }
   } else {
     if (!rule.value.includes("/") || !cidr.isValidAddress(rule.value)) {
-      return "Please enter a valid CIDR block, e.g., 74.125.0.0/16";
+      return t("reverseProxy.validCidrBlock");
     }
   }
   return "";
 }
 
 export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationChange }: Props) => {
+  const { t } = useI18n();
   const [rules, dispatch] = useReducer(
     rulesReducer,
     value,
     restrictionsToRules,
   );
 
+  const actionOptions = useMemo<SelectOption[]>(
+    () => [
+      {
+        label: t("reverseProxy.allowOnly"),
+        value: "allow",
+        icon: (props) => (
+          <ShieldCheckIcon {...props} className="text-green-500" />
+        ),
+      },
+      {
+        label: t("reverseProxy.blockOnly"),
+        value: "block",
+        icon: (props) => <ShieldXIcon {...props} className="text-red-500" />,
+      },
+    ],
+    [t],
+  );
+
+  const typeOptions = useMemo<SelectOption[]>(
+    () => [
+      {
+        label: t("reverseProxy.country"),
+        value: "country",
+        icon: (props) => <FlagIcon {...props} />,
+      },
+      {
+        label: t("reverseProxy.ipAddress"),
+        value: "ip",
+        icon: (props) => <WorkflowIcon {...props} />,
+      },
+      {
+        label: t("reverseProxy.cidrBlock"),
+        value: "cidr",
+        icon: (props) => <NetworkIcon {...props} />,
+      },
+    ],
+    [t],
+  );
+
   const errors = useMemo(
-    () => Object.fromEntries(rules.map((r) => [r.id, validateRule(r)])),
-    [rules],
+    () => Object.fromEntries(rules.map((r) => [r.id, validateRule(r, t)])),
+    [rules, t],
   );
 
   const hasErrors = useMemo(
@@ -206,12 +223,11 @@ export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationCh
   return (
     <div className={"flex-col flex"}>
       <div>
-        <Label>Access Control Rules</Label>
+        <Label>{t("reverseProxy.accessControlRules")}</Label>
         <HelpText>
-          Define rules to allow or block traffic based on country, IP address,
-          or CIDR block.
+          {t("reverseProxy.accessControlRulesDescription")}
           <br />
-          Block rules always take priority over allow rules.
+          {t("reverseProxy.blockRulesPriority")}
         </HelpText>
       </div>
       {rules.length > 0 && (
@@ -229,7 +245,7 @@ export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationCh
                       value: v,
                     })
                   }
-                  options={ACTION_OPTIONS}
+                  options={actionOptions}
                   compact
                 />
               </div>
@@ -245,7 +261,7 @@ export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationCh
                       value: v,
                     })
                   }
-                  options={TYPE_OPTIONS}
+                  options={typeOptions}
                   compact
                 />
               </div>
@@ -270,8 +286,8 @@ export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationCh
                   <Input
                     placeholder={
                       rule.type === "ip"
-                        ? "e.g., 85.203.15.42"
-                        : "e.g., 74.125.0.0/16"
+                        ? t("reverseProxy.ipAddressPlaceholder")
+                        : t("reverseProxy.cidrBlockPlaceholder")
                     }
                     value={rule.value}
                     onChange={(e) =>
@@ -293,7 +309,7 @@ export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationCh
                 variant="default-outline"
                 className="h-[42px] w-[42px] !px-0 shrink-0 ml-2"
                 onClick={() => dispatch({ type: "remove", id: rule.id })}
-                aria-label="Remove rule"
+                aria-label={t("reverseProxy.removeRule")}
               >
                 <MinusCircleIcon size={14} />
               </Button>
@@ -308,7 +324,7 @@ export const ReverseProxyAccessControlRules = ({ value, onChange, onValidationCh
         onClick={() => dispatch({ type: "add" })}
       >
         <PlusIcon size={14} />
-        Add Rule
+        {t("reverseProxy.addRule")}
       </Button>
     </div>
   );
diff --git a/src/modules/reverse-proxy/ReverseProxyHTTPTargets.tsx b/src/modules/reverse-proxy/ReverseProxyHTTPTargets.tsx
index fd33ec03..cc7c3526 100644
--- a/src/modules/reverse-proxy/ReverseProxyHTTPTargets.tsx
+++ b/src/modules/reverse-proxy/ReverseProxyHTTPTargets.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import {
   DropdownMenu,
@@ -20,6 +22,7 @@ import {
 } from "lucide-react";
 import { Callout } from "@components/Callout";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network } from "@/interfaces/Network";
 import { ReverseProxyTarget } from "@/interfaces/ReverseProxy";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
@@ -44,13 +47,12 @@ export default function ReverseProxyHTTPTargets({
   initialNetwork,
   onNavigateToResources,
 }: Readonly<Props>) {
+  const { t } = useI18n();
+
   return (
     <div>
-      <Label>HTTPS Targets</Label>
-      <HelpText>
-        Add one or more devices running your service or resources to make it
-        publicly accessible.
-      </HelpText>
+      <Label>{t("reverseProxy.httpTargets")}</Label>
+      <HelpText>{t("reverseProxy.httpTargetsHelp")}</HelpText>
 
       {targets.length > 0 && (
         <div
@@ -93,7 +95,10 @@ export default function ReverseProxyHTTPTargets({
                       />
                       <DropdownMenu modal={false}>
                         <DropdownMenuTrigger asChild>
-                          <Button variant="default-outline" className="!px-3">
+                          <Button
+                            variant="default-outline"
+                            className="!px-3"
+                          >
                             <MoreVertical size={16} className="shrink-0" />
                           </Button>
                         </DropdownMenuTrigger>
@@ -101,10 +106,12 @@ export default function ReverseProxyHTTPTargets({
                           className="w-auto min-w-[200px]"
                           align="end"
                         >
-                          <DropdownMenuItem onClick={() => onEditTarget(index)}>
+                          <DropdownMenuItem
+                            onClick={() => onEditTarget(index)}
+                          >
                             <div className="flex gap-3 items-center">
                               <Edit size={14} className="shrink-0" />
-                              Edit Target
+                              {t("reverseProxy.editTarget")}
                             </div>
                           </DropdownMenuItem>
                           <DropdownMenuItem
@@ -112,8 +119,11 @@ export default function ReverseProxyHTTPTargets({
                             onClick={() => onRemoveTarget(index)}
                           >
                             <div className="flex gap-3 items-center">
-                              <MinusCircleIcon size={14} className="shrink-0" />
-                              Remove Target
+                              <MinusCircleIcon
+                                size={14}
+                                className="shrink-0"
+                              />
+                              {t("reverseProxy.removeTarget")}
                             </div>
                           </DropdownMenuItem>
                         </DropdownMenuContent>
@@ -135,7 +145,7 @@ export default function ReverseProxyHTTPTargets({
         disabled={!!(initialNetwork && !initialNetwork.resources?.length)}
       >
         <PlusIcon size={14} />
-        Add Target
+        {t("reverseProxy.addTarget")}
       </Button>
 
       {initialNetwork && !initialNetwork.resources?.length && (
@@ -143,16 +153,19 @@ export default function ReverseProxyHTTPTargets({
           variant="warning"
           className="mt-3"
           icon={
-            <AlertTriangle size={14} className="shrink-0 relative top-[3px]" />
+            <AlertTriangle
+              size={14}
+              className="shrink-0 relative top-[3px]"
+            />
           }
         >
-          There are currently no resources in your network{" "}
+          {t("reverseProxy.noResourcesPrefix")}{" "}
           <span className={"text-netbird-100 font-medium"}>
             {initialNetwork?.name}
           </span>
-          . Add resources to your network before exposing it as a service.{" "}
+          {t("reverseProxy.noResourcesSuffix")}{" "}
           <InlineButtonLink variant={"default"} onClick={onNavigateToResources}>
-            Go to Resources
+            {t("reverseProxy.goToResources")}
             <ArrowUpRight size={14} />
           </InlineButtonLink>
         </Callout>
diff --git a/src/modules/reverse-proxy/ReverseProxyLayer4Content.tsx b/src/modules/reverse-proxy/ReverseProxyLayer4Content.tsx
index e8619586..fe2481a4 100644
--- a/src/modules/reverse-proxy/ReverseProxyLayer4Content.tsx
+++ b/src/modules/reverse-proxy/ReverseProxyLayer4Content.tsx
@@ -11,6 +11,7 @@ import ReverseProxyTargetSelector, {
   type Target,
 } from "@/modules/reverse-proxy/targets/ReverseProxyTargetSelector";
 import { HelpTooltip } from "@components/HelpTooltip";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   l4Target: Target | undefined;
@@ -37,6 +38,7 @@ export default function ReverseProxyLayer4Content({
   initialPeer,
   initialNetwork,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const listenPortRef = useRef<HTMLInputElement>(null);
   const portRef = useRef<HTMLInputElement>(null);
 
@@ -64,13 +66,13 @@ export default function ReverseProxyLayer4Content({
       <div className={"flex gap-4 items-center"}>
         <div className={"w-full max-w-[180px]"}>
           <Label>
-            Listen Port
+            {t("reverseProxy.listenPort")}
             <HelpTooltip
-              className={isListenPortSupported ? "max-w-sm" : "max-w-xs"}
+              className={"max-w-sm"}
               content={
                 isListenPortSupported
-                  ? "Enter the public listen port this service will be reachable on."
-                  : "The listen port will be automatically assigned after the service is created."
+                  ? t("reverseProxy.listenPortHelp")
+                  : t("reverseProxy.listenPortAutoHelp")
               }
             />
           </Label>
@@ -80,11 +82,15 @@ export default function ReverseProxyLayer4Content({
               type="number"
               min={1}
               max={65535}
-              placeholder={!isListenPortSupported ? "Auto" : "443"}
+              placeholder={
+                !isListenPortSupported
+                  ? t("reverseProxy.listenPortAutoPlaceholder")
+                  : "443"
+              }
               value={!isListenPortSupported ? "" : listenPort || ""}
               onChange={(e) => setListenPort(parseInt(e.target.value) || 0)}
               disabled={!isListenPortSupported || !l4Target}
-              aria-label="Public listen port"
+              aria-label={t("reverseProxy.publicListenPort")}
             />
           </div>
         </div>
@@ -92,7 +98,7 @@ export default function ReverseProxyLayer4Content({
         <div className={"w-full flex"}>
           <div className={"w-full"}>
             <Label>
-              Host / IP
+              {t("reverseProxy.hostIp")}
               <CidrHelpText target={l4Target} />
             </Label>
             <div className="flex w-full mt-2 relative">
@@ -104,11 +110,9 @@ export default function ReverseProxyLayer4Content({
           </div>
           <div>
             <Label>
-              Port
+              {t("reverseProxy.destinationPort")}
               <HelpTooltip
-                content={
-                  "Enter the port where your service (e.g., webserver, app, API) is currently listening."
-                }
+                content={t("reverseProxy.destinationPortHelp")}
               />
             </Label>
             <div className={"mt-2 min-w-[120px]"}>
@@ -121,7 +125,7 @@ export default function ReverseProxyLayer4Content({
                 value={port || ""}
                 onChange={(e) => setPort(parseInt(e.target.value) || 0)}
                 disabled={!l4Target}
-                aria-label="Destination port"
+                aria-label={t("reverseProxy.destinationPort")}
                 className={"rounded-l-none"}
               />
             </div>
diff --git a/src/modules/reverse-proxy/ReverseProxyModal.tsx b/src/modules/reverse-proxy/ReverseProxyModal.tsx
index 0ed64be1..6b7415db 100644
--- a/src/modules/reverse-proxy/ReverseProxyModal.tsx
+++ b/src/modules/reverse-proxy/ReverseProxyModal.tsx
@@ -36,6 +36,7 @@ import React, { useMemo, useState } from "react";
 import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network, NetworkResource } from "@/interfaces/Network";
 import { Peer } from "@/interfaces/Peer";
 import {
@@ -108,6 +109,7 @@ export default function ReverseProxyModal({
   const { permission } = usePermissions();
   const { confirm } = useDialog();
   const { handleCreateOrUpdateProxy } = useReverseProxies();
+  const { t } = useI18n();
 
   const {
     subdomain,
@@ -342,12 +344,13 @@ export default function ReverseProxyModal({
   const handleSubmit = async () => {
     if (isUnprotected) {
       const confirmed = await confirm({
-        title: "No Protection Configured",
-        description:
-          "This service has no authentication or access control rules configured. It will be publicly accessible to everyone on the internet. Are you sure you want to continue?",
+        title: t("reverseProxy.modalNoProtectionTitle"),
+        description: t("reverseProxy.modalNoProtectionDescription"),
         type: "warning",
-        confirmText: reverseProxy ? "Save Changes" : "Add Service",
-        cancelText: "Cancel",
+        confirmText: reverseProxy
+          ? t("actions.saveChanges")
+          : t("reverseProxy.addService"),
+        cancelText: t("actions.cancel"),
         maxWidthClass: "max-w-lg",
       });
       if (!confirmed) return;
@@ -427,17 +430,21 @@ export default function ReverseProxyModal({
   };
 
   const modalTitle = useMemo(() => {
-    const prefix = reverseProxy ? "Edit" : "Add";
-    const label = serviceMode ? SERVICE_MODES[serviceMode].label : "Service";
+    const prefix = reverseProxy
+      ? t("reverseProxy.modalEditPrefix")
+      : t("reverseProxy.modalAddPrefix");
+    const label = serviceMode
+      ? SERVICE_MODES[serviceMode].label
+      : t("reverseProxy.modalDefaultLabel");
     return `${prefix} ${label}`;
-  }, [reverseProxy, serviceMode]);
+  }, [reverseProxy, serviceMode, t]);
 
   const modalDescription = useMemo(
     () =>
       isL4Mode
-        ? "Forward traffic directly to your backend service."
-        : "Expose services securely through NetBird's reverse proxy.",
-    [isL4Mode],
+        ? t("reverseProxy.modalL4Description")
+        : t("reverseProxy.modalHttpDescription"),
+    [isL4Mode, t],
   );
 
   return (
@@ -456,12 +463,12 @@ export default function ReverseProxyModal({
           <TabsList justify={"start"} className={"px-8"}>
             <TabsTrigger value={"targets"}>
               <ReverseProxyIcon size={14} />
-              Service
+              {t("reverseProxy.tabService")}
             </TabsTrigger>
             {!isL4Mode && (
               <TabsTrigger value={"auth"} disabled={!canContinueToSettings}>
                 <LockKeyhole size={14} />
-                Authentication
+                {t("reverseProxy.tabAuthentication")}
               </TabsTrigger>
             )}
             <TabsTrigger
@@ -469,11 +476,11 @@ export default function ReverseProxyModal({
               disabled={!canContinueToSettings}
             >
               <ShieldCheckIcon size={14} />
-              Access Control
+              {t("reverseProxy.tabAccessControl")}
             </TabsTrigger>
             <TabsTrigger value={"settings"} disabled={!canContinueToSettings}>
               <Settings size={14} />
-              Advanced Settings
+              {t("reverseProxy.tabAdvancedSettings")}
             </TabsTrigger>
           </TabsList>
 
@@ -540,10 +547,10 @@ export default function ReverseProxyModal({
                   label={
                     <>
                       <Users size={15} />
-                      SSO (Single Sign-On)
+                      {t("reverseProxy.authSso")}
                     </>
                   }
-                  description="Require users to authenticate via SSO to access this service."
+                  description={t("reverseProxy.authSsoDescription")}
                   enabled={bearerEnabled}
                   onClick={() => setSsoModalOpen(true)}
                 />
@@ -551,10 +558,10 @@ export default function ReverseProxyModal({
                   label={
                     <>
                       <RectangleEllipsis size={15} />
-                      Password
+                      {t("reverseProxy.authPassword")}
                     </>
                   }
-                  description="Require a password to access this service."
+                  description={t("reverseProxy.authPasswordDescription")}
                   enabled={passwordEnabled}
                   onClick={() => setPasswordModalOpen(true)}
                 />
@@ -562,10 +569,10 @@ export default function ReverseProxyModal({
                   label={
                     <>
                       <Binary size={15} />
-                      PIN Code
+                      {t("reverseProxy.authPin")}
                     </>
                   }
-                  description="Require a numeric PIN code to access this service."
+                  description={t("reverseProxy.authPinDescription")}
                   enabled={pinEnabled}
                   onClick={() => setPinModalOpen(true)}
                 />
@@ -573,10 +580,10 @@ export default function ReverseProxyModal({
                   label={
                     <>
                       <FileCode2Icon size={15} />
-                      HTTP Headers
+                      {t("reverseProxy.authHeaders")}
                     </>
                   }
-                  description="Require specific HTTP headers to access this service."
+                  description={t("reverseProxy.authHeadersDescription")}
                   enabled={headerAuthsEnabled}
                   onClick={() => setHeaderModalOpen(true)}
                 />
@@ -604,10 +611,10 @@ export default function ReverseProxyModal({
                   label={
                     <>
                       <MapPinned size={15} />
-                      Preserve Client Source IP
+                      {t("reverseProxy.preserveClientIp")}
                     </>
                   }
-                  helpText="Preserve client source IP addresses when forwarding traffic to the backend using PROXY Protocol v2."
+                  helpText={t("reverseProxy.preserveClientIpHelp")}
                 />
               )}
 
@@ -617,27 +624,18 @@ export default function ReverseProxyModal({
                     <div>
                       <Label>
                         {serviceMode === ServiceMode.UDP
-                          ? "Session Idle Timeout"
-                          : "Connection Timeout"}
+                          ? t("reverseProxy.sessionIdleTimeout")
+                          : t("reverseProxy.connectionTimeout")}
                       </Label>
                       <HelpText className={"mb-0"}>
-                        {serviceMode === ServiceMode.UDP ? (
-                          <>
-                            Close the UDP session after this period of
-                            inactivity.
-                            <br /> Leave this field empty for no timeout.
-                          </>
-                        ) : (
-                          <>
-                            Timeout for establishing backend connections. <br />{" "}
-                            Leave this field empty for no timeout.
-                          </>
-                        )}
+                        {serviceMode === ServiceMode.UDP
+                          ? t("reverseProxy.sessionIdleTimeoutHelp")
+                          : t("reverseProxy.connectionTimeoutHelp")}
                       </HelpText>
                     </div>
                     <Input
                       customPrefix={<ClockFadingIcon size={16} />}
-                      placeholder="e.g. 10s, 30s, 1m"
+                      placeholder={t("reverseProxy.timeoutPlaceholder")}
                       value={timeoutOption}
                       onChange={(e) => setTimeoutOption(e.target.value)}
                       maxWidthClass="w-[180px]"
@@ -656,10 +654,10 @@ export default function ReverseProxyModal({
                     label={
                       <>
                         <GlobeIcon size={15} />
-                        Pass Host Header
+                        {t("reverseProxy.passHostHeader")}
                       </>
                     }
-                    helpText="Forward the original Host header to the backend instead of rewriting it to the target address."
+                    helpText={t("reverseProxy.passHostHeaderHelp")}
                   />
                   <FancyToggleSwitch
                     value={rewriteRedirects}
@@ -667,10 +665,10 @@ export default function ReverseProxyModal({
                     label={
                       <>
                         <ArrowRight size={15} />
-                        Rewrite Redirects
+                        {t("reverseProxy.rewriteRedirects")}
                       </>
                     }
-                    helpText="Rewrite Location headers in backend responses to use the public domain instead of the internal backend address."
+                    helpText={t("reverseProxy.rewriteRedirectsHelp")}
                   />
                 </div>
               )}
@@ -684,24 +682,24 @@ export default function ReverseProxyModal({
               const docsLink = {
                 targets: {
                   href: REVERSE_PROXY_SERVICES_DOCS_LINK,
-                  label: "Services",
+                  label: t("reverseProxy.servicesTitle"),
                 },
                 auth: {
                   href: REVERSE_PROXY_AUTHENTICATION_DOCS_LINK,
-                  label: "Authentication",
+                  label: t("reverseProxy.tabAuthentication"),
                 },
                 "access-control": {
                   href: REVERSE_PROXY_ACCESS_CONTROL_DOCS_LINK,
-                  label: "Access Control",
+                  label: t("reverseProxy.tabAccessControl"),
                 },
                 settings: {
                   href: REVERSE_PROXY_SETTINGS_DOCS_LINK,
-                  label: "Settings",
+                  label: t("settings.title"),
                 },
               }[tab];
               return docsLink ? (
                 <Paragraph className={"text-sm mt-auto"}>
-                  Learn more about
+                  {t("common.learnMorePrefix")}
                   <InlineLink href={docsLink.href} target={"_blank"}>
                     {docsLink.label}
                     <ExternalLinkIcon size={12} />
@@ -716,7 +714,7 @@ export default function ReverseProxyModal({
                 {tab === "targets" && (
                   <>
                     <ModalClose asChild>
-                      <Button variant={"secondary"}>Cancel</Button>
+                      <Button variant={"secondary"}>{t("actions.cancel")}</Button>
                     </ModalClose>
                     <Button
                       variant={"primary"}
@@ -725,7 +723,7 @@ export default function ReverseProxyModal({
                       }
                       disabled={!canContinueToSettings}
                     >
-                      Continue
+                      {t("actions.continue")}
                     </Button>
                   </>
                 )}
@@ -736,13 +734,13 @@ export default function ReverseProxyModal({
                       variant={"secondary"}
                       onClick={() => setTab("targets")}
                     >
-                      Back
+                      {t("actions.back")}
                     </Button>
                     <Button
                       variant={"primary"}
                       onClick={() => setTab("access-control")}
                     >
-                      Continue
+                      {t("actions.continue")}
                     </Button>
                   </>
                 )}
@@ -753,14 +751,14 @@ export default function ReverseProxyModal({
                       variant={"secondary"}
                       onClick={() => setTab(isL4Mode ? "targets" : "auth")}
                     >
-                      Back
+                      {t("actions.back")}
                     </Button>
                     <Button
                       variant={"primary"}
                       onClick={() => setTab("settings")}
                       disabled={accessControlHasErrors}
                     >
-                      Continue
+                      {t("actions.continue")}
                     </Button>
                   </>
                 )}
@@ -771,7 +769,7 @@ export default function ReverseProxyModal({
                       variant={"secondary"}
                       onClick={() => setTab("access-control")}
                     >
-                      Back
+                      {t("actions.back")}
                     </Button>
                     <Button
                       variant={"primary"}
@@ -784,7 +782,7 @@ export default function ReverseProxyModal({
                       onClick={handleSubmit}
                     >
                       <PlusCircle size={16} />
-                      Add Service
+                      {t("reverseProxy.addService")}
                     </Button>
                   </>
                 )}
@@ -792,7 +790,7 @@ export default function ReverseProxyModal({
             ) : (
               <>
                 <ModalClose asChild>
-                  <Button variant={"secondary"}>Cancel</Button>
+                  <Button variant={"secondary"}>{t("actions.cancel")}</Button>
                 </ModalClose>
                 <Button
                   variant={"primary"}
@@ -804,7 +802,7 @@ export default function ReverseProxyModal({
                   }
                   onClick={handleSubmit}
                 >
-                  Save Changes
+                  {t("actions.saveChanges")}
                 </Button>
               </>
             )}
diff --git a/src/modules/reverse-proxy/ReverseProxyServiceModeSelector.tsx b/src/modules/reverse-proxy/ReverseProxyServiceModeSelector.tsx
index 3fb6982d..8ef7b36d 100644
--- a/src/modules/reverse-proxy/ReverseProxyServiceModeSelector.tsx
+++ b/src/modules/reverse-proxy/ReverseProxyServiceModeSelector.tsx
@@ -15,6 +15,7 @@ import { ArrowRightFromLine, Globe, LockKeyhole } from "lucide-react";
 import { HelpTooltip } from "@components/HelpTooltip";
 import { Label } from "@components/Label";
 import HelpText from "@components/HelpText";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   value?: ServiceMode;
@@ -29,30 +30,27 @@ type ServiceModeConfig = {
   icon: ReactNode;
 };
 
-export const SERVICE_MODES: Record<ServiceMode, ServiceModeConfig> = {
+type ServiceModeStaticConfig = {
+  label: string;
+  description: string;
+};
+
+export const SERVICE_MODES: Record<ServiceMode, ServiceModeStaticConfig> = {
   [ServiceMode.HTTP]: {
-    label: "HTTPS Service",
-    description:
-      "Reverse proxy with path routing and built-in authentication (SSO, PIN, password). Typically used for web applications and APIs.",
-    icon: <Globe size={14} />,
+    label: "HTTP/S Service",
+    description: "Proxy HTTP and HTTPS requests to one or more targets.",
   },
   [ServiceMode.TLS]: {
     label: "TLS Passthrough",
-    description:
-      "Passes encrypted TLS traffic straight through to the backend. Typically used for services that manage their own TLS certificates.",
-    icon: <LockKeyhole size={14} />,
+    description: "Pass encrypted TLS traffic directly to the target.",
   },
   [ServiceMode.TCP]: {
     label: "TCP Service",
-    description:
-      "Forwards raw TCP traffic to your backend on a dedicated port. Typically used for databases, custom protocols, or any TCP-based service.",
-    icon: <ArrowRightFromLine size={14} />,
+    description: "Forward raw TCP traffic to a selected target and port.",
   },
   [ServiceMode.UDP]: {
     label: "UDP Service",
-    description:
-      "Forwards raw UDP traffic to your backend on a dedicated port. Typically used for real-time services like voice, video, or streaming.",
-    icon: <ArrowRightFromLine size={14} />,
+    description: "Forward UDP traffic to a selected target and port.",
   },
 };
 
@@ -62,9 +60,32 @@ export const ReverseProxyServiceModeSelector = ({
   disabled,
   domain,
 }: Props) => {
+  const { t } = useI18n();
   const selected = value ?? ServiceMode.HTTP;
-  const selectedMode = SERVICE_MODES[selected];
-  const isL4Supported = domain?.supports_custom_ports !== undefined;
+  const serviceModes: Record<ServiceMode, ServiceModeConfig> = {
+    [ServiceMode.HTTP]: {
+      label: t("reverseProxy.serviceModeHttp"),
+      description: t("reverseProxy.serviceModeHttpDescription"),
+      icon: <Globe size={14} />,
+    },
+    [ServiceMode.TLS]: {
+      label: t("reverseProxy.serviceModeTls"),
+      description: t("reverseProxy.serviceModeTlsDescription"),
+      icon: <LockKeyhole size={14} />,
+    },
+    [ServiceMode.TCP]: {
+      label: t("reverseProxy.serviceModeTcp"),
+      description: t("reverseProxy.serviceModeTcpDescription"),
+      icon: <ArrowRightFromLine size={14} />,
+    },
+    [ServiceMode.UDP]: {
+      label: t("reverseProxy.serviceModeUdp"),
+      description: t("reverseProxy.serviceModeUdpDescription"),
+      icon: <ArrowRightFromLine size={14} />,
+    },
+  };
+  const selectedMode = serviceModes[selected];
+  const isL4Supported = domain?.supports_custom_ports === true;
 
   // Reset to HTTP if the current L4 mode becomes unsupported (e.g. domain changed)
   useEffect(() => {
@@ -76,10 +97,9 @@ export const ReverseProxyServiceModeSelector = ({
   return (
     <div className="flex justify-between items-center gap-10 mt-2">
       <div>
-        <Label>Service Type</Label>
+        <Label>{t("reverseProxy.serviceType")}</Label>
         <HelpText>
-          Select a type to define how the proxy handles and forwards traffic to
-          your backend services.
+          {t("reverseProxy.serviceTypeHelp")}
         </HelpText>
       </div>
       <Select
@@ -93,11 +113,11 @@ export const ReverseProxyServiceModeSelector = ({
             data-cy={"service-mode-select-button"}
           >
             {selectedMode.icon}
-            <SelectValue placeholder="Select type..." />
+            <SelectValue placeholder={t("reverseProxy.selectServiceType")} />
           </div>
         </SelectTrigger>
         <SelectContent data-cy={"service-mode-selection"}>
-          {Object.entries(SERVICE_MODES)
+          {Object.entries(serviceModes)
             .filter(
               ([mode]) =>
                 isL4Supported || !isL4ServiceMode(mode as ServiceMode),
diff --git a/src/modules/reverse-proxy/auth/AuthHeaderModal.tsx b/src/modules/reverse-proxy/auth/AuthHeaderModal.tsx
index 035df810..f29e66e0 100644
--- a/src/modules/reverse-proxy/auth/AuthHeaderModal.tsx
+++ b/src/modules/reverse-proxy/auth/AuthHeaderModal.tsx
@@ -3,10 +3,7 @@ import { Callout } from "@components/Callout";
 import { Input } from "@components/Input";
 import { Modal, ModalClose, ModalContent } from "@components/modal/Modal";
 import ModalHeader from "@components/modal/ModalHeader";
-import {
-  SelectDropdown,
-  SelectOption,
-} from "@components/select/SelectDropdown";
+import { SelectDropdown } from "@components/select/SelectDropdown";
 import {
   BracesIcon,
   CircleUserIcon,
@@ -18,6 +15,7 @@ import {
 } from "lucide-react";
 import React, { useMemo, useReducer, useRef } from "react";
 import { useHasChanges } from "@/hooks/useHasChanges";
+import { useI18n } from "@/i18n/I18nProvider";
 import type { HeaderAuthConfig } from "@/interfaces/ReverseProxy";
 
 type HeaderType = "basic" | "bearer" | "custom";
@@ -32,24 +30,6 @@ interface HeaderAuthItem {
   existingSecret: boolean;
 }
 
-const HEADER_TYPE_OPTIONS: SelectOption[] = [
-  {
-    value: "basic" satisfies HeaderType,
-    label: "Basic Auth",
-    icon: () => <CircleUserIcon size={14} />,
-  },
-  {
-    value: "bearer" satisfies HeaderType,
-    label: "Bearer Token",
-    icon: () => <KeyRoundIcon size={14} />,
-  },
-  {
-    value: "custom" satisfies HeaderType,
-    label: "Custom Header",
-    icon: () => <BracesIcon size={14} />,
-  },
-];
-
 const MASKED_VALUE = "••••••••";
 
 const INPUT_PROPS = {
@@ -201,6 +181,7 @@ export default function AuthHeaderModal({
   onSave,
   onRemove,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [items, dispatch] = useReducer(
     headersReducer,
     currentHeaders,
@@ -234,8 +215,8 @@ export default function AuthHeaderModal({
         }}
       >
         <ModalHeader
-          title="HTTP Headers"
-          description="Require specific HTTP headers to access this service."
+          title={t("reverseProxy.authHeadersTitle")}
+          description={t("reverseProxy.authHeadersDescription")}
         />
 
         <div className="px-8">
@@ -261,14 +242,14 @@ export default function AuthHeaderModal({
             onClick={() => dispatch({ type: "add" })}
           >
             <PlusIcon size={14} />
-            Add Header
+            {t("reverseProxy.addHeader")}
           </Button>
 
           {items.length > 1 && (
             <Callout className="mt-4" variant="info">
-              Any request matching one of these headers will grant access.
+              {t("reverseProxy.headersCalloutLine1")}
               <br />
-              Matched headers are stripped before reaching your backend.
+              {t("reverseProxy.headersCalloutLine2")}
             </Callout>
           )}
 
@@ -276,18 +257,18 @@ export default function AuthHeaderModal({
             {isEditing ? (
               <>
                 <Button variant="danger-text" onClick={handleRemoveAll}>
-                  Remove All
+                  {t("reverseProxy.removeAll")}
                 </Button>
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant="primary"
                     onClick={handleSave}
                     disabled={!canSave || !hasChanges}
                   >
-                    Save
+                    {t("actions.save")}
                   </Button>
                 </div>
               </>
@@ -296,14 +277,14 @@ export default function AuthHeaderModal({
                 <div />
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant="primary"
                     onClick={handleSave}
                     disabled={!canSave}
                   >
-                    Add Headers
+                    {t("reverseProxy.addHeaders")}
                   </Button>
                 </div>
               </>
@@ -330,6 +311,7 @@ function HeaderItemRow({
   onRemove,
   showRemove,
 }: Readonly<HeaderItemRowProps>) {
+  const { t } = useI18n();
   const isMaskedRef = useRef(item.existingSecret);
 
   const handleHeaderTypeChange = (value: string) => {
@@ -350,24 +332,27 @@ function HeaderItemRow({
           <span className="text-xs font-normal text-nb-gray-200 flex items-center gap-2">
             <FileCode2Icon size={14} />
             {item.existingSecret
-              ? `Header ${index + 1} - ${item.header}`
-              : `Header ${index + 1}`}
+              ? t("reverseProxy.headerIndexWithName", {
+                  index: index + 1,
+                  header: item.header,
+                })
+              : t("reverseProxy.headerIndex", { index: index + 1 })}
           </span>
           {showRemove && (
             <Button variant="danger-text" size="xs" onClick={onRemove}>
               <MinusCircleIcon size={12} />
-              Remove
+              {t("actions.remove")}
             </Button>
           )}
         </div>
         {item.existingSecret ? (
           <div>
             <Input
-              customPrefix={<span className="min-w-[38px]">Value</span>}
+              customPrefix={<span className="min-w-[38px]">{t("common.value")}</span>}
               type="password"
               showPasswordToggle={!isMaskedRef.current}
               value={isMaskedRef.current ? MASKED_VALUE : item.value}
-              placeholder="e.g., AIiaSyDaGmWKa4JsXZ-HjGw7ISLn_3namBGewQe"
+              placeholder={t("reverseProxy.headerValuePlaceholder")}
               {...INPUT_PROPS}
               onChange={(e) => {
                 if (isMaskedRef.current) {
@@ -385,14 +370,30 @@ function HeaderItemRow({
             <SelectDropdown
               value={item.type}
               onChange={handleHeaderTypeChange}
-              options={HEADER_TYPE_OPTIONS}
+              options={[
+                {
+                  value: "basic" satisfies HeaderType,
+                  label: t("reverseProxy.headerTypeBasic"),
+                  icon: () => <CircleUserIcon size={14} />,
+                },
+                {
+                  value: "bearer" satisfies HeaderType,
+                  label: t("reverseProxy.headerTypeBearer"),
+                  icon: () => <KeyRoundIcon size={14} />,
+                },
+                {
+                  value: "custom" satisfies HeaderType,
+                  label: t("reverseProxy.headerTypeCustom"),
+                  icon: () => <BracesIcon size={14} />,
+                },
+              ]}
             />
 
             {item.type === "basic" && (
               <div className="flex flex-col gap-2">
                 <Input
                   customPrefix={<UserIcon size={16} />}
-                  placeholder="Username"
+                  placeholder={t("common.username")}
                   maxWidthClass="w-full"
                   value={item.username}
                   onChange={(e) => onChange({ username: e.target.value })}
@@ -400,7 +401,7 @@ function HeaderItemRow({
                 />
                 <Input
                   customPrefix={<KeyRoundIcon size={16} />}
-                  placeholder="Password"
+                  placeholder={t("common.password")}
                   maxWidthClass="w-full"
                   value={item.password}
                   onChange={(e) => onChange({ password: e.target.value })}
@@ -413,8 +414,8 @@ function HeaderItemRow({
 
             {item.type === "bearer" && (
               <Input
-                customPrefix={"Bearer"}
-                placeholder="e.g. eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9..."
+                customPrefix={t("reverseProxy.headerTypeBearer")}
+                placeholder={t("reverseProxy.bearerPlaceholder")}
                 maxWidthClass="w-full"
                 value={item.value}
                 onChange={(e) => onChange({ value: e.target.value })}
@@ -427,16 +428,16 @@ function HeaderItemRow({
             {item.type === "custom" && (
               <div className="flex flex-col gap-2">
                 <Input
-                  customPrefix={<span className="min-w-[38px]">Name</span>}
-                  placeholder="e.g., X-API-Key"
+                  customPrefix={<span className="min-w-[38px]">{t("table.name")}</span>}
+                  placeholder={t("reverseProxy.headerNamePlaceholder")}
                   maxWidthClass="w-full"
                   value={item.header}
                   onChange={(e) => onChange({ header: e.target.value })}
                   {...INPUT_PROPS}
                 />
                 <Input
-                  customPrefix={<span className="min-w-[38px]">Value</span>}
-                  placeholder="e.g., AIiaSyDaGmWKa4JsXZ-HjGw7ISLn_3namBGewQe"
+                  customPrefix={<span className="min-w-[38px]">{t("common.value")}</span>}
+                  placeholder={t("reverseProxy.headerValuePlaceholder")}
                   maxWidthClass="w-full"
                   value={item.value}
                   onChange={(e) => onChange({ value: e.target.value })}
diff --git a/src/modules/reverse-proxy/auth/AuthPasswordModal.tsx b/src/modules/reverse-proxy/auth/AuthPasswordModal.tsx
index b0db5b94..6224f19a 100644
--- a/src/modules/reverse-proxy/auth/AuthPasswordModal.tsx
+++ b/src/modules/reverse-proxy/auth/AuthPasswordModal.tsx
@@ -1,9 +1,12 @@
+"use client";
+
 import Button from "@components/Button";
 import { Input } from "@components/Input";
 import { Modal, ModalClose, ModalContent } from "@components/modal/Modal";
 import ModalHeader from "@components/modal/ModalHeader";
 import React, { useState } from "react";
 import { GradientFadedBackground } from "@components/ui/GradientFadedBackground";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   open: boolean;
@@ -22,6 +25,7 @@ export default function AuthPasswordModal({
   onSave,
   onRemove,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [password, setPassword] = useState(currentPassword);
   const [isMasked, setIsMasked] = useState(isEnabled && currentPassword === "");
   const isEditing = isEnabled;
@@ -43,8 +47,8 @@ export default function AuthPasswordModal({
     <Modal open={open} onOpenChange={onOpenChange}>
       <ModalContent maxWidthClass="max-w-md">
         <ModalHeader
-          title="Password"
-          description="Require a password to access this service."
+          title={t("reverseProxy.authPasswordTitle")}
+          description={t("reverseProxy.authPasswordDescription")}
         />
 
         <GradientFadedBackground />
@@ -63,7 +67,7 @@ export default function AuthPasswordModal({
                 setPassword(e.target.value);
               }
             }}
-            placeholder="Enter password..."
+            placeholder={t("reverseProxy.authPasswordPlaceholder")}
             autoComplete="off"
             data-1p-ignore
             data-lpignore="true"
@@ -78,18 +82,18 @@ export default function AuthPasswordModal({
             {isEditing ? (
               <>
                 <Button variant="danger-text" onClick={handleRemove}>
-                  Remove
+                  {t("reverseProxy.remove")}
                 </Button>
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant="primary"
                     onClick={handleSave}
                     disabled={!password.trim()}
                   >
-                    Save
+                    {t("actions.save")}
                   </Button>
                 </div>
               </>
@@ -98,14 +102,14 @@ export default function AuthPasswordModal({
                 <div />
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant="primary"
                     onClick={handleSave}
                     disabled={!password.trim()}
                   >
-                    Add Password
+                    {t("reverseProxy.addPassword")}
                   </Button>
                 </div>
               </>
diff --git a/src/modules/reverse-proxy/auth/AuthPinModal.tsx b/src/modules/reverse-proxy/auth/AuthPinModal.tsx
index bfe82b5a..f119b3a0 100644
--- a/src/modules/reverse-proxy/auth/AuthPinModal.tsx
+++ b/src/modules/reverse-proxy/auth/AuthPinModal.tsx
@@ -1,9 +1,12 @@
+"use client";
+
 import Button from "@components/Button";
 import { Modal, ModalClose, ModalContent } from "@components/modal/Modal";
 import ModalHeader from "@components/modal/ModalHeader";
 import PinCodeInput from "@components/PinCodeInput";
 import { GradientFadedBackground } from "@components/ui/GradientFadedBackground";
 import React, { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   open: boolean;
@@ -22,6 +25,7 @@ export default function AuthPinModal({
   onSave,
   onRemove,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [pin, setPin] = useState(currentPin);
   const [isMasked, setIsMasked] = useState(isEnabled && currentPin === "");
   const isEditing = isEnabled;
@@ -43,8 +47,8 @@ export default function AuthPinModal({
     <Modal open={open} onOpenChange={onOpenChange}>
       <ModalContent maxWidthClass="max-w-md">
         <ModalHeader
-          title="PIN Code"
-          description="Require a numeric PIN code to access this service."
+          title={t("reverseProxy.authPinTitle")}
+          description={t("reverseProxy.authPinDescription")}
         />
 
         <GradientFadedBackground />
@@ -69,18 +73,18 @@ export default function AuthPinModal({
             {isEditing ? (
               <>
                 <Button variant="danger-text" onClick={handleRemove}>
-                  Remove
+                  {t("reverseProxy.remove")}
                 </Button>
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant="primary"
                     onClick={handleSave}
                     disabled={pin.length !== 6}
                   >
-                    Save
+                    {t("actions.save")}
                   </Button>
                 </div>
               </>
@@ -89,14 +93,14 @@ export default function AuthPinModal({
                 <div />
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button
                     variant="primary"
                     onClick={handleSave}
                     disabled={pin.length !== 6}
                   >
-                    Add PIN
+                    {t("reverseProxy.addPin")}
                   </Button>
                 </div>
               </>
diff --git a/src/modules/reverse-proxy/auth/AuthSSOModal.tsx b/src/modules/reverse-proxy/auth/AuthSSOModal.tsx
index d9bc3c39..55cf9201 100644
--- a/src/modules/reverse-proxy/auth/AuthSSOModal.tsx
+++ b/src/modules/reverse-proxy/auth/AuthSSOModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import { Modal, ModalClose, ModalContent } from "@components/modal/Modal";
 import ModalHeader from "@components/modal/ModalHeader";
@@ -8,6 +10,7 @@ import { Group } from "@/interfaces/Group";
 import { useUsers } from "@/contexts/UsersProvider";
 import Badge from "@components/Badge";
 import { CircleUser } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   open: boolean;
@@ -27,6 +30,7 @@ export default function AuthSSOModal({
   onRemove,
 }: Readonly<Props>) {
   const { users } = useUsers();
+  const { t } = useI18n();
   const [groups, setGroups] = useState<Group[]>(currentGroups);
   const isEditing = isEnabled;
 
@@ -45,8 +49,8 @@ export default function AuthSSOModal({
     <Modal open={open} onOpenChange={onOpenChange}>
       <ModalContent maxWidthClass="max-w-xl">
         <ModalHeader
-          title="SSO (Single Sign-On)"
-          description="Require users to authenticate via SSO to access this service."
+          title={t("reverseProxy.authSsoTitle")}
+          description={t("reverseProxy.authSsoDescription")}
         />
 
         <GradientFadedBackground />
@@ -59,9 +63,9 @@ export default function AuthSSOModal({
               <div className={"flex items-center gap-2"}>
                 <Badge className={"py-[3px]"} variant={"gray-ghost"}>
                   <CircleUser size={12} />
-                  All Users
+                  {t("reverseProxy.allUsers")}
                 </Badge>
-                Select user groups...
+                {t("reverseProxy.selectUserGroups")}
               </div>
             }
             users={users}
@@ -71,14 +75,14 @@ export default function AuthSSOModal({
             {isEditing ? (
               <>
                 <Button variant="danger-text" onClick={handleRemove}>
-                  Remove
+                  {t("reverseProxy.remove")}
                 </Button>
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button variant="primary" onClick={handleSave}>
-                    Save
+                    {t("actions.save")}
                   </Button>
                 </div>
               </>
@@ -87,10 +91,10 @@ export default function AuthSSOModal({
                 <div />
                 <div className="flex gap-3">
                   <ModalClose asChild>
-                    <Button variant="secondary">Cancel</Button>
+                    <Button variant="secondary">{t("common.cancel")}</Button>
                   </ModalClose>
                   <Button variant="primary" onClick={handleSave}>
-                    Add SSO
+                    {t("reverseProxy.addSso")}
                   </Button>
                 </div>
               </>
diff --git a/src/modules/reverse-proxy/domain/CustomDomainModal.tsx b/src/modules/reverse-proxy/domain/CustomDomainModal.tsx
index e3a1a862..8bb2d340 100644
--- a/src/modules/reverse-proxy/domain/CustomDomainModal.tsx
+++ b/src/modules/reverse-proxy/domain/CustomDomainModal.tsx
@@ -16,6 +16,7 @@ import { ExternalLinkIcon, GlobeIcon, ServerIcon } from "lucide-react";
 import * as React from "react";
 import { useMemo, useState } from "react";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   REVERSE_PROXY_CLUSTERS_DOCS_LINK,
   REVERSE_PROXY_CUSTOM_DOMAINS_DOCS_LINK,
@@ -41,6 +42,7 @@ export const CustomDomainModal = ({
   onDomainSubmit,
 }: Props) => {
   const { domains } = useReverseProxies();
+  const { t } = useI18n();
   const [domain, setDomain] = useState("");
   const [selectedCluster, setSelectedCluster] = useState("");
 
@@ -64,10 +66,10 @@ export const CustomDomainModal = ({
       preventLeadingAndTrailingDots: true,
     });
     if (!isValid) {
-      return "Please enter a valid TLD domain, e.g., company.com";
+      return t("reverseProxy.customDomainError");
     }
     return "";
-  }, [domain]);
+  }, [domain, t]);
 
   const isValidDomain = !error && domain.length > 0;
   const canSubmit = isValidDomain && selectedCluster;
@@ -91,8 +93,8 @@ export const CustomDomainModal = ({
       <ModalContent maxWidthClass={"relative max-w-lg"} showClose={true}>
         <ModalHeader
           icon={<GlobeIcon size={20} />}
-          title={"Add Custom Domain"}
-          description={"You will need to verify the domain with DNS records"}
+          title={t("reverseProxy.customDomainModalTitle")}
+          description={t("reverseProxy.customDomainModalDescription")}
           color={"netbird"}
         />
 
@@ -102,29 +104,27 @@ export const CustomDomainModal = ({
           {availableClusters.length === 0 ? (
             isNetBirdHosted() ? (
               <Callout variant={"warning"}>
-                No proxy clusters are currently connected. Please try again in a
-                few minutes. If the issue persists, check{" "}
+                {t("reverseProxy.customDomainNoClusterHosted")}{" "}
                 <InlineLink
                   href={"https://status.netbird.io/"}
                   target={"_blank"}
                 >
-                  NetBird Status
+                  {t("reverseProxy.netbirdStatus")}
                 </InlineLink>{" "}
-                or reach out to{"  "}
+                {t("reverseProxy.customDomainNoClusterHostedSuffix")}{" "}
                 <InlineLink href={"mailto:support@netbird.io"}>
                   support@netbird.io
                 </InlineLink>
               </Callout>
             ) : (
               <Callout variant="warning">
-                No proxy clusters are currently connected. Please ensure at
-                least one proxy is running before adding a domain. <br /> Learn
-                more about{" "}
+                {t("reverseProxy.customDomainNoClusterSelfHosted")} <br />
+                {t("common.learnMorePrefix")}{" "}
                 <InlineLink
                   href={REVERSE_PROXY_CLUSTERS_DOCS_LINK}
                   target={"_blank"}
                 >
-                  Proxy Clusters
+                  {t("reverseProxy.proxyClusters")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </Callout>
@@ -132,7 +132,7 @@ export const CustomDomainModal = ({
           ) : (
             <>
               <div>
-                <Label>Domain</Label>
+                <Label>{t("reverseProxy.domainLabel")}</Label>
                 <Input
                   autoFocus
                   value={domain}
@@ -142,22 +142,22 @@ export const CustomDomainModal = ({
                       addDomain();
                     }
                   }}
-                  placeholder="e.g., company.com"
+                  placeholder={t("reverseProxy.domainPlaceholder")}
                   error={error || undefined}
                 />
               </div>
 
               <div>
-                <Label>Target Proxy Cluster</Label>
+                <Label>{t("reverseProxy.targetProxyCluster")}</Label>
                 <HelpText>
-                  Select the cluster your CNAME record should point to
+                  {t("reverseProxy.targetProxyClusterHelp")}
                 </HelpText>
                 <SelectDropdown
                   showSearch={false}
                   value={selectedCluster}
                   onChange={setSelectedCluster}
                   options={availableClusterOptions}
-                  placeholder={"Select a proxy cluster..."}
+                  placeholder={t("reverseProxy.selectProxyCluster")}
                 />
               </div>
             </>
@@ -166,19 +166,19 @@ export const CustomDomainModal = ({
         <ModalFooter className={"items-center"}>
           <div className={"w-full"}>
             <Paragraph className={"text-sm mt-auto"}>
-              Learn more about
+              {t("common.learnMorePrefix")}
               <InlineLink
                 href={REVERSE_PROXY_CUSTOM_DOMAINS_DOCS_LINK}
                 target={"_blank"}
               >
-                Custom Domains
+                {t("reverseProxy.customDomainsLearnMore")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </Paragraph>
           </div>
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
-              <Button variant={"secondary"}>Cancel</Button>
+              <Button variant={"secondary"}>{t("actions.cancel")}</Button>
             </ModalClose>
 
             <Button
@@ -186,7 +186,7 @@ export const CustomDomainModal = ({
               onClick={addDomain}
               disabled={!canSubmit}
             >
-              Add Domain
+              {t("reverseProxy.addDomain")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/modules/reverse-proxy/domain/CustomDomainSelector.tsx b/src/modules/reverse-proxy/domain/CustomDomainSelector.tsx
index b647a156..9a7dc890 100644
--- a/src/modules/reverse-proxy/domain/CustomDomainSelector.tsx
+++ b/src/modules/reverse-proxy/domain/CustomDomainSelector.tsx
@@ -8,6 +8,7 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 import { useMemo } from "react";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ReverseProxyDomainType } from "@/interfaces/ReverseProxy";
 import { isNetBirdHosted } from "@utils/netbird";
 
@@ -26,6 +27,7 @@ export function CustomDomainSelector({
 }: DomainSelectorProps) {
   const router = useRouter();
   const { domains } = useReverseProxies();
+  const { t } = useI18n();
 
   const options: SelectOption[] = useMemo(() => {
     const opts: SelectOption[] = [];
@@ -43,9 +45,9 @@ export function CustomDomainSelector({
                 <span>.{domain.domain}</span>
               </div>
               {isNetBirdHosted() ? (
-                <SmallBadge text="Free" variant="green" size="md" />
+                <SmallBadge text={t("reverseProxy.freeBadge")} variant="green" size="md" />
               ) : (
-                <SmallBadge text="Cluster" variant="green" size="md" />
+                <SmallBadge text={t("reverseProxy.clusterBadge")} variant="green" size="md" />
               )}
             </div>
           ),
@@ -62,7 +64,7 @@ export function CustomDomainSelector({
           renderItem: () => (
             <div className="flex items-center gap-2 w-full text-sm justify-between">
               <span>.{domain.domain}</span>
-              <SmallBadge text="Custom" variant="sky" size="md" />
+              <SmallBadge text={t("reverseProxy.customBadge")} variant="sky" size="md" />
             </div>
           ),
         });
@@ -71,11 +73,11 @@ export function CustomDomainSelector({
     // Add "Add Custom Domain" option
     opts.push({
       value: "add_custom",
-      label: "Add Custom Domain",
+      label: t("reverseProxy.customDomainSelectorAdd"),
       renderItem: () => (
         <div className="flex items-center justify-between gap-2 text-netbird text-sm w-full">
           <div className={"flex items-center gap-2"}>
-            <span>Add Custom Domain</span>
+            <span>{t("reverseProxy.customDomainSelectorAdd")}</span>
           </div>
           <ArrowUpRight size={16} />
         </div>
@@ -83,7 +85,7 @@ export function CustomDomainSelector({
     });
 
     return opts;
-  }, [domains]);
+  }, [domains, t]);
 
   const handleChange = (selectedValue: string) => {
     if (selectedValue === "add_custom") {
@@ -100,9 +102,9 @@ export function CustomDomainSelector({
       options={options}
       popoverWidth={335}
       showSearch={true}
-      searchPlaceholder="Search domains..."
+      searchPlaceholder={t("reverseProxy.searchDomains")}
       disabled={disabled}
-      placeholder="Select domain..."
+      placeholder={t("reverseProxy.selectDomain")}
       className={className}
     />
   );
diff --git a/src/modules/reverse-proxy/domain/CustomDomainVerificationModal.tsx b/src/modules/reverse-proxy/domain/CustomDomainVerificationModal.tsx
index c02f6442..526898f3 100644
--- a/src/modules/reverse-proxy/domain/CustomDomainVerificationModal.tsx
+++ b/src/modules/reverse-proxy/domain/CustomDomainVerificationModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import Card from "@components/Card";
 import {
@@ -23,6 +25,7 @@ import {
 import Paragraph from "@components/Paragraph";
 import InlineLink from "@components/InlineLink";
 import { isNetBirdHosted } from "@/utils/netbird";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   open: boolean;
@@ -40,6 +43,7 @@ export const CustomDomainVerificationModal = ({
   targetCluster,
 }: Props) => {
   const { domains } = useReverseProxies();
+  const { t } = useI18n();
 
   const handleStartVerification = () => {
     onStartVerification(domain);
@@ -59,22 +63,27 @@ export const CustomDomainVerificationModal = ({
         <GradientFadedBackground />
         <ModalHeader
           icon={<GlobeIcon size={20} />}
-          title={"Verify Domain"}
-          description={domain.domain}
+          title={t("reverseProxy.verifyDomainTitle")}
+          description={t("reverseProxy.verifyDomainDescription", {
+            domain: domain.domain,
+          })}
           color={"netbird"}
         />
         <div className={"px-8 flex flex-col gap-0 pb-6"}>
           <Steps className={"pt-0 stepper-bg-variant"}>
             <Steps.Step step={1}>
-              <p className={"font-normal"}>
-                Sign in to your domain name provider (e.g. cloudflare.com or
-                godaddy.com)
-              </p>
+              <p className={"font-normal"}>{t("reverseProxy.verifyStepLogin")}</p>
             </Steps.Step>
             <Steps.Step step={2} line={false}>
               <p className={"font-normal"}>
-                Add the <Mark>CNAME record</Mark> below to your DNS
-                configuration for <Mark>{domain.domain}</Mark>
+                {t("reverseProxy.verifyStepAdd", { domain: domain.domain })
+                  .split("CNAME")
+                  .map((part, index, arr) => (
+                    <React.Fragment key={`${part}-${index}`}>
+                      {part}
+                      {index < arr.length - 1 && <Mark>CNAME</Mark>}
+                    </React.Fragment>
+                  ))}
               </p>
             </Steps.Step>
           </Steps>
@@ -82,30 +91,28 @@ export const CustomDomainVerificationModal = ({
             {!cnameTarget ? (
               isNetBirdHosted() ? (
                 <Callout variant={"warning"}>
-                  No proxy clusters are currently connected. Please try again in
-                  a few minutes. If the issue persists, check{" "}
+                  {t("reverseProxy.customDomainNoClusterHosted")}{" "}
                   <InlineLink
                     href={"https://status.netbird.io/"}
                     target={"_blank"}
                   >
-                    NetBird Status
+                    {t("reverseProxy.netbirdStatus")}
                   </InlineLink>{" "}
-                  or reach out to{"  "}
+                  {t("reverseProxy.customDomainNoClusterHostedSuffix")}{" "}
                   <InlineLink href={"mailto:support@netbird.io"}>
                     support@netbird.io
                   </InlineLink>
                 </Callout>
               ) : (
                 <Callout variant={"warning"}>
-                  No proxy clusters are currently connected. Please ensure at
-                  least one proxy is running to configure DNS verification.{" "}
+                  {t("reverseProxy.customDomainNoClusterSelfHosted")}{" "}
                   <br />
-                  Learn more about{" "}
+                  {t("common.learnMorePrefix")}{" "}
                   <InlineLink
                     href={REVERSE_PROXY_CLUSTERS_DOCS_LINK}
                     target={"_blank"}
                   >
-                    Proxy Clusters
+                    {t("reverseProxy.proxyClusters")}
                     <ExternalLinkIcon size={12} />
                   </InlineLink>
                 </Callout>
@@ -117,13 +124,13 @@ export const CustomDomainVerificationModal = ({
                     <Card.ListItem
                       copy
                       copyText={`*.${domain.domain}`}
-                      label={"CNAME Record"}
+                      label={t("reverseProxy.cnameRecord")}
                       value={`*.${domain.domain}`}
                     />
                     <Card.ListItem
                       copy
                       copyText={cnameTarget}
-                      label={"CNAME Content"}
+                      label={t("reverseProxy.cnameContent")}
                       value={cnameTarget}
                     />
                   </Card.List>
@@ -132,17 +139,15 @@ export const CustomDomainVerificationModal = ({
                 {!targetCluster && freeDomains.length > 1 && (
                   <Callout variant={"info"}>
                     <span className="font-medium">
-                      Available proxy clusters:
+                      {t("reverseProxy.availableClusters")}
                     </span>{" "}
-                    {freeDomains.map((d) => d.domain).join(", ")}. Choose the
-                    cluster closest to your users for best performance.
+                    {freeDomains.map((d) => d.domain).join(", ")}.{" "}
+                    {t("reverseProxy.availableClustersHelp")}
                   </Callout>
                 )}
 
                 <Callout variant={"warning"}>
-                  DNS changes may take some time to propagate. If NetBird does
-                  not find the record immediately, please wait up to 24 hours
-                  and try again.
+                  {t("reverseProxy.pendingVerificationHelp")}
                 </Callout>
               </>
             )}
@@ -151,19 +156,21 @@ export const CustomDomainVerificationModal = ({
         <ModalFooter className={"items-center"}>
           <div className={"w-full"}>
             <Paragraph className={"text-sm mt-auto"}>
-              Learn more about
+              {t("common.learnMorePrefix")}
               <InlineLink
                 href={REVERSE_PROXY_DOMAIN_VERIFICATION_LINK}
                 target={"_blank"}
               >
-                Domain Verification
+                {t("reverseProxy.domainVerification")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </Paragraph>
           </div>
           <div className={"flex gap-3 w-full justify-end"}>
             <ModalClose asChild={true}>
-              <Button variant={"secondary"}>Verify Later</Button>
+              <Button variant={"secondary"}>
+                {t("reverseProxy.verifyLater")}
+              </Button>
             </ModalClose>
 
             <Button
@@ -171,7 +178,7 @@ export const CustomDomainVerificationModal = ({
               onClick={handleStartVerification}
               disabled={!cnameTarget}
             >
-              Start Verification
+              {t("reverseProxy.startVerification")}
             </Button>
           </div>
         </ModalFooter>
diff --git a/src/modules/reverse-proxy/domain/CustomDomainsTable.tsx b/src/modules/reverse-proxy/domain/CustomDomainsTable.tsx
index 1423a8ef..bbee8002 100644
--- a/src/modules/reverse-proxy/domain/CustomDomainsTable.tsx
+++ b/src/modules/reverse-proxy/domain/CustomDomainsTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Badge from "@components/Badge";
 import Button from "@components/Button";
 import ButtonGroup from "@components/ButtonGroup";
@@ -25,6 +27,7 @@ import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   REVERSE_PROXY_DOCS_LINK,
   ReverseProxyDomain,
@@ -34,40 +37,47 @@ import CustomDomainClusterCell from "@/modules/reverse-proxy/domain/CustomDomain
 import { CustomDomainModal } from "./CustomDomainModal";
 import { CustomDomainVerificationModal } from "./CustomDomainVerificationModal";
 
-const CustomDomainsColumns: ColumnDef<ReverseProxyDomain>[] = [
-  {
-    accessorKey: "domain",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Domain</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <CustomDomainNameCell domain={row.original} />,
-  },
-  {
-    accessorKey: "validated",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Status</DataTableHeader>;
-    },
-    filterFn: "exactMatch",
-    cell: ({ row }) => <CustomDomainStatusCell domain={row.original} />,
-  },
-  {
-    accessorKey: "target_cluster",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Cluster</DataTableHeader>;
-    },
-    cell: ({ row }) => <CustomDomainClusterCell domain={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <CustomDomainActionCell domain={row.original} />,
-  },
-  {
-    id: "searchString",
-    accessorFn: (row) => row.domain,
-  },
-];
+function useCustomDomainsColumns() {
+  const { t } = useI18n();
+
+  return useMemo<ColumnDef<ReverseProxyDomain>[]>(
+    () => [
+      {
+        accessorKey: "domain",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("reverseProxy.domain")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <CustomDomainNameCell domain={row.original} />,
+      },
+      {
+        accessorKey: "validated",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>;
+        },
+        filterFn: "exactMatch",
+        cell: ({ row }) => <CustomDomainStatusCell domain={row.original} />,
+      },
+      {
+        accessorKey: "target_cluster",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("reverseProxy.cluster")}</DataTableHeader>;
+        },
+        cell: ({ row }) => <CustomDomainClusterCell domain={row.original} />,
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ row }) => <CustomDomainActionCell domain={row.original} />,
+      },
+      {
+        id: "searchString",
+        accessorFn: (row) => row.domain,
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   headingTarget?: HTMLHeadingElement | null;
@@ -79,6 +89,8 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
   const { permission } = usePermissions();
   const { domains, isLoadingDomains, createDomain, validateDomain } =
     useReverseProxies();
+  const { t } = useI18n();
+  const columns = useCustomDomainsColumns();
 
   const [addModalOpen, setAddModalOpen] = useState(false);
   const [verificationModalOpen, setVerificationModalOpen] = useState(false);
@@ -96,7 +108,6 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
     ],
   );
 
-  // Filter out free domains - only show custom domains
   const data = useMemo(() => {
     if (!domains) return [];
     return domains.filter((d) => d.type !== ReverseProxyDomainType.FREE);
@@ -134,13 +145,13 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
         inset={false}
         initialPageSize={10000}
         keepStateInLocalStorage={false}
-        text={"Domains"}
+        text={t("reverseProxy.customDomainsTitle")}
         sorting={sorting}
         setSorting={setSorting}
-        columns={CustomDomainsColumns}
+        columns={columns}
         data={data}
         useRowId={true}
-        searchPlaceholder={"Search by domain..."}
+        searchPlaceholder={t("reverseProxy.customDomainsSearch")}
         columnVisibility={{ searchString: false }}
         getStartedCard={
           <GetStartedTest
@@ -151,10 +162,8 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
                 size={"large"}
               />
             }
-            title={"Add Custom Domains"}
-            description={
-              "Use your own domains with NetBird's reverse proxy. To get started, add a CNAME record that points to a cluster and verify domain ownership."
-            }
+            title={t("reverseProxy.customDomainsEmptyTitle")}
+            description={t("reverseProxy.customDomainsEmptyDescription")}
             button={
               <Button
                 variant={"primary"}
@@ -163,14 +172,14 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
                 disabled={!permission?.services?.create}
               >
                 <PlusCircle size={16} />
-                Add Domain
+                {t("reverseProxy.addDomain")}
               </Button>
             }
             learnMore={
               <>
-                Learn more about
+                {t("common.learnMorePrefix")}
                 <InlineLink href={REVERSE_PROXY_DOCS_LINK} target={"_blank"}>
-                  Custom Domains
+                  {t("reverseProxy.customDomainsLearnMore")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </>
@@ -179,7 +188,7 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
         }
         rightSide={() => (
           <>
-            {data && data?.length > 0 && (
+            {data && data.length > 0 && (
               <Button
                 variant={"primary"}
                 className={"ml-auto"}
@@ -187,7 +196,7 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
                 disabled={!permission?.services?.create}
               >
                 <PlusCircle size={16} />
-                Add Domain
+                {t("reverseProxy.addDomain")}
               </Button>
             )}
           </>
@@ -208,7 +217,7 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
                     : "secondary"
                 }
               >
-                All
+                {t("filters.all")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -222,7 +231,7 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
                     : "secondary"
                 }
               >
-                Pending
+                {t("reverseProxy.pending")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -236,7 +245,7 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
                     : "secondary"
                 }
               >
-                Active
+                {t("table.active")}
               </ButtonGroup.Button>
             </ButtonGroup>
             <DataTableRefreshButton
@@ -252,8 +261,6 @@ export default function CustomDomainsTable({ headingTarget }: Readonly<Props>) {
   );
 }
 
-// Cell Components
-
 type CellProps = {
   domain: ReverseProxyDomain;
 };
@@ -272,6 +279,7 @@ function CustomDomainNameCell({ domain }: Readonly<CellProps>) {
 function CustomDomainStatusCell({ domain }: Readonly<CellProps>) {
   const { permission } = usePermissions();
   const { validateDomain } = useReverseProxies();
+  const { t } = useI18n();
   const [verificationModalOpen, setVerificationModalOpen] = useState(false);
   const isValidated = domain.validated;
 
@@ -279,7 +287,7 @@ function CustomDomainStatusCell({ domain }: Readonly<CellProps>) {
     return (
       <div className={cn("flex gap-2.5 items-center text-nb-gray-300 text-sm")}>
         <span className="h-2 w-2 rounded-full bg-green-500"></span>
-        Active
+        {t("table.active")}
       </div>
     );
   }
@@ -293,15 +301,13 @@ function CustomDomainStatusCell({ domain }: Readonly<CellProps>) {
         <FullTooltip
           content={
             <div className={"text-xs max-w-xs"}>
-              DNS changes may take some time to propagate. If NetBird does not
-              find the record immediately, please wait up to 24 hours and try
-              again.
+              {t("reverseProxy.pendingVerificationHelp")}
             </div>
           }
           interactive={false}
         >
           <Badge variant={"yellow"} className={"cursor-help"}>
-            Pending Verification
+            {t("reverseProxy.pendingVerification")}
             <HelpCircle size={12} />
           </Badge>
         </FullTooltip>
@@ -313,7 +319,7 @@ function CustomDomainStatusCell({ domain }: Readonly<CellProps>) {
           disabled={!permission?.services?.update}
         >
           <ShieldCheckIcon size={14} />
-          Verify Domain
+          {t("reverseProxy.verifyDomain")}
         </Button>
       </div>
 
@@ -331,6 +337,7 @@ function CustomDomainStatusCell({ domain }: Readonly<CellProps>) {
 function CustomDomainActionCell({ domain }: Readonly<CellProps>) {
   const { permission } = usePermissions();
   const { deleteDomain } = useReverseProxies();
+  const { t } = useI18n();
 
   return (
     <div
@@ -344,7 +351,7 @@ function CustomDomainActionCell({ domain }: Readonly<CellProps>) {
         disabled={!permission?.services?.delete}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/reverse-proxy/domain/ReverseProxyDomainInput.tsx b/src/modules/reverse-proxy/domain/ReverseProxyDomainInput.tsx
index 982fbeec..5946932e 100644
--- a/src/modules/reverse-proxy/domain/ReverseProxyDomainInput.tsx
+++ b/src/modules/reverse-proxy/domain/ReverseProxyDomainInput.tsx
@@ -6,6 +6,7 @@ import React from "react";
 import { CustomDomainSelector } from "./CustomDomainSelector";
 import { isNetBirdHosted } from "@utils/netbird";
 import InlineLink from "@components/InlineLink";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   subdomain: string;
@@ -28,13 +29,15 @@ export default function ReverseProxyDomainInput({
   subdomainRequired = false,
   clusterOffline,
 }: Readonly<Props>) {
+  const { t } = useI18n();
+
   return (
     <div>
-      <Label>Domain</Label>
+      <Label>{t("reverseProxy.domain")}</Label>
       <HelpText>
         {subdomainRequired
-          ? "Enter a subdomain and select a domain for your service."
-          : "Optionally enter a subdomain, or use the domain directly."}
+          ? t("reverseProxy.domainInputRequiredHelp")
+          : t("reverseProxy.domainInputOptionalHelp")}
       </HelpText>
       <div className="flex items-start mt-2">
         <div className="flex-1 min-w-0">
@@ -48,10 +51,14 @@ export default function ReverseProxyDomainInput({
             }}
             error={
               domainAlreadyExists
-                ? "This domain is already used by another service."
+                ? t("reverseProxy.domainAlreadyUsed")
                 : undefined
             }
-            placeholder={subdomainRequired ? "myapp" : "myapp (optional)"}
+            placeholder={
+              subdomainRequired
+                ? t("reverseProxy.subdomainPlaceholder")
+                : t("reverseProxy.subdomainOptionalPlaceholder")
+            }
             className="!rounded-r-none !border-r-0"
           />
         </div>
@@ -67,20 +74,22 @@ export default function ReverseProxyDomainInput({
       {clusterOffline &&
         (isNetBirdHosted() ? (
           <Callout variant={"warning"} className={"mt-3"}>
-            Cluster {clusterOffline.clusterName} is offline. Please try again in
-            a few minutes. If the issue persists, check{" "}
+            {t("reverseProxy.clusterOfflineHostedPrefix", {
+              clusterName: clusterOffline.clusterName,
+            })}{" "}
             <InlineLink href={"https://status.netbird.io/"} target={"_blank"}>
-              NetBird Status
+              {t("reverseProxy.netbirdStatus")}
             </InlineLink>{" "}
-            or reach out to{"  "}
+            {t("reverseProxy.clusterOfflineHostedMiddle")}{" "}
             <InlineLink href={"mailto:support@netbird.io"}>
               support@netbird.io
             </InlineLink>
           </Callout>
         ) : (
           <Callout variant={"error"} className={"mt-3"}>
-            Cluster {clusterOffline.clusterName} is offline. Make sure the proxy
-            server is running and connected to the right management address.
+            {t("reverseProxy.clusterOfflineSelfHosted", {
+              clusterName: clusterOffline.clusterName,
+            })}
           </Callout>
         ))}
     </div>
diff --git a/src/modules/reverse-proxy/events/ReverseProxyEventsAuthMethodCell.tsx b/src/modules/reverse-proxy/events/ReverseProxyEventsAuthMethodCell.tsx
index 798ca9f6..8c9231cc 100644
--- a/src/modules/reverse-proxy/events/ReverseProxyEventsAuthMethodCell.tsx
+++ b/src/modules/reverse-proxy/events/ReverseProxyEventsAuthMethodCell.tsx
@@ -10,6 +10,7 @@ import {
   Users,
 } from "lucide-react";
 import * as React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ReverseProxyEvent } from "@/interfaces/ReverseProxy";
 
 type Props = {
@@ -17,6 +18,7 @@ type Props = {
 };
 
 export const ReverseProxyEventsAuthMethodCell = ({ event }: Props) => {
+  const { t } = useI18n();
   const authMethod = event.auth_method_used;
 
   if (!authMethod) {
@@ -30,44 +32,44 @@ export const ReverseProxyEventsAuthMethodCell = ({ event }: Props) => {
       case "bearer":
         return {
           icon: <Users size={12} />,
-          label: "SSO",
+          label: t("reverseProxy.authMethodSso"),
         };
       case "password":
         return {
           icon: <RectangleEllipsis size={12} />,
-          label: "Password",
+          label: t("reverseProxy.authMethodPassword"),
         };
       case "pin":
         return {
           icon: <Binary size={12} />,
-          label: "PIN Code",
+          label: t("reverseProxy.authMethodPin"),
         };
       case "header":
         return {
           icon: <FileCode2Icon size={12} />,
-          label: "HTTP Headers",
+          label: t("reverseProxy.authMethodHeaders"),
         };
       case "link":
       case "magic_link":
       case "magic-link":
         return {
           icon: <Mail size={12} />,
-          label: "Magic Link",
+          label: t("reverseProxy.authMethodMagicLink"),
         };
       case "ip_restricted":
         return {
           icon: <Network size={12} />,
-          label: "IP Restricted",
+          label: t("reverseProxy.authMethodIpRestricted"),
         };
       case "country_restricted":
         return {
           icon: <Flag size={12} />,
-          label: "Country Restricted",
+          label: t("reverseProxy.authMethodCountryRestricted"),
         };
       case "geo_unavailable":
         return {
           icon: <GlobeOff size={12} />,
-          label: "Geo Unavailable",
+          label: t("reverseProxy.authMethodGeoUnavailable"),
         };
       default:
         return {
diff --git a/src/modules/reverse-proxy/events/ReverseProxyEventsTable.tsx b/src/modules/reverse-proxy/events/ReverseProxyEventsTable.tsx
index f4a7ce76..284d6e05 100644
--- a/src/modules/reverse-proxy/events/ReverseProxyEventsTable.tsx
+++ b/src/modules/reverse-proxy/events/ReverseProxyEventsTable.tsx
@@ -34,15 +34,20 @@ import { ReverseProxyEventsAuthMethodCell } from "@/modules/reverse-proxy/events
 import { ReverseProxyEventsReasonCell } from "@/modules/reverse-proxy/events/ReverseProxyEventsReasonCell";
 import { ReverseProxyEventsDurationCell } from "@/modules/reverse-proxy/events/ReverseProxyEventsDurationCell";
 import { ReverseProxyEventsBytesCell } from "@/modules/reverse-proxy/events/ReverseProxyEventsBytesCell";
+import { useI18n } from "@/i18n/I18nProvider";
+import type { MessageKey } from "@/i18n/messages";
+
+type TranslationValues = Record<string, string | number>;
 
 export const makeEventsColumns = (
   servicesMap: Map<string, ReverseProxy>,
+  t: (key: MessageKey, values?: TranslationValues) => string,
 ): ColumnDef<ReverseProxyEvent>[] => [
   {
     id: "timestamp",
     header: ({ column }) => (
       <DataTableHeader column={column} name="timestamp">
-        Time
+        {t("proxyEvents.time")}
       </DataTableHeader>
     ),
     cell: ({ row }) => (
@@ -58,7 +63,7 @@ export const makeEventsColumns = (
       `${row.source_ip} ${row.city_name || ""} ${row.country_code || ""}`,
     header: ({ column }) => (
       <DataTableHeader column={column} name="source_ip">
-        Location / IP
+        {t("proxyEvents.locationIp")}
       </DataTableHeader>
     ),
     cell: ({ row }) => (
@@ -70,7 +75,7 @@ export const makeEventsColumns = (
     accessorKey: "method",
     header: ({ column }) => (
       <DataTableHeader column={column} name="method">
-        Method
+        {t("proxyEvents.method")}
       </DataTableHeader>
     ),
     cell: ({ row }) => <ReverseProxyEventsMethodCell event={row.original} />,
@@ -81,7 +86,7 @@ export const makeEventsColumns = (
     accessorFn: (row) => `${row.host} ${row.path || ""}`,
     header: ({ column }) => (
       <DataTableHeader column={column} name="url" sorting={false}>
-        Host / URL
+        {t("proxyEvents.hostUrl")}
       </DataTableHeader>
     ),
     cell: ({ row }) => (
@@ -96,7 +101,7 @@ export const makeEventsColumns = (
     accessorKey: "status_code",
     header: ({ column }) => (
       <DataTableHeader column={column} name="status_code">
-        Status
+        {t("table.status")}
       </DataTableHeader>
     ),
     cell: ({ row }) => <ReverseProxyEventsStatusCell event={row.original} />,
@@ -113,7 +118,7 @@ export const makeEventsColumns = (
     accessorKey: "duration_ms",
     header: ({ column }) => (
       <DataTableHeader column={column} name="duration">
-        Duration
+        {t("proxyEvents.duration")}
       </DataTableHeader>
     ),
     cell: ({ row }) => <ReverseProxyEventsDurationCell event={row.original} />,
@@ -123,7 +128,7 @@ export const makeEventsColumns = (
     accessorFn: (row) => (row.bytes_download ?? 0) + (row.bytes_upload ?? 0),
     header: ({ column }) => (
       <DataTableHeader column={column} sorting={false}>
-        Bytes
+        {t("proxyEvents.bytes")}
       </DataTableHeader>
     ),
     cell: ({ row }) => <ReverseProxyEventsBytesCell event={row.original} />,
@@ -133,7 +138,7 @@ export const makeEventsColumns = (
     accessorKey: "auth_method_used",
     header: ({ column }) => (
       <DataTableHeader column={column} name="auth_method">
-        Auth Method
+        {t("proxyEvents.authMethod")}
       </DataTableHeader>
     ),
     cell: ({ row }) => (
@@ -145,7 +150,7 @@ export const makeEventsColumns = (
     accessorKey: "reason",
     header: ({ column }) => (
       <DataTableHeader column={column} name="reason">
-        Reason
+        {t("proxyEvents.reason")}
       </DataTableHeader>
     ),
     cell: ({ row }) => <ReverseProxyEventsReasonCell event={row.original} />,
@@ -155,7 +160,7 @@ export const makeEventsColumns = (
     accessorFn: (row) => row.user_id || "",
     header: ({ column }) => (
       <DataTableHeader column={column} name="user_id">
-        User
+        {t("table.user")}
       </DataTableHeader>
     ),
     cell: ({ row }) => <ReverseProxyEventsUserCell event={row.original} />,
@@ -172,6 +177,7 @@ type Props = {
 export default function ReverseProxyEventsTable({
   headingTarget,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const {
     data: events,
     isLoading,
@@ -194,7 +200,7 @@ export default function ReverseProxyEventsTable({
     return map;
   }, [services]);
 
-  const columns = useMemo(() => makeEventsColumns(servicesMap), [servicesMap]);
+  const columns = useMemo(() => makeEventsColumns(servicesMap, t), [servicesMap, t]);
 
   const activeStatus = getFilter("status");
 
@@ -237,12 +243,12 @@ export default function ReverseProxyEventsTable({
       isLoading={isLoading}
       inset={false}
       tableCellClassName={"py-1 px-2"}
-      text={"Proxy Events"}
+      text={t("proxyEvents.title")}
       sorting={sorting}
       setSorting={setSorting}
       columns={columns}
       columnVisibility={{ is_success: false, id: false }}
-      searchPlaceholder={"Search by IP, host, path, user..."}
+      searchPlaceholder={t("proxyEvents.searchPlaceholder")}
       getStartedCard={
         <GetStartedTest
           icon={
@@ -254,18 +260,16 @@ export default function ReverseProxyEventsTable({
               size={"large"}
             />
           }
-          title={"No Proxy Events Yet"}
-          description={
-            "We haven't detected any proxy events yet. This could be because you haven't configured any reverse proxy services, or there hasn't been any traffic."
-          }
+          title={t("proxyEvents.emptyTitle")}
+          description={t("proxyEvents.emptyDescription")}
           learnMore={
             <>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink
                 href={REVERSE_PROXY_EVENTS_DOCS_LINK}
                 target={"_blank"}
               >
-                Proxy Events
+                {t("proxyEvents.title")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </>
@@ -280,19 +284,19 @@ export default function ReverseProxyEventsTable({
               onClick={() => setFilter("status", undefined)}
               variant={activeStatus === undefined ? "tertiary" : "secondary"}
             >
-              All
+              {t("filters.all")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => setFilter("status", "success")}
               variant={activeStatus === "success" ? "tertiary" : "secondary"}
             >
-              Success
+              {t("proxyEvents.success")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => setFilter("status", "failed")}
               variant={activeStatus === "failed" ? "tertiary" : "secondary"}
             >
-              Failed
+              {t("proxyEvents.failed")}
             </ButtonGroup.Button>
           </ButtonGroup>
 
diff --git a/src/modules/reverse-proxy/table/ReverseProxyActionCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyActionCell.tsx
index 58ff2184..0985c5ef 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyActionCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyActionCell.tsx
@@ -9,6 +9,7 @@ import { MoreVertical, SquarePenIcon, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ReverseProxy } from "@/interfaces/ReverseProxy";
 
 type Props = {
@@ -20,6 +21,7 @@ export default function ReverseProxyActionCell({
 }: Readonly<Props>) {
   const { permission } = usePermissions();
   const { openModal, handleDelete } = useReverseProxies();
+  const { t } = useI18n();
 
   return (
     <div className={"flex justify-end pr-4"}>
@@ -37,7 +39,6 @@ export default function ReverseProxyActionCell({
         </DropdownMenuTrigger>
         <DropdownMenuContent className="w-auto" align="end">
           <DropdownMenuItem
-            data-proxy-edit-action={reverseProxy.id}
             onClick={(e) => {
               e.stopPropagation();
               openModal({ proxy: reverseProxy });
@@ -46,7 +47,7 @@ export default function ReverseProxyActionCell({
           >
             <div className={"flex gap-3 items-center"}>
               <SquarePenIcon size={14} className={"shrink-0"} />
-              Edit
+              {t("actions.edit")}
             </div>
           </DropdownMenuItem>
 
@@ -60,7 +61,7 @@ export default function ReverseProxyActionCell({
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Delete
+              {t("actions.delete")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/reverse-proxy/table/ReverseProxyActiveCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyActiveCell.tsx
index 55560ca0..036518f4 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyActiveCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyActiveCell.tsx
@@ -15,7 +15,7 @@ export default function ReverseProxyActiveCell({
   const { handleToggle } = useReverseProxies();
 
   return (
-    <div className={"flex min-w-[0px]"} data-active-cell>
+    <div className={"flex min-w-[0px]"}>
       <ToggleSwitch
         disabled={!permission?.services?.update}
         checked={reverseProxy.enabled}
diff --git a/src/modules/reverse-proxy/table/ReverseProxyAuthCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyAuthCell.tsx
index cc554daa..f5ef43f9 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyAuthCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyAuthCell.tsx
@@ -15,7 +15,6 @@ import {
   HelpCircle,
   LockKeyhole,
   LockOpenIcon,
-  LucideIcon,
   RectangleEllipsis,
   Settings,
   Users,
@@ -24,31 +23,11 @@ import * as React from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { isL4Mode, ReverseProxy } from "@/interfaces/ReverseProxy";
 import FullTooltip from "@components/FullTooltip";
 
-const AUTH_METHODS: {
-  key: "password_auth" | "pin_auth" | "bearer_auth";
-  label: string;
-  hoverLabel: string;
-  Icon: LucideIcon;
-}[] = [
-  {
-    key: "password_auth",
-    label: "Password",
-    hoverLabel: "Password",
-    Icon: RectangleEllipsis,
-  },
-  { key: "pin_auth", label: "PIN Code", hoverLabel: "PIN Code", Icon: Binary },
-  {
-    key: "bearer_auth",
-    label: "SSO",
-    hoverLabel: "SSO (Single Sign On)",
-    Icon: Users,
-  },
-];
-
 const HEADER_AUTH_METHOD = {
   label: "HTTP Headers",
   hoverLabel: "HTTP Headers",
@@ -62,6 +41,7 @@ type Props = {
 export default function ReverseProxyAuthCell({
   reverseProxy,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { openModal } = useReverseProxies();
   const { groups } = useGroups();
@@ -72,13 +52,12 @@ export default function ReverseProxyAuthCell({
         <FullTooltip
           content={
             <div className={"flex text-xs max-w-[340px]"}>
-              Auth methods are not supported for TCP/UDP and TLS passthrough
-              services as they operate at the network layer.
+              {t("reverseProxy.authNotSupported")}
             </div>
           }
         >
           <Badge variant={"gray"}>
-            N/A
+            {t("remoteAccess.notAvailable")}
             <HelpCircle size={12} />
           </Badge>
         </FullTooltip>
@@ -87,8 +66,28 @@ export default function ReverseProxyAuthCell({
   }
 
   const auth = reverseProxy.auth;
+  const authMethods = [
+    {
+      key: "password_auth" as const,
+      label: t("reverseProxy.authMethodPassword"),
+      hoverLabel: t("reverseProxy.authMethodPassword"),
+      Icon: RectangleEllipsis,
+    },
+    {
+      key: "pin_auth" as const,
+      label: t("reverseProxy.authMethodPin"),
+      hoverLabel: t("reverseProxy.authMethodPin"),
+      Icon: Binary,
+    },
+    {
+      key: "bearer_auth" as const,
+      label: t("reverseProxy.authMethodSso"),
+      hoverLabel: t("reverseProxy.authMethodSsoFull"),
+      Icon: Users,
+    },
+  ];
 
-  const enabled = AUTH_METHODS.filter((m) => auth?.[m.key]?.enabled);
+  const enabled = authMethods.filter((m) => auth?.[m.key]?.enabled);
   const hasHeaderAuths = (auth?.header_auths ?? []).some((h) => h.enabled);
   const authCount = enabled.length + (hasHeaderAuths ? 1 : 0);
 
@@ -103,7 +102,11 @@ export default function ReverseProxyAuthCell({
     authCount === 1
       ? enabled.length === 1
         ? enabled[0]
-        : HEADER_AUTH_METHOD
+      : {
+          ...HEADER_AUTH_METHOD,
+          label: t("reverseProxy.authMethodHeaders"),
+          hoverLabel: t("reverseProxy.authMethodHeaders"),
+        }
       : null;
   const SingleAuthIcon = singleAuth?.Icon ?? null;
 
@@ -112,9 +115,7 @@ export default function ReverseProxyAuthCell({
       variant={"gray"}
       useHover={false}
       disabled={!canConfigure}
-      className={
-        "cursor-pointer !rounded-r-none !border-r-0 !h-[34px] min-w-[100px] !justify-start hover:bg-nb-gray-930 transition-all"
-      }
+      className={"cursor-pointer !rounded-r-none !border-r-0 !h-[34px] min-w-[100px] !justify-start hover:bg-nb-gray-930 transition-all"}
     >
       <SingleAuthIcon size={12} className="text-green-500" />
       <span className={"font-medium text-xs"}>{singleAuth!.label}</span>
@@ -124,30 +125,25 @@ export default function ReverseProxyAuthCell({
       variant={"gray"}
       useHover={false}
       disabled={!canConfigure}
-      className={
-        "cursor-pointer !rounded-r-none !border-r-0 !h-[34px] min-w-[100px] !justify-start hover:bg-nb-gray-930 transition-all"
-      }
+      className={"cursor-pointer !rounded-r-none !border-r-0 !h-[34px] min-w-[100px] !justify-start hover:bg-nb-gray-930 transition-all"}
     >
       <LockKeyhole size={12} className="text-green-500" />
-      <span className={"font-medium text-xs"}>{authCount} Enabled</span>
+      <span className={"font-medium text-xs"}>
+        {t("reverseProxy.authEnabledCount", { count: authCount })}
+      </span>
     </Badge>
   ) : null;
 
   const showAuthHover =
-    authCount > 1 ||
-    (authCount === 1 && (auth?.bearer_auth?.enabled || hasHeaderAuths));
+    authCount > 1 || (authCount === 1 && (auth?.bearer_auth?.enabled || hasHeaderAuths));
 
   return (
-    <div
-      className={"flex"}
-      data-auth-cell
-      onClick={(e) => {
-        e.stopPropagation();
-        if (permission?.services?.update) {
-          openModal({ proxy: reverseProxy, initialTab: "auth" });
-        }
-      }}
-    >
+    <div className={"flex"} onClick={(e) => {
+      e.stopPropagation();
+      if (permission?.services?.update) {
+        openModal({ proxy: reverseProxy, initialTab: "auth" });
+      }
+    }}>
       <div className={"flex items-center"}>
         {authBadge ? (
           <HoverCard openDelay={200} closeDelay={100}>
@@ -168,8 +164,8 @@ export default function ReverseProxyAuthCell({
                       value={
                         <div className={"text-green-500"}>
                           {key === "bearer_auth" && ssoGroups.length === 0
-                            ? "All Users"
-                            : "Enabled"}
+                            ? t("reverseProxy.allUsers")
+                            : t("filters.enabled")}
                         </div>
                       }
                     >
@@ -198,15 +194,11 @@ export default function ReverseProxyAuthCell({
                       label={HEADER_AUTH_METHOD.hoverLabel}
                       value={
                         <div className={"text-green-500"}>
-                          {
-                            (auth?.header_auths ?? []).filter((h) => h.enabled)
-                              .length
-                          }{" "}
-                          Header
-                          {(auth?.header_auths ?? []).filter((h) => h.enabled)
-                            .length !== 1
-                            ? "s"
-                            : ""}
+                          {t("reverseProxy.headersEnabledCount", {
+                            count: (auth?.header_auths ?? []).filter(
+                              (h) => h.enabled,
+                            ).length,
+                          })}
                         </div>
                       }
                     />
@@ -219,12 +211,12 @@ export default function ReverseProxyAuthCell({
           <Badge
             variant={"gray"}
             disabled={!canConfigure}
-            className={
-              "cursor-pointer !rounded-r-none !border-r-0 !h-[34px] min-w-[100px] !justify-start hover:bg-nb-gray-930 transition-all"
-            }
+            className={"cursor-pointer !rounded-r-none !border-r-0 !h-[34px] min-w-[100px] !justify-start hover:bg-nb-gray-930 transition-all"}
           >
             <LockOpenIcon size={12} className="text-red-500" />
-            <span className={"font-medium text-xs"}>No Auth</span>
+            <span className={"font-medium text-xs"}>
+              {t("reverseProxy.noAuth")}
+            </span>
           </Badge>
         )}
         <Button
@@ -236,7 +228,7 @@ export default function ReverseProxyAuthCell({
             openModal({ proxy: reverseProxy, initialTab: "auth" });
           }}
           disabled={!permission?.services?.update}
-          aria-label="Configure authentication"
+          aria-label={t("reverseProxy.configureAuthentication")}
         >
           <Settings size={12} />
         </Button>
diff --git a/src/modules/reverse-proxy/table/ReverseProxyClusterCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyClusterCell.tsx
index 11185454..86f1496d 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyClusterCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyClusterCell.tsx
@@ -31,7 +31,7 @@ export default function ReverseProxyClusterCell({
 
   if (!hasCluster) {
     return (
-      <div className="flex items-center gap-2" data-cluster-cell>
+      <div className="flex items-center gap-2">
         <Badge variant="gray" className="font-normal">
           <Globe size={12} />
           All
@@ -42,7 +42,7 @@ export default function ReverseProxyClusterCell({
 
   if (isConnected) {
     return (
-      <div className="flex items-center gap-2" data-cluster-cell>
+      <div className="flex items-center gap-2">
         <Badge variant={"gray"} className={cn("font-normal")}>
           <Server size={11} className={cn("text-green-500")} />
           {reverseProxy.proxy_cluster}
@@ -76,7 +76,7 @@ export default function ReverseProxyClusterCell({
       align={"center"}
       alignOffset={0}
     >
-      <div className="flex items-center gap-2" data-cluster-cell>
+      <div className="flex items-center gap-2">
         <Badge variant={"red"} className={cn("font-normal")}>
           <AlertTriangle size={11} />
           {reverseProxy.proxy_cluster}
diff --git a/src/modules/reverse-proxy/table/ReverseProxyNameCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyNameCell.tsx
index 67a23945..62d46475 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyNameCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyNameCell.tsx
@@ -36,7 +36,6 @@ export default function ReverseProxyNameCell({
           ? "gap-6 min-w-[270px] max-w-[270px]"
           : "gap-2.5 min-w-[200px]",
       )}
-      data-name-cell
     >
       {showChevron && (
         <>
diff --git a/src/modules/reverse-proxy/table/ReverseProxyStatusCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyStatusCell.tsx
index a70fedfa..fd738f90 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyStatusCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyStatusCell.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   REVERSE_PROXY_TROUBLESHOOTING_DOCS_LINK,
   ReverseProxy,
@@ -10,6 +12,7 @@ import FullTooltip from "@components/FullTooltip";
 import InlineLink from "@components/InlineLink";
 import { CircleAlert, Loader2 } from "lucide-react";
 import { useRef } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   serviceId: string;
@@ -26,6 +29,7 @@ export default function ReverseProxyStatusCell({
   enabled,
   isL4,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const dataRef = useRef<ReverseProxy | undefined>(undefined);
 
   const isActive =
@@ -63,60 +67,56 @@ export default function ReverseProxyStatusCell({
     if (isActive) return null;
     if (hasError) {
       return (
-        <div className={"flex"} data-status-cell>
-          <FullTooltip
-            content={
-              <div className={"text-xs max-w-xs"}>
-                Something went wrong while setting up this service. See our{" "}
-                <InlineLink
-                  href={REVERSE_PROXY_TROUBLESHOOTING_DOCS_LINK}
-                  target={"_blank"}
-                >
-                  Troubleshooting Docs
-                </InlineLink>{" "}
-                for more details.
-              </div>
-            }
-            align={"center"}
-            alignOffset={0}
-          >
-            <div className={"flex"}>
-              <Badge variant={"red"}>
-                <CircleAlert size={11} />
-                Error
-              </Badge>
+        <FullTooltip
+          content={
+            <div className={"text-xs max-w-xs"}>
+              {t("reverseProxy.statusGenericError")}{" "}
+              <InlineLink
+                href={REVERSE_PROXY_TROUBLESHOOTING_DOCS_LINK}
+                target={"_blank"}
+              >
+                {t("reverseProxy.statusTroubleshootingLink")}
+              </InlineLink>{" "}
+              {t("reverseProxy.statusTroubleshootingSuffix")}
             </div>
-          </FullTooltip>
-        </div>
+          }
+          align={"center"}
+          alignOffset={0}
+        >
+          <div className={"flex"}>
+            <Badge variant={"red"}>
+              <CircleAlert size={11} />
+              {t("reverseProxy.statusError")}
+            </Badge>
+          </div>
+        </FullTooltip>
       );
     }
     if (isTunnelNotCreated) {
       return (
-        <div className={"flex"} data-status-cell>
-          <FullTooltip
-            content={
-              <div className={"text-xs max-w-xs"}>
-                The tunnel to the target peer could not be established. See our{" "}
-                <InlineLink
-                  href={REVERSE_PROXY_TROUBLESHOOTING_DOCS_LINK}
-                  target={"_blank"}
-                >
-                  Troubleshooting Docs
-                </InlineLink>{" "}
-                for more details.
-              </div>
-            }
-            align={"center"}
-            alignOffset={0}
-          >
-            <div className={"flex"}>
-              <Badge variant={"red"}>
-                <CircleAlert size={11} />
-                Tunnel not created
-              </Badge>
+        <FullTooltip
+          content={
+            <div className={"text-xs max-w-xs"}>
+              {t("reverseProxy.statusTunnelError")}{" "}
+              <InlineLink
+                href={REVERSE_PROXY_TROUBLESHOOTING_DOCS_LINK}
+                target={"_blank"}
+              >
+                {t("reverseProxy.statusTroubleshootingLink")}
+              </InlineLink>{" "}
+              {t("reverseProxy.statusTroubleshootingSuffix")}
             </div>
-          </FullTooltip>
-        </div>
+          }
+          align={"center"}
+          alignOffset={0}
+        >
+          <div className={"flex"}>
+            <Badge variant={"red"}>
+              <CircleAlert size={11} />
+              {t("reverseProxy.statusTunnelNotCreated")}
+            </Badge>
+          </div>
+        </FullTooltip>
       );
     }
     return <SettingUpService />;
@@ -124,15 +124,15 @@ export default function ReverseProxyStatusCell({
 
   // HTTP services: hide once active with certificate issued
   if (isActive && certificateIssued) {
-    return <div data-status-cell />;
+    return null;
   }
 
   if (!certificateIssued) {
     return (
-      <div className={"flex"} data-status-cell>
+      <div className={"flex"}>
         <Badge variant={"yellow"}>
           <Loader2 size={12} className={"animate-spin"} />
-          Issuing certificate...
+          {t("reverseProxy.statusIssuingCertificate")}
         </Badge>
       </div>
     );
@@ -142,11 +142,13 @@ export default function ReverseProxyStatusCell({
 }
 
 const SettingUpService = () => {
+  const { t } = useI18n();
+
   return (
-    <div className={"flex"} data-status-cell>
+    <div className={"flex"}>
       <Badge variant={"yellow"}>
         <Loader2 size={14} className={"animate-spin"} />
-        Setting up service...
+        {t("reverseProxy.statusSettingUpService")}
       </Badge>
     </div>
   );
diff --git a/src/modules/reverse-proxy/table/ReverseProxyTable.tsx b/src/modules/reverse-proxy/table/ReverseProxyTable.tsx
index 7daa5b5f..f1c9b2bc 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyTable.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import ButtonGroup from "@components/ButtonGroup";
 import InlineLink from "@components/InlineLink";
@@ -10,116 +12,156 @@ import GetStartedTest from "@components/ui/GetStartedTest";
 import { ColumnDef, SortingState } from "@tanstack/react-table";
 import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import { usePathname } from "next/navigation";
-import React from "react";
+import React, { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   isL4Mode,
   REVERSE_PROXY_DOCS_LINK,
   ReverseProxy,
 } from "@/interfaces/ReverseProxy";
 import ReverseProxyActionCell from "@/modules/reverse-proxy/table/ReverseProxyActionCell";
-import ReverseProxyActiveCell from "@/modules/reverse-proxy/table/ReverseProxyActiveCell";
 import ReverseProxyAccessControlCell from "@/modules/reverse-proxy/table/ReverseProxyAccessControlCell";
+import ReverseProxyActiveCell from "@/modules/reverse-proxy/table/ReverseProxyActiveCell";
 import ReverseProxyAuthCell from "@/modules/reverse-proxy/table/ReverseProxyAuthCell";
 import ReverseProxyClusterCell from "@/modules/reverse-proxy/table/ReverseProxyClusterCell";
 import ReverseProxyNameCell from "@/modules/reverse-proxy/table/ReverseProxyNameCell";
-import ReverseProxyTargetsCell from "@/modules/reverse-proxy/table/ReverseProxyTargetsCell";
-import ReverseProxyTargetsTable from "@/modules/reverse-proxy/targets/ReverseProxyTargetsTable";
 import ReverseProxyStatusCell from "@/modules/reverse-proxy/table/ReverseProxyStatusCell";
+import ReverseProxyTargetsCell from "@/modules/reverse-proxy/table/ReverseProxyTargetsCell";
 import { ReverseProxyTypeCell } from "@/modules/reverse-proxy/table/ReverseProxyTypeCell";
+import ReverseProxyTargetsTable from "@/modules/reverse-proxy/targets/ReverseProxyTargetsTable";
 
-const ReverseProxyColumns: ColumnDef<ReverseProxy>[] = [
-  {
-    accessorKey: "domain",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Domain</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <ReverseProxyNameCell reverseProxy={row.original} />,
-  },
-  {
-    accessorKey: "mode",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Type</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <ReverseProxyTypeCell reverseProxy={row.original} />,
-  },
-  {
-    id: "status",
-    accessorFn: (proxy) => proxy?.meta?.certificate_issued_at,
-    header: "",
-    cell: ({ row }) =>
-      row.original.id ? (
-        <ReverseProxyStatusCell
-          serviceId={row.original.id}
-          meta={row.original.meta}
-          enabled={row.original.enabled}
-          isL4={isL4Mode(row.original.mode)}
-        />
-      ) : null,
-  },
-  {
-    accessorKey: "enabled",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Active</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyActiveCell reverseProxy={row.original} />,
-  },
-  {
-    accessorKey: "proxy_cluster",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Cluster</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyClusterCell reverseProxy={row.original} />,
-  },
-  {
-    accessorKey: "targets",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Target(s)</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyTargetsCell reverseProxy={row.original} />,
-  },
-  {
-    accessorKey: "auth",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Auth Methods</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyAuthCell reverseProxy={row.original} />,
-  },
-  {
-    id: "access_rules",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader column={column}>Access Control</DataTableHeader>
-      );
-    },
-    cell: ({ row }) => (
-      <ReverseProxyAccessControlCell reverseProxy={row.original} />
-    ),
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <ReverseProxyActionCell reverseProxy={row.original} />,
-  },
-  {
-    id: "searchString",
-    accessorFn: (row) => {
-      return [
-        row?.domain,
-        row?.proxy_cluster,
-        row?.targets?.map((t) => t.destination).join(""),
-        row?.targets?.map((t) => t.host).join(""),
-        row?.targets?.map((t) => t.port).join(""),
-      ]?.join("");
-    },
-  },
-];
+function useReverseProxyColumns() {
+  const { t } = useI18n();
+
+  return useMemo<ColumnDef<ReverseProxy>[]>(
+    () => [
+      {
+        accessorKey: "domain",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("reverseProxy.domain")}
+            </DataTableHeader>
+          );
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <ReverseProxyNameCell reverseProxy={row.original} />,
+      },
+      {
+        accessorKey: "mode",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("reverseProxy.type")}
+            </DataTableHeader>
+          );
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <ReverseProxyTypeCell reverseProxy={row.original} />,
+      },
+      {
+        id: "status",
+        accessorFn: (proxy) => proxy?.meta?.certificate_issued_at,
+        header: "",
+        cell: ({ row }) =>
+          row.original.id ? (
+            <ReverseProxyStatusCell
+              serviceId={row.original.id}
+              meta={row.original.meta}
+              enabled={row.original.enabled}
+              isL4={isL4Mode(row.original.mode)}
+            />
+          ) : null,
+      },
+      {
+        accessorKey: "enabled",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <ReverseProxyActiveCell reverseProxy={row.original} />
+        ),
+      },
+      {
+        accessorKey: "proxy_cluster",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("reverseProxy.cluster")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <ReverseProxyClusterCell reverseProxy={row.original} />
+        ),
+      },
+      {
+        accessorKey: "targets",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("reverseProxy.targets")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <ReverseProxyTargetsCell reverseProxy={row.original} />
+        ),
+      },
+      {
+        accessorKey: "auth",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("reverseProxy.authMethods")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <ReverseProxyAuthCell reverseProxy={row.original} />,
+      },
+      {
+        id: "access_rules",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>
+              {t("reverseProxy.accessControl")}
+            </DataTableHeader>
+          );
+        },
+        cell: ({ row }) => (
+          <ReverseProxyAccessControlCell reverseProxy={row.original} />
+        ),
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ row }) => (
+          <ReverseProxyActionCell reverseProxy={row.original} />
+        ),
+      },
+      {
+        id: "searchString",
+        accessorFn: (row) => {
+          return [
+            row?.domain,
+            row?.proxy_cluster,
+            row?.targets?.map((t) => t.destination).join(""),
+            row?.targets?.map((t) => t.host).join(""),
+            row?.targets?.map((t) => t.port).join(""),
+          ].join("");
+        },
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   headingTarget?: HTMLHeadingElement | null;
@@ -130,6 +172,8 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
   const path = usePathname();
   const { permission } = usePermissions();
   const { reverseProxies, isLoading, openModal } = useReverseProxies();
+  const { t } = useI18n();
+  const columns = useReverseProxyColumns();
 
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
@@ -146,13 +190,13 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
       headingTarget={headingTarget}
       isLoading={isLoading}
       inset={false}
-      text={"Reverse Proxy"}
+      text={t("reverseProxy.tableTitle")}
       sorting={sorting}
       setSorting={setSorting}
-      columns={ReverseProxyColumns}
+      columns={columns}
       data={reverseProxies}
       useRowId={true}
-      searchPlaceholder={"Search by URL, domain, or target..."}
+      searchPlaceholder={t("reverseProxy.searchPlaceholder")}
       columnVisibility={{ searchString: false }}
       tableCellClassName={"h-[80px]"}
       renderExpandedRow={(reverseProxy) => {
@@ -177,10 +221,8 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
               size={"large"}
             />
           }
-          title={"Create Services"}
-          description={
-            "Expose your internal services securely through NetBird's reverse proxy with automatic TLS and optional authentication to protect your services."
-          }
+          title={t("reverseProxy.emptyTitle")}
+          description={t("reverseProxy.emptyDescription")}
           button={
             <Button
               variant={"primary"}
@@ -188,14 +230,14 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
               disabled={!permission?.services?.create}
             >
               <PlusCircle size={16} />
-              Add Service
+              {t("reverseProxy.addService")}
             </Button>
           }
           learnMore={
             <>
-              Learn more about
+              {t("common.learnMorePrefix")}
               <InlineLink href={REVERSE_PROXY_DOCS_LINK} target={"_blank"}>
-                Services
+                {t("reverseProxy.servicesTitle")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </>
@@ -204,7 +246,7 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
       }
       rightSide={() => (
         <>
-          {reverseProxies && reverseProxies?.length > 0 && (
+          {reverseProxies && reverseProxies.length > 0 && (
             <Button
               variant={"primary"}
               className={"ml-auto"}
@@ -212,7 +254,7 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
               disabled={!permission?.services?.create}
             >
               <PlusCircle size={16} />
-              Add Service
+              {t("reverseProxy.addService")}
             </Button>
           )}
         </>
@@ -233,7 +275,7 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
                   : "secondary"
               }
             >
-              All
+              {t("filters.all")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
@@ -247,7 +289,7 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
                   : "secondary"
               }
             >
-              Active
+              {t("table.active")}
             </ButtonGroup.Button>
             <ButtonGroup.Button
               onClick={() => {
@@ -261,7 +303,7 @@ export default function ReverseProxyTable({ headingTarget }: Readonly<Props>) {
                   : "secondary"
               }
             >
-              Inactive
+              {t("reverseProxy.inactive")}
             </ButtonGroup.Button>
           </ButtonGroup>
           <DataTableRowsPerPage
diff --git a/src/modules/reverse-proxy/table/ReverseProxyTargetsCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyTargetsCell.tsx
index 755408cb..6832cab1 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyTargetsCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyTargetsCell.tsx
@@ -1,9 +1,12 @@
+"use client";
+
 import Badge from "@components/Badge";
 import Button from "@components/Button";
 import { PlusCircle, Server } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { isL4Mode, ReverseProxy } from "@/interfaces/ReverseProxy";
 import { ReverseProxyTargetDevice } from "@/modules/reverse-proxy/targets/ReverseProxyTargetDevice";
 
@@ -16,6 +19,7 @@ export default function ReverseProxyTargetsCell({
 }: Readonly<Props>) {
   const { permission } = usePermissions();
   const { openTargetModal } = useReverseProxies();
+  const { t } = useI18n();
 
   if (isL4Mode(reverseProxy.mode)) {
     const target = reverseProxy?.targets?.[0];
@@ -36,7 +40,7 @@ export default function ReverseProxyTargetsCell({
   const targetsCount = reverseProxy?.targets?.length ?? 0;
 
   return (
-    <div className={"flex gap-3"} data-targets-cell>
+    <div className={"flex gap-3"}>
       {targetsCount > 0 && (
         <Badge
           variant={"gray"}
@@ -62,7 +66,7 @@ export default function ReverseProxyTargetsCell({
         disabled={!permission?.services?.create}
       >
         <PlusCircle size={12} />
-        Add Target
+        {t("reverseProxy.addTarget")}
       </Button>
     </div>
   );
diff --git a/src/modules/reverse-proxy/table/ReverseProxyTypeCell.tsx b/src/modules/reverse-proxy/table/ReverseProxyTypeCell.tsx
index 72dd3f7e..6d950fa1 100644
--- a/src/modules/reverse-proxy/table/ReverseProxyTypeCell.tsx
+++ b/src/modules/reverse-proxy/table/ReverseProxyTypeCell.tsx
@@ -13,9 +13,9 @@ type Props = {
 
 export const ReverseProxyTypeCell = ({ reverseProxy }: Props) => {
   const serviceModeLabel = useMemo(() => {
-    if (!reverseProxy?.mode) return "HTTPS";
+    if (!reverseProxy?.mode) return "HTTP/S";
     const mode = SERVICE_MODES[reverseProxy.mode];
-    if (!mode) return "HTTPS";
+    if (!mode) return "HTTP/S";
     return trim(mode.label.replace("Service", ""));
   }, [reverseProxy]);
 
diff --git a/src/modules/reverse-proxy/targets/ReverseProxyAddressInput.tsx b/src/modules/reverse-proxy/targets/ReverseProxyAddressInput.tsx
index 29882aa6..bbc5e04f 100644
--- a/src/modules/reverse-proxy/targets/ReverseProxyAddressInput.tsx
+++ b/src/modules/reverse-proxy/targets/ReverseProxyAddressInput.tsx
@@ -6,6 +6,7 @@ import { ReverseProxyTargetType } from "@/interfaces/ReverseProxy";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
 import { cn } from "@utils/helpers";
 import { HelpTooltip } from "@components/HelpTooltip";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export function useReverseProxyAddress(target: Target | undefined) {
   const { resources } = useReverseProxies();
@@ -57,10 +58,15 @@ export function useReverseProxyAddress(target: Target | undefined) {
 }
 
 export function CidrHelpText({ target }: { target: Target | undefined }) {
+  const { t } = useI18n();
   const { cidrInfo, resourceAddress } = useReverseProxyAddress(target);
   if (!cidrInfo) return null;
   return (
-    <HelpTooltip content={`Enter an IP address within ${resourceAddress}`} />
+    <HelpTooltip
+      content={t("reverseProxy.enterIpWithinRange", {
+        range: resourceAddress,
+      })}
+    />
   );
 }
 
@@ -77,6 +83,7 @@ export default function ReverseProxyAddressInput({
   className,
   autoFocus,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const { isHostEditable } = useReverseProxyAddress(target);
 
   return (
@@ -90,7 +97,7 @@ export default function ReverseProxyAddressInput({
       }}
       maxWidthClass={"w-full"}
       customSuffix={":"}
-      placeholder="e.g., 192.168.0.10"
+      placeholder={t("reverseProxy.addressPlaceholder")}
       disabled={!target}
       readOnly={target && !isHostEditable ? true : undefined}
       className={cn("rounded-r-none border-r-0", className)}
diff --git a/src/modules/reverse-proxy/targets/ReverseProxyTargetActionCell.tsx b/src/modules/reverse-proxy/targets/ReverseProxyTargetActionCell.tsx
index 46141e43..00b20e23 100644
--- a/src/modules/reverse-proxy/targets/ReverseProxyTargetActionCell.tsx
+++ b/src/modules/reverse-proxy/targets/ReverseProxyTargetActionCell.tsx
@@ -1,8 +1,11 @@
+"use client";
+
 import Button from "@components/Button";
 import { PenSquare, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ReverseProxyTarget } from "@/interfaces/ReverseProxy";
 import { useReverseProxyTarget } from "./ReverseProxyTargetContext";
 
@@ -14,6 +17,7 @@ export const ReverseProxyTargetActionCell = ({ target }: Props) => {
   const reverseProxy = useReverseProxyTarget();
   const { permission } = usePermissions();
   const { openTargetModal, handleDeleteTarget } = useReverseProxies();
+  const { t } = useI18n();
 
   return (
     <div className={"flex justify-end pr-4"}>
@@ -27,7 +31,7 @@ export const ReverseProxyTargetActionCell = ({ target }: Props) => {
         }}
       >
         <PenSquare size={16} />
-        Edit
+        {t("actions.edit")}
       </Button>
       <Button
         variant={"danger-outline"}
@@ -39,7 +43,7 @@ export const ReverseProxyTargetActionCell = ({ target }: Props) => {
         }}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/reverse-proxy/targets/ReverseProxyTargetCustomHeaders.tsx b/src/modules/reverse-proxy/targets/ReverseProxyTargetCustomHeaders.tsx
index b697b31b..2ffe4d31 100644
--- a/src/modules/reverse-proxy/targets/ReverseProxyTargetCustomHeaders.tsx
+++ b/src/modules/reverse-proxy/targets/ReverseProxyTargetCustomHeaders.tsx
@@ -1,9 +1,12 @@
+"use client";
+
 import Button from "@components/Button";
 import HelpText from "@components/HelpText";
 import { Input } from "@components/Input";
 import { Label } from "@components/Label";
 import { MinusCircleIcon, PlusIcon } from "lucide-react";
 import { useCallback, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 const HEADER_NAME_RE = /^[A-Za-z0-9!#$%&'*+\-.^_`|~]+$/;
 const BLOCKED_HEADERS = new Set([
@@ -46,26 +49,31 @@ export function headerEntriesToRecord(
 function validateHeaderName(
   name: string,
   allNames: string[],
+  t: (key: any, values?: Record<string, string | number>) => string,
 ): string | undefined {
   if (!name) return undefined;
   if (!HEADER_NAME_RE.test(name))
-    return "Invalid characters in header name. Please use another one.";
+    return t("reverseProxy.headerInvalidName");
   if (BLOCKED_HEADERS.has(name.toLowerCase()))
-    return `"${name}" is a reserved header. Please use another one.`;
+    return t("reverseProxy.headerReserved", { name });
   const dupeCount = allNames.filter(
     (n) => n.toLowerCase() === name.toLowerCase(),
   ).length;
-  if (dupeCount > 1) return "Duplicate header name. Please use another one.";
+  if (dupeCount > 1) return t("reverseProxy.headerDuplicate");
   return undefined;
 }
 
-function validateHeaderValue(value: string): string | undefined {
+function validateHeaderValue(
+  value: string,
+  t: (key: any, values?: Record<string, string | number>) => string,
+): string | undefined {
   if (value.includes("\r") || value.includes("\n"))
-    return "Value must not contain line breaks";
+    return t("reverseProxy.headerLineBreaks");
   return undefined;
 }
 
 export function useCustomHeaders(initialHeaders?: Record<string, string>) {
+  const { t } = useI18n();
   const [nextId] = useState(() => {
     let id = 0;
     return () => ++id;
@@ -97,8 +105,8 @@ export function useCustomHeaders(initialHeaders?: Record<string, string>) {
 
   const allHeaderNames = headerEntries.map((h) => h.name);
   const headerErrors = headerEntries.map((entry) => ({
-    name: validateHeaderName(entry.name, allHeaderNames),
-    value: validateHeaderValue(entry.value),
+    name: validateHeaderName(entry.name, allHeaderNames, t),
+    value: validateHeaderValue(entry.value, t),
   }));
 
   const hasHeaderErrors = headerErrors.some((e) => e.name || e.value);
@@ -130,21 +138,21 @@ export default function ReverseProxyTargetCustomHeaders({
   updateHeaderEntry,
   headerErrors,
 }: CustomHeadersProps) {
+  const { t } = useI18n();
+
   return (
     <div>
-      <Label>Custom Headers</Label>
-      <HelpText>
-        Add additional headers to include when forwarding requests.
-        <br />
-        Hop-by-hop headers like Host or Connection are not allowed.
-      </HelpText>
+      <Label>{t("reverseProxy.customHeaders")}</Label>
+      <HelpText>{t("reverseProxy.customHeadersHelp")}</HelpText>
       {headerEntries.length > 0 && (
         <div className="flex flex-col gap-2 mb-3">
           {headerEntries.map((entry, index) => (
             <div key={entry.id} className="flex items-center gap-2">
               <Input
-                placeholder="Header, e.g., Authorization"
-                aria-label={`Header name for entry ${entry.id}`}
+                placeholder={t("reverseProxy.headerNamePlaceholder")}
+                aria-label={t("reverseProxy.headerNameEntry", {
+                  id: entry.id,
+                })}
                 value={entry.name}
                 onChange={(e) =>
                   updateHeaderEntry(entry.id, "name", e.target.value)
@@ -154,8 +162,10 @@ export default function ReverseProxyTargetCustomHeaders({
                 errorTooltip
               />
               <Input
-                placeholder="Value, e.g., Bearer eyJhbGci..."
-                aria-label={`Header value for entry ${entry.id}`}
+                placeholder={t("reverseProxy.headerValuePlaceholder")}
+                aria-label={t("reverseProxy.headerValueEntry", {
+                  id: entry.id,
+                })}
                 value={entry.value}
                 onChange={(e) =>
                   updateHeaderEntry(entry.id, "value", e.target.value)
@@ -168,7 +178,7 @@ export default function ReverseProxyTargetCustomHeaders({
                 variant="default-outline"
                 className="!px-2 shrink-0"
                 onClick={() => removeHeader(entry.id)}
-                aria-label="Remove header"
+                aria-label={t("reverseProxy.removeHeader")}
               >
                 <MinusCircleIcon size={14} />
               </Button>
@@ -178,7 +188,7 @@ export default function ReverseProxyTargetCustomHeaders({
       )}
       <Button variant="dotted" className="w-full" size="sm" onClick={addHeader}>
         <PlusIcon size={14} />
-        Add Header
+        {t("reverseProxy.addHeader")}
       </Button>
     </div>
   );
diff --git a/src/modules/reverse-proxy/targets/ReverseProxyTargetModal.tsx b/src/modules/reverse-proxy/targets/ReverseProxyTargetModal.tsx
index 1ba5676b..06a1d133 100644
--- a/src/modules/reverse-proxy/targets/ReverseProxyTargetModal.tsx
+++ b/src/modules/reverse-proxy/targets/ReverseProxyTargetModal.tsx
@@ -24,6 +24,7 @@ import {
 } from "lucide-react";
 import { Callout } from "@components/Callout";
 import React, { useMemo, useRef, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Network, NetworkResource } from "@/interfaces/Network";
 import { Peer } from "@/interfaces/Peer";
 import {
@@ -91,6 +92,7 @@ export default function ReverseProxyTargetModal({
   initialPeer,
   initialNetwork,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const existingTargets = reverseProxy.targets || [];
   const domain = reverseProxy.domain;
 
@@ -223,8 +225,12 @@ export default function ReverseProxyTargetModal({
         <ModalContent maxWidthClass="max-w-2xl">
           <ModalHeader
             icon={<Server className="text-netbird" size={16} />}
-            title={currentTarget ? "Edit Target" : "Add Target"}
-            description="Configure the target for your reverse proxy."
+            title={
+              currentTarget
+                ? t("reverseProxy.targetModalEditTitle")
+                : t("reverseProxy.targetModalAddTitle")
+            }
+            description={t("reverseProxy.targetModalDescription")}
             color="netbird"
           />
 
@@ -245,18 +251,15 @@ export default function ReverseProxyTargetModal({
             )}
 
             <div>
-              <Label>Location (Optional)</Label>
-              <HelpText>
-                Specify an optional path from where requests are routed to your
-                service.
-              </HelpText>
+              <Label>{t("reverseProxy.locationOptional")}</Label>
+              <HelpText>{t("reverseProxy.locationHelp")}</HelpText>
               <div className="flex w-full">
                 <div
                   className={`bg-nb-gray-900 rounded-l-md border text-nb-gray-300 border-r-0 text-sm border-nb-gray-700 flex items-center justify-center whitespace-nowrap px-4 ${
                     !hasTarget ? "opacity-50" : "opacity-80"
                   }`}
                 >
-                  {domain || "domain.example.com"}
+                  {domain || t("reverseProxy.targetDomainFallback")}
                 </div>
                 <Input
                   placeholder="/"
@@ -287,8 +290,8 @@ export default function ReverseProxyTargetModal({
                     />
                   }
                 >
-                  This location is already used by another target and cannot be
-                  added. <br /> Please use a different location.
+                  {t("reverseProxy.targetLocationDuplicate")} <br />
+                  {t("reverseProxy.targetLocationDuplicateHelp")}
                 </Callout>
               )}
               {targetPath &&
@@ -308,27 +311,27 @@ export default function ReverseProxyTargetModal({
                     className={"mt-3.5"}
                     label={
                       <>
-                        Preserve Full Path
+                        {t("reverseProxy.preserveFullPath")}
                         <HelpTooltip
                           content={
                             <div className="text-xs max-w-xs flex flex-col gap-2">
                               <div>
-                                When disabled, a request to e.g.,{" "}
+                                {t("reverseProxy.preservePathDisabledPrefix")}{" "}
                                 <span className="font-mono text-white">
                                   {targetPath}/users
                                 </span>{" "}
-                                is forwarded as{" "}
+                                {t("reverseProxy.preservePathDisabledMiddle")}{" "}
                                 <span className="font-mono text-white">
                                   /users
                                 </span>
                                 .
                               </div>
                               <div>
-                                When enabled, a request to e.g.,{" "}
+                                {t("reverseProxy.preservePathEnabledPrefix")}{" "}
                                 <span className="font-mono text-white">
                                   {targetPath}/users
                                 </span>{" "}
-                                is forwarded as{" "}
+                                {t("reverseProxy.preservePathEnabledMiddle")}{" "}
                                 <span className="font-mono text-white">
                                   {targetPath}/users
                                 </span>
@@ -341,9 +344,7 @@ export default function ReverseProxyTargetModal({
                     }
                     helpText={
                       <div>
-                        Keep the original full request path when forwarding.{" "}
-                        <br />
-                        When disabled the matched prefix path is stripped.
+                        {t("reverseProxy.preserveFullPathHelp")}
                       </div>
                     }
                   />
@@ -354,7 +355,7 @@ export default function ReverseProxyTargetModal({
               <div className="flex mt-1">
                 <div className="flex-1">
                   <Label>
-                    Protocol & Host / IP
+                    {t("reverseProxy.protocolHost")}
                     <CidrHelpText target={target} />
                   </Label>
                   <div className="flex items-center mt-2">
@@ -394,11 +395,9 @@ export default function ReverseProxyTargetModal({
                 </div>
                 <div className="w-[150px]">
                   <Label>
-                    Port
+                    {t("reverseProxy.port")}
                     <HelpTooltip
-                      content={
-                        "Enter the port where your service (e.g., webserver, app, API) is currently listening. If left empty, defaults to port 80 for HTTP or 443 for HTTPS."
-                      }
+                      content={t("reverseProxy.portHelp")}
                     />
                   </Label>
                   <div className="mt-2">
@@ -432,10 +431,10 @@ export default function ReverseProxyTargetModal({
                     label={
                       <>
                         <ShieldXIcon size={15} />
-                        Skip TLS Verification
+                        {t("reverseProxy.skipTlsVerification")}
                       </>
                     }
-                    helpText="Skip certificate verification when connecting to this target. Useful if your service already uses a self-signed certificate."
+                    helpText={t("reverseProxy.skipTlsVerificationHelp")}
                   />
                 )}
             </div>
@@ -451,23 +450,21 @@ export default function ReverseProxyTargetModal({
                   }
                 >
                   <span className={"relative top-[1px]"}>
-                    Optional Settings
+                    {t("reverseProxy.optionalSettings")}
                   </span>
                 </AccordionTrigger>
                 <AccordionContent>
                   <div className={"flex flex-col gap-8 pb-6 pt-2"}>
                     <div className={"flex items-center justify-between"}>
                       <div>
-                        <Label>Request Timeout</Label>
+                        <Label>{t("reverseProxy.requestTimeout")}</Label>
                         <HelpText className={"mb-0"}>
-                          Max time to wait for a response as duration string
-                          (e.g. 30s, 2m). <br /> Leave this field empty for no
-                          timeout.
+                          {t("reverseProxy.requestTimeoutHelp")}
                         </HelpText>
                       </div>
                       <Input
                         customPrefix={<ClockFadingIcon size={16} />}
-                        placeholder="e.g. 10s, 30s, 1m"
+                        placeholder={t("reverseProxy.timeoutPlaceholder")}
                         value={options.request_timeout ?? ""}
                         onChange={(e) =>
                           setOption(
@@ -483,16 +480,15 @@ export default function ReverseProxyTargetModal({
 
                     {reverseProxy.mode === ServiceMode.UDP && (
                       <div className={"flex items-center justify-between"}>
-                        <div>
-                          <Label>Session Idle Timeout</Label>
+                      <div>
+                          <Label>{t("reverseProxy.sessionIdleTimeout")}</Label>
                           <HelpText className={"mb-0"}>
-                            How long a UDP session stays alive without traffic
-                            (e.g., 30s, 2m). <br /> Defaults to 30s when empty.
+                            {t("reverseProxy.sessionIdleTimeoutShortHelp")}
                           </HelpText>
                         </div>
                         <Input
                           customPrefix={<ClockFadingIcon size={16} />}
-                          placeholder="e.g. 30s, 2m, 5m"
+                          placeholder={t("reverseProxy.timeoutPlaceholderShort")}
                           value={options.session_idle_timeout ?? ""}
                           onChange={(e) =>
                             setOption(
@@ -517,19 +513,19 @@ export default function ReverseProxyTargetModal({
           <ModalFooter className={"items-center"}>
             <div className={"w-full"}>
               <Paragraph className={"text-sm mt-auto"}>
-                Learn more about
+                {t("common.learnMorePrefix")}
                 <InlineLink
                   href={REVERSE_PROXY_TARGETS_DOCS_LINK}
                   target={"_blank"}
                 >
-                  Targets
+                  {t("reverseProxy.targetsLearnMore")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </Paragraph>
             </div>
             <div className="flex gap-3 w-full justify-end">
               <Button variant="secondary" onClick={() => onOpenChange(false)}>
-                Cancel
+                {t("common.cancel")}
               </Button>
               <Button
                 variant="primary"
@@ -537,11 +533,11 @@ export default function ReverseProxyTargetModal({
                 disabled={!canAddTarget || errors.options}
               >
                 {currentTarget ? (
-                  "Save Changes"
+                  t("actions.saveChanges")
                 ) : (
                   <>
                     <PlusCircle size={16} />
-                    Add Target
+                    {t("reverseProxy.addTarget")}
                   </>
                 )}
               </Button>
diff --git a/src/modules/reverse-proxy/targets/ReverseProxyTargetSelector.tsx b/src/modules/reverse-proxy/targets/ReverseProxyTargetSelector.tsx
index da59fa48..a20786b5 100644
--- a/src/modules/reverse-proxy/targets/ReverseProxyTargetSelector.tsx
+++ b/src/modules/reverse-proxy/targets/ReverseProxyTargetSelector.tsx
@@ -14,6 +14,7 @@ import {
 import { HelpTooltip } from "@components/HelpTooltip";
 import InlineLink, { InlineButtonLink } from "@components/InlineLink";
 import SetupModal from "@/modules/setup-netbird-modal/SetupModal";
+import { useI18n } from "@/i18n/I18nProvider";
 
 export type Target = {
   type: ReverseProxyTargetType;
@@ -35,26 +36,25 @@ export default function ReverseProxyTargetSelector({
 }: Readonly<Props>) {
   const { resources, peers } = useReverseProxies();
   const [installModal, setInstallModal] = useState(false);
+  const { t } = useI18n();
 
   return (
     <div>
       <Label className={"gap-0 inline"}>
         {initialNetwork ? (
-          "Select Resource"
+          t("reverseProxy.targetSelectResource")
         ) : (
           <>
-            Select{" "}
+            {t("reverseProxy.targetSelectPeerOrResource")}{" "}
             <HelpTooltip
               className={"max-w-sm"}
               content={
                 <>
-                  A <span className={"text-white font-medium"}>peer</span> is a
-                  machine (e.g., laptop, server, container) running NetBird.
-                  Select a peer if your service runs directly on it.
+                  {t("reverseProxy.targetPeerHelp")}
                   <span className={"mt-1 block"}>
-                    If you don&apos;t have a peer yet, you can{" "}
+                    {t("reverseProxy.targetPeerInstall")}{" "}
                     <InlineButtonLink onClick={() => setInstallModal(true)}>
-                      Install NetBird
+                      {t("reverseProxy.installNetBird")}
                     </InlineButtonLink>
                     .
                   </span>
@@ -62,43 +62,42 @@ export default function ReverseProxyTargetSelector({
               }
               interactive={true}
             >
-              Peer
+              {t("reverseProxy.targetPeerLabel")}
             </HelpTooltip>{" "}
-            or{" "}
+            {t("reverseProxy.targetPeerOrResourceConnector")}{" "}
             <HelpTooltip
               className={"max-w-sm"}
               content={
                 <>
-                  A <span className={"text-white font-medium"}>resource</span>{" "}
-                  is a destination (IP, subnet, or domain) that can&apos;t run
-                  NetBird directly. Resources are part of a network and are
-                  reached through a routing peer that forwards traffic to them.
+                  {t("reverseProxy.targetResourceHelp")}
                   <span className={"mt-1 block"}>
-                    If you don&apos;t have resources yet, go to{" "}
-                    <InlineLink href={"/networks"}>Networks</InlineLink> to
-                    create some.
+                    {t("reverseProxy.targetResourceCreate")}{" "}
+                    <InlineLink href={"/networks"}>
+                      {t("reverseProxy.networks")}
+                    </InlineLink>{" "}
+                    {t("reverseProxy.targetCreateSome")}
                   </span>
                 </>
               }
               interactive={true}
             >
-              Resource
+              {t("reverseProxy.targetResourceLabel")}
             </HelpTooltip>
           </>
         )}
       </Label>
       <HelpText>
         {initialNetwork
-          ? "Select the resource from your network you want to expose."
-          : "Select the peer or resource where your service is running."}
+          ? t("reverseProxy.targetSelectResourceHelp")
+          : t("reverseProxy.targetSelectPeerOrResourceHelp")}
       </HelpText>
       <PeerGroupSelector
         values={[]}
         onChange={() => {}}
         placeholder={
           initialNetwork
-            ? "Select a resource..."
-            : "Select a peer or resource..."
+            ? t("reverseProxy.targetSelectResourcePlaceholder")
+            : t("reverseProxy.targetSelectPeerOrResourcePlaceholder")
         }
         showPeers={!initialNetwork}
         showResources={true}
diff --git a/src/modules/reverse-proxy/targets/ReverseProxyTargetsTable.tsx b/src/modules/reverse-proxy/targets/ReverseProxyTargetsTable.tsx
index 063cd673..ce4ba6f3 100644
--- a/src/modules/reverse-proxy/targets/ReverseProxyTargetsTable.tsx
+++ b/src/modules/reverse-proxy/targets/ReverseProxyTargetsTable.tsx
@@ -1,7 +1,8 @@
 import { DataTable } from "@components/table/DataTable";
 import DataTableHeader from "@components/table/DataTableHeader";
 import { ColumnDef, SortingState } from "@tanstack/react-table";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ReverseProxy, ReverseProxyTarget } from "@/interfaces/ReverseProxy";
 import ReverseProxyArrowCell from "@/modules/reverse-proxy/table/ReverseProxyArrowCell";
 import ReverseProxyDestinationCell from "@/modules/reverse-proxy/table/ReverseProxyDestinationCell";
@@ -11,55 +12,66 @@ import { ReverseProxyTargetProvider } from "@/modules/reverse-proxy/targets/Reve
 import { ReverseProxyTargetDevice } from "@/modules/reverse-proxy/targets/ReverseProxyTargetDevice";
 import { ReverseProxyTargetPath } from "@/modules/reverse-proxy/targets/ReverseProxyTargetPath";
 
-const ReverseProxyTargetColumns: ColumnDef<ReverseProxyTarget>[] = [
-  {
-    accessorKey: "target_type",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Resource</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyTargetDevice target={row.original} />,
-  },
-  {
-    accessorKey: "path",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Location</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyTargetPath target={row.original} />,
-  },
-  {
-    accessorKey: "arrow",
-    header: "",
-    cell: ({ row }) => (
-      <ReverseProxyArrowCell disabled={!row.original.enabled} />
-    ),
-  },
-  {
-    accessorKey: "host",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Destination</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyDestinationCell target={row.original} />,
-  },
-  {
-    accessorKey: "enabled",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Active</DataTableHeader>;
-    },
-    cell: ({ row }) => <ReverseProxyTargetActiveCell target={row.original} />,
-  },
-  {
-    accessorKey: "target_id",
-    header: "",
-    cell: ({ row }) => <ReverseProxyTargetActionCell target={row.original} />,
-  },
-];
-
 type Props = {
   reverseProxy: ReverseProxy;
 };
 
 export default function ReverseProxyTargetsTable({ reverseProxy }: Props) {
+  const { t } = useI18n();
   const [sorting, setSorting] = useState<SortingState>([]);
+  const columns = useMemo<ColumnDef<ReverseProxyTarget>[]>(
+    () => [
+      {
+        accessorKey: "target_type",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.resource")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <ReverseProxyTargetDevice target={row.original} />,
+      },
+      {
+        accessorKey: "path",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.location")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <ReverseProxyTargetPath target={row.original} />,
+      },
+      {
+        accessorKey: "arrow",
+        header: "",
+        cell: ({ row }) => (
+          <ReverseProxyArrowCell disabled={!row.original.enabled} />
+        ),
+      },
+      {
+        accessorKey: "host",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.destination")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <ReverseProxyDestinationCell target={row.original} />,
+      },
+      {
+        accessorKey: "enabled",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>
+          );
+        },
+        cell: ({ row }) => <ReverseProxyTargetActiveCell target={row.original} />,
+      },
+      {
+        accessorKey: "target_id",
+        header: "",
+        cell: ({ row }) => <ReverseProxyTargetActionCell target={row.original} />,
+      },
+    ],
+    [t],
+  );
 
   return (
     <ReverseProxyTargetProvider value={reverseProxy}>
@@ -73,13 +85,13 @@ export default function ReverseProxyTargetsTable({ reverseProxy }: Props) {
         tableCellClassName={"py-0"}
         className={"bg-nb-gray-960 py-2"}
         inset={true}
-        text={"Targets"}
+        text={t("reverseProxy.targets")}
         initialPageSize={reverseProxy?.targets?.length}
         manualPagination={true}
         sorting={sorting}
         columnVisibility={{}}
         setSorting={setSorting}
-        columns={ReverseProxyTargetColumns}
+        columns={columns}
         data={reverseProxy.targets}
       />
     </ReverseProxyTargetProvider>
diff --git a/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetActionCell.tsx b/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetActionCell.tsx
index 3d40a2a7..f88f1c65 100644
--- a/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetActionCell.tsx
+++ b/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetActionCell.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import {
   DropdownMenu,
@@ -9,6 +11,7 @@ import { MoreVertical, Settings, SquarePenIcon, Trash2 } from "lucide-react";
 import * as React from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { isL4Mode, ReverseProxyFlatTarget } from "@/interfaces/ReverseProxy";
 
 type Props = {
@@ -21,6 +24,7 @@ export default function ReverseProxyFlatTargetActionCell({
   const { permission } = usePermissions();
   const { openModal, openTargetModal, handleDeleteTarget } =
     useReverseProxies();
+  const { t } = useI18n();
 
   return (
     <div className={"flex justify-end pr-4"}>
@@ -38,7 +42,6 @@ export default function ReverseProxyFlatTargetActionCell({
         </DropdownMenuTrigger>
         <DropdownMenuContent className="w-auto" align="end">
           <DropdownMenuItem
-            data-proxy-edit-action={target.proxy.id}
             onClick={(e) => {
               e.stopPropagation();
               if (isL4Mode(target.proxy.mode)) {
@@ -51,12 +54,11 @@ export default function ReverseProxyFlatTargetActionCell({
           >
             <div className={"flex gap-3 items-center pr-8"}>
               <SquarePenIcon size={14} className={"shrink-0"} />
-              Edit Target
+              {t("reverseProxy.editTarget")}
             </div>
           </DropdownMenuItem>
 
           <DropdownMenuItem
-            data-proxy-settings-action={target.proxy.id}
             onClick={(e) => {
               e.stopPropagation();
               openModal({ proxy: target.proxy, initialTab: "settings" });
@@ -65,7 +67,7 @@ export default function ReverseProxyFlatTargetActionCell({
           >
             <div className={"flex gap-3 items-center pr-6"}>
               <Settings size={14} className={"shrink-0"} />
-              Advanced Settings
+              {t("reverseProxy.tabAdvancedSettings")}
             </div>
           </DropdownMenuItem>
 
@@ -79,7 +81,7 @@ export default function ReverseProxyFlatTargetActionCell({
           >
             <div className={"flex gap-3 items-center"}>
               <Trash2 size={14} className={"shrink-0"} />
-              Delete
+              {t("actions.delete")}
             </div>
           </DropdownMenuItem>
         </DropdownMenuContent>
diff --git a/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTabContent.tsx b/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTabContent.tsx
index 9107a3ef..f001a188 100644
--- a/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTabContent.tsx
+++ b/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTabContent.tsx
@@ -6,6 +6,7 @@ import SkeletonTable, {
 import { ExternalLinkIcon } from "lucide-react";
 import * as React from "react";
 import { Suspense } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   REVERSE_PROXY_DOCS_LINK,
   ReverseProxyFlatTarget,
@@ -24,23 +25,24 @@ export const ReverseProxyFlatTargetsTabContent = ({
   targets,
   isLoading,
   hideResourceColumn,
-  emptyTableTitle = "This network has no services",
-  emptyTableDescription = "Create resources and expose services securely through NetBird's reverse proxy.",
+  emptyTableTitle,
+  emptyTableDescription,
 }: Props) => {
+  const { t } = useI18n();
   return (
     <div className={"pb-10 px-8"}>
       <div className={"flex justify-between items-center mb-5"}>
         <div>
           <Paragraph>
-            Expose services securely through NetBird&apos;s reverse proxy.
+            {t("reverseProxyTargets.description")}
           </Paragraph>
           <Paragraph>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink href={REVERSE_PROXY_DOCS_LINK} target={"_blank"}>
-              Services
+              {t("nav.services")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
-            in our documentation.
+            {t("common.inDocumentationSuffix")}
           </Paragraph>
         </div>
       </div>
@@ -58,8 +60,10 @@ export const ReverseProxyFlatTargetsTabContent = ({
           targets={targets}
           isLoading={isLoading}
           hideResourceColumn={hideResourceColumn}
-          emptyTableTitle={emptyTableTitle}
-          emptyTableDescription={emptyTableDescription}
+          emptyTableTitle={emptyTableTitle ?? t("reverseProxyTargets.emptyTitle")}
+          emptyTableDescription={
+            emptyTableDescription ?? t("reverseProxyTargets.emptyDescription")
+          }
         />
       </Suspense>
     </div>
diff --git a/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTable.tsx b/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTable.tsx
index 80ac78b7..5ae07c98 100644
--- a/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTable.tsx
+++ b/src/modules/reverse-proxy/targets/flat/ReverseProxyFlatTargetsTable.tsx
@@ -8,10 +8,11 @@ import { ColumnDef, SortingState } from "@tanstack/react-table";
 import { PlusCircle } from "lucide-react";
 import { useRouter, useSearchParams } from "next/navigation";
 import * as React from "react";
-import { useCallback, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useReverseProxies } from "@/contexts/ReverseProxiesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { ReverseProxyFlatTarget } from "@/interfaces/ReverseProxy";
 import ReverseProxyArrowCell from "@/modules/reverse-proxy/table/ReverseProxyArrowCell";
 import ReverseProxyAccessControlCell from "@/modules/reverse-proxy/table/ReverseProxyAccessControlCell";
@@ -24,146 +25,6 @@ import ReverseProxyTargetActiveCell from "@/modules/reverse-proxy/targets/Revers
 import { ReverseProxyTargetProvider } from "@/modules/reverse-proxy/targets/ReverseProxyTargetContext";
 import { ReverseProxyTargetDevice } from "@/modules/reverse-proxy/targets/ReverseProxyTargetDevice";
 
-const FlatTargetsTableColumns: ColumnDef<ReverseProxyFlatTarget>[] = [
-  {
-    id: "target_id",
-    accessorKey: "target_id",
-    filterFn: "exactMatch",
-  },
-  {
-    id: "domain",
-    accessorFn: (row) => row.proxy.domain,
-    header: ({ column }) => (
-      <DataTableHeader column={column}>URL</DataTableHeader>
-    ),
-    sortingFn: "text",
-    cell: ({ row }) => {
-      const target = row.original;
-      const path = target.path
-        ? target.path.startsWith("/")
-          ? target.path
-          : `/${target.path}`
-        : "";
-      const fullUrl = `${target.proxy.domain}${path}`;
-      const disabled = !target.enabled;
-      const isEnabled = target.proxy.enabled && target.enabled;
-
-      return (
-        <div className="flex items-center gap-2">
-          <div
-            className={disabled ? "opacity-40" : ""}
-            data-proxy-id={target.proxy.id}
-          >
-            <ReverseProxyNameCell
-              domain={fullUrl}
-              enabled={isEnabled}
-              reverseProxy={row.original.proxy}
-              showChevron={false}
-            />
-          </div>
-          <div data-status-cell />
-        </div>
-      );
-    },
-  },
-  {
-    accessorKey: "arrow",
-    header: "",
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyArrowCell disabled={row.original.enabled === false} />
-      </div>
-    ),
-  },
-  {
-    accessorKey: "host",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Destination</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyDestinationCell target={row.original} />
-      </div>
-    ),
-  },
-  {
-    accessorKey: "enabled",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Active</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyTargetProvider value={row.original.proxy}>
-          <ReverseProxyTargetActiveCell target={row.original} />
-        </ReverseProxyTargetProvider>
-      </div>
-    ),
-  },
-  {
-    accessorKey: "proxy_cluster",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Cluster</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyClusterCell reverseProxy={row.original.proxy} />
-      </div>
-    ),
-  },
-  {
-    accessorKey: "target_type",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Resource</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyTargetDevice target={row.original} showDescription />
-      </div>
-    ),
-  },
-  {
-    accessorKey: "auth",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Auth Methods</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyAuthCell reverseProxy={row.original.proxy} />
-      </div>
-    ),
-  },
-  {
-    id: "access_control",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Access Control</DataTableHeader>
-    ),
-    cell: ({ row }) => (
-      <div data-proxy-id={row.original.proxy.id}>
-        <ReverseProxyAccessControlCell reverseProxy={row.original.proxy} />
-      </div>
-    ),
-  },
-  {
-    accessorKey: "actions",
-    header: "",
-    cell: ({ row }) => (
-      <ReverseProxyFlatTargetActionCell target={row.original} />
-    ),
-  },
-  {
-    id: "searchString",
-    accessorFn: (row) => {
-      return [
-        row.proxy.domain,
-        row.destination,
-        row.host,
-        row.port,
-        row.path,
-      ].join("");
-    },
-  },
-];
-
 type Props = {
   targets: ReverseProxyFlatTarget[];
   isLoading?: boolean;
@@ -179,6 +40,7 @@ export const ReverseProxyFlatTargetsTable = ({
   emptyTableTitle,
   emptyTableDescription,
 }: Props) => {
+  const { t } = useI18n();
   const [sorting, setSorting] = useState<SortingState>([
     { id: "domain", desc: false },
   ]);
@@ -195,6 +57,133 @@ export const ReverseProxyFlatTargetsTable = ({
     router.replace(`?${newParams.toString()}`, { scroll: false });
   }, [resourceId, params, router]);
 
+  const columns = useMemo<ColumnDef<ReverseProxyFlatTarget>[]>(
+    () => [
+      {
+        id: "target_id",
+        accessorKey: "target_id",
+        filterFn: "exactMatch",
+      },
+      {
+        id: "domain",
+        accessorFn: (row) => row.proxy.domain,
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("table.url")}</DataTableHeader>
+        ),
+        sortingFn: "text",
+        cell: ({ row }) => {
+          const target = row.original;
+          const path = target.path
+            ? target.path.startsWith("/")
+              ? target.path
+              : `/${target.path}`
+            : "";
+          const fullUrl = `${target.proxy.domain}${path}`;
+          const disabled = !target.enabled;
+          const isEnabled = target.proxy.enabled && target.enabled;
+
+          return (
+            <div className={disabled ? "opacity-40" : ""}>
+              <ReverseProxyNameCell
+                domain={fullUrl}
+                enabled={isEnabled}
+                reverseProxy={row.original.proxy}
+                showChevron={false}
+              />
+            </div>
+          );
+        },
+      },
+      {
+        accessorKey: "arrow",
+        header: "",
+        cell: ({ row }) => (
+          <ReverseProxyArrowCell disabled={!row.original.enabled} />
+        ),
+      },
+      {
+        accessorKey: "host",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>
+            {t("table.destination")}
+          </DataTableHeader>
+        ),
+        cell: ({ row }) => <ReverseProxyDestinationCell target={row.original} />,
+      },
+      {
+        accessorKey: "enabled",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>
+        ),
+        cell: ({ row }) => (
+          <ReverseProxyTargetProvider value={row.original.proxy}>
+            <ReverseProxyTargetActiveCell target={row.original} />
+          </ReverseProxyTargetProvider>
+        ),
+      },
+      {
+        accessorKey: "proxy_cluster",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("reverseProxy.cluster")}</DataTableHeader>
+        ),
+        cell: ({ row }) => (
+          <ReverseProxyClusterCell reverseProxy={row.original.proxy} />
+        ),
+      },
+      {
+        accessorKey: "target_type",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>{t("table.resource")}</DataTableHeader>
+        ),
+        cell: ({ row }) => (
+          <ReverseProxyTargetDevice target={row.original} showDescription />
+        ),
+      },
+      {
+        accessorKey: "auth",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>
+            {t("reverseProxy.authMethods")}
+          </DataTableHeader>
+        ),
+        cell: ({ row }) => (
+          <ReverseProxyAuthCell reverseProxy={row.original.proxy} />
+        ),
+      },
+      {
+        id: "access_control",
+        header: ({ column }) => (
+          <DataTableHeader column={column}>
+            {t("reverseProxy.accessControl")}
+          </DataTableHeader>
+        ),
+        cell: ({ row }) => (
+          <ReverseProxyAccessControlCell reverseProxy={row.original.proxy} />
+        ),
+      },
+      {
+        accessorKey: "actions",
+        header: "",
+        cell: ({ row }) => (
+          <ReverseProxyFlatTargetActionCell target={row.original} />
+        ),
+      },
+      {
+        id: "searchString",
+        accessorFn: (row) => {
+          return [
+            row.proxy.domain,
+            row.destination,
+            row.host,
+            row.port,
+            row.path,
+          ].join("");
+        },
+      },
+    ],
+    [t],
+  );
+
   return (
     <DataTable
       wrapperComponent={Card}
@@ -204,13 +193,13 @@ export const ReverseProxyFlatTargetsTable = ({
       minimal={true}
       showSearchAndFilters={true}
       tableClassName="mt-0"
-      text="Service"
+      text={t("reverseProxy.modalDefaultLabel")}
       sorting={sorting}
       setSorting={setSorting}
-      columns={FlatTargetsTableColumns}
+      columns={columns}
       data={targets}
       keepStateInLocalStorage={false}
-      searchPlaceholder="Search by URL, destination, or target..."
+      searchPlaceholder={t("reverseProxy.searchTargetsPlaceholder")}
       initialFilters={
         resourceId ? [{ id: "target_id", value: resourceId }] : undefined
       }
@@ -238,7 +227,7 @@ export const ReverseProxyFlatTargetsTable = ({
           disabled={!permission?.services?.create}
         >
           <PlusCircle size={16} />
-          Add Service
+          {t("reverseProxy.addService")}
         </Button>
       )}
     >
diff --git a/src/modules/route-group/NetworkRoutesTable.tsx b/src/modules/route-group/NetworkRoutesTable.tsx
index d6f8ea39..37cf308c 100644
--- a/src/modules/route-group/NetworkRoutesTable.tsx
+++ b/src/modules/route-group/NetworkRoutesTable.tsx
@@ -19,6 +19,7 @@ import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import GroupRouteProvider from "@/contexts/GroupRouteProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { GroupedRoute, Route } from "@/interfaces/Route";
 import { AddExitNodeButton } from "@/modules/exit-node/AddExitNodeButton";
@@ -31,87 +32,93 @@ import { RouteAddRoutingPeerProvider } from "@/modules/routes/RouteAddRoutingPee
 import RouteModal from "@/modules/routes/RouteModal";
 import RouteTable from "@/modules/routes/RouteTable";
 
-export const GroupedRouteTableColumns: ColumnDef<GroupedRoute>[] = [
-  {
-    accessorKey: "network_id",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function useGroupedRouteTableColumns(): ColumnDef<GroupedRoute>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "network_id",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <GroupedRouteNameCell groupedRoute={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <GroupedRouteNameCell groupedRoute={row.original} />,
-  },
-  {
-    accessorKey: "description",
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "description_search",
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "domain_search",
-    sortingFn: "text",
-  },
-  {
-    id: "enabled",
-    accessorKey: "enabled",
-    sortingFn: "basic",
-  },
-  {
-    id: "group_names",
-    accessorFn: (row) => {
-      return row.group_names?.map((name) => name).join(", ");
+    {
+      accessorKey: "description",
+      sortingFn: "text",
     },
-  },
-  {
-    accessorKey: "routes_search",
-  },
-  {
-    id: "domains",
-    accessorFn: (row) => {
-      return row.domains?.map((name) => name).join(", ");
+    {
+      accessorKey: "description_search",
+      sortingFn: "text",
     },
-  },
-  {
-    accessorKey: "network",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Network</DataTableHeader>;
+    {
+      accessorKey: "domain_search",
+      sortingFn: "text",
     },
-    cell: ({ row }) => (
-      <GroupedRouteNetworkRangeCell
-        network={row.original.network}
-        domains={row.original?.domains}
-      />
-    ),
-  },
-  {
-    id: "type",
-    accessorFn: (row) => row.is_using_route_groups,
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Type</DataTableHeader>;
+    {
+      id: "enabled",
+      accessorKey: "enabled",
+      sortingFn: "basic",
+    },
+    {
+      id: "group_names",
+      accessorFn: (row) => {
+        return row.group_names?.map((name) => name).join(", ");
+      },
+    },
+    {
+      accessorKey: "routes_search",
+    },
+    {
+      id: "domains",
+      accessorFn: (row) => {
+        return row.domains?.map((name) => name).join(", ");
+      },
+    },
+    {
+      accessorKey: "network",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkDetails.network")}</DataTableHeader>;
+      },
+      cell: ({ row }) => (
+        <GroupedRouteNetworkRangeCell
+          network={row.original.network}
+          domains={row.original?.domains}
+        />
+      ),
+    },
+    {
+      id: "type",
+      accessorFn: (row) => row.is_using_route_groups,
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkDetails.type")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <GroupedRouteTypeCell groupedRoute={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <GroupedRouteTypeCell groupedRoute={row.original} />,
-  },
 
-  {
-    accessorKey: "high_availability_count",
-    header: ({ column }) => {
-      return (
-        <DataTableHeader column={column}>High Availability</DataTableHeader>
-      );
+    {
+      accessorKey: "high_availability_count",
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>
+            {t("networkDetails.highAvailability")}
+          </DataTableHeader>
+        );
+      },
+      cell: ({ row }) => (
+        <GroupedRouteHighAvailabilityCell groupedRoute={row.original} />
+      ),
     },
-    cell: ({ row }) => (
-      <GroupedRouteHighAvailabilityCell groupedRoute={row.original} />
-    ),
-  },
 
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <GroupedRouteActionCell groupedRoute={row.original} />,
-  },
-];
+    {
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <GroupedRouteActionCell groupedRoute={row.original} />,
+    },
+  ];
+}
 
 type Props = {
   isLoading: boolean;
@@ -130,9 +137,11 @@ export default function NetworkRoutesTable({
   isGroupPage = false,
   distributionGroups,
 }: Props) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { mutate } = useSWRConfig();
   const path = usePathname();
+  const columns = useGroupedRouteTableColumns();
 
   // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
@@ -166,10 +175,10 @@ export default function NetworkRoutesTable({
       <DataTable
         headingTarget={headingTarget}
         isLoading={isLoading}
-        text={"Network Routes"}
+        text={t("networkRoutesPage.title")}
         sorting={sorting}
         setSorting={setSorting}
-        columns={GroupedRouteTableColumns}
+        columns={columns}
         data={groupedRoutes}
         wrapperComponent={isGroupPage ? Card : undefined}
         wrapperProps={isGroupPage ? { className: "mt-6 w-full" } : undefined}
@@ -178,7 +187,7 @@ export default function NetworkRoutesTable({
         inset={false}
         minimal={isGroupPage}
         keepStateInLocalStorage={!isGroupPage}
-        searchPlaceholder={"Search by network, range, name or groups..."}
+        searchPlaceholder={t("routeTable.searchPlaceholder")}
         columnVisibility={{
           enabled: false,
           description: false,
@@ -203,10 +212,8 @@ export default function NetworkRoutesTable({
                 <NetworkRoutesIcon className={"fill-nb-gray-200"} size={20} />
               }
               className={"py-4"}
-              title={"This group is not used within any network routes yet"}
-              description={
-                "Assign this group when creating a new route to see them listed here."
-              }
+              title={t("routeTable.emptyGroupTitle")}
+              description={t("routeTable.emptyGroupDescription")}
             >
               <div className={"gap-x-4 flex items-center justify-center mt-4"}>
                 <AddExitNodeButton distributionGroups={distributionGroups} />
@@ -217,7 +224,7 @@ export default function NetworkRoutesTable({
                   disabled={!permission.routes.create}
                 >
                   <PlusCircle size={16} />
-                  Add Route
+                  {t("routeActions.addRoute")}
                 </Button>
               </div>
             </NoResults>
@@ -235,9 +242,9 @@ export default function NetworkRoutesTable({
                   size={"large"}
                 />
               }
-              title={"Create New Route"}
+              title={t("routeTable.createTitle")}
               description={
-                "It looks like you don't have any routes. Access LANs and VPC by adding a network route."
+                t("routeTable.emptyTitleDescription")
               }
               button={
                 <div className={"gap-x-4 flex items-center justify-center"}>
@@ -249,20 +256,20 @@ export default function NetworkRoutesTable({
                     disabled={!permission.routes.create}
                   >
                     <PlusCircle size={16} />
-                    Add Route
+                    {t("routeActions.addRoute")}
                   </Button>
                 </div>
               }
               learnMore={
                 <>
-                  Learn more about
+                  {t("common.learnMorePrefix")}{" "}
                   <InlineLink
                     href={
                       "https://docs.netbird.io/how-to/routing-traffic-to-private-networks"
                     }
                     target={"_blank"}
                   >
-                    Network Routes
+                    {t("networkRoutesPage.title")}
                     <ExternalLinkIcon size={12} />
                   </InlineLink>
                 </>
@@ -282,7 +289,7 @@ export default function NetworkRoutesTable({
                   disabled={!permission.routes.create}
                 >
                   <PlusCircle size={16} />
-                  Add Route
+                  {t("routeActions.addRoute")}
                 </Button>
               </div>
             )}
@@ -304,7 +311,7 @@ export default function NetworkRoutesTable({
                     : "secondary"
                 }
               >
-                Enabled
+                {t("filters.enabled")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -318,7 +325,7 @@ export default function NetworkRoutesTable({
                     : "secondary"
                 }
               >
-                All
+                {t("filters.all")}
               </ButtonGroup.Button>
             </ButtonGroup>
             <DataTableRowsPerPage
diff --git a/src/modules/routes/RouteActionCell.tsx b/src/modules/routes/RouteActionCell.tsx
index 7bbbd0b3..6733a08a 100644
--- a/src/modules/routes/RouteActionCell.tsx
+++ b/src/modules/routes/RouteActionCell.tsx
@@ -7,6 +7,7 @@ import { useState } from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Route } from "@/interfaces/Route";
 import RouteUpdateModal from "@/modules/routes/RouteUpdateModal";
 
@@ -14,6 +15,7 @@ type Props = {
   route: Route;
 };
 export default function RouteActionCell({ route }: Props) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
   const { confirm } = useDialog();
   const routeRequest = useApiCall<Route>("/routes");
@@ -22,22 +24,21 @@ export default function RouteActionCell({ route }: Props) {
 
   const handleRevoke = async () => {
     notify({
-      title: "Delete Route " + route.network_id,
-      description: "Route was successfully removed",
+      title: t("peerRouteActions.deleteTitle", { name: route.network_id }),
+      description: t("peerRouteActions.deleted"),
       promise: routeRequest.del("", `/${route.id}`).then(() => {
         mutate("/routes");
       }),
-      loadingMessage: "Deleting the route...",
+      loadingMessage: t("peerRouteActions.deleting"),
     });
   };
 
   const handleConfirm = async () => {
     const choice = await confirm({
-      title: `Delete '${route.network_id}'?`,
-      description:
-        "Are you sure you want to delete this route? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("routeActions.confirmDeleteTitle", { name: route.network_id }),
+      description: t("routeActions.confirmDeleteDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("common.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -60,7 +61,7 @@ export default function RouteActionCell({ route }: Props) {
         disabled={!permission.routes.update}
       >
         <PenSquare size={16} />
-        Edit
+        {t("actions.edit")}
       </Button>
       <Button
         variant={"danger-outline"}
@@ -69,7 +70,7 @@ export default function RouteActionCell({ route }: Props) {
         disabled={!permission.routes.delete}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
diff --git a/src/modules/routes/RouteActiveCell.tsx b/src/modules/routes/RouteActiveCell.tsx
index 63de1a39..fe4b422c 100644
--- a/src/modules/routes/RouteActiveCell.tsx
+++ b/src/modules/routes/RouteActiveCell.tsx
@@ -3,12 +3,14 @@ import React, { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useRoutes } from "@/contexts/RoutesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Route } from "@/interfaces/Route";
 
 type Props = {
   route: Route;
 };
 export default function RouteActiveCell({ route }: Readonly<Props>) {
+  const { t } = useI18n();
   const { permission } = usePermissions();
 
   const { updateRoute } = useRoutes();
@@ -22,8 +24,8 @@ export default function RouteActiveCell({ route }: Readonly<Props>) {
         mutate("/routes");
       },
       enabled
-        ? "The network route was successfully enabled"
-        : "The network route was successfully disabled",
+        ? t("peerRouteActions.enabled")
+        : t("peerRouteActions.disabled"),
     );
   };
 
diff --git a/src/modules/routes/RouteAddRoutingPeerModal.tsx b/src/modules/routes/RouteAddRoutingPeerModal.tsx
index df2ab315..91a1476e 100644
--- a/src/modules/routes/RouteAddRoutingPeerModal.tsx
+++ b/src/modules/routes/RouteAddRoutingPeerModal.tsx
@@ -21,6 +21,7 @@ import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import React, { useMemo, useState } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { useRoutes } from "@/contexts/RoutesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Peer } from "@/interfaces/Peer";
 import { GroupedRoute, Route } from "@/interfaces/Route";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
@@ -58,6 +59,7 @@ type ModalProps = {
 };
 
 function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
+  const { t } = useI18n();
   const { createRoute } = useRoutes();
 
   const [routingPeer, setRoutingPeer] = useState<Peer | undefined>(
@@ -146,7 +148,7 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
         access_control_groups: accessControlGroupIds || undefined,
       },
       onSuccess,
-      "Peer was successfully added to the route",
+      t("routeAddRoutingPeer.success"),
     );
   };
 
@@ -164,10 +166,8 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
     <ModalContent maxWidthClass={"max-w-2xl"}>
       <ModalHeader
         icon={<NetworkRoutesIcon className={"fill-netbird"} />}
-        title={"Add New Routing Peer"}
-        description={
-          "When you add multiple routing peers, NetBird enables high availability for this network."
-        }
+        title={t("routeAddRoutingPeer.title")}
+        description={t("routeAddRoutingPeer.description")}
         color={"netbird"}
       />
 
@@ -175,10 +175,8 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
 
       <div className={"flex flex-col gap-6 px-8 py-6"}>
         <div>
-          <Label>Network Identifier</Label>
-          <HelpText>
-            Network name and CIDR that you are adding the route to.
-          </HelpText>
+          <Label>{t("routeModal.networkIdentifier")}</Label>
+          <HelpText>{t("routeAddRoutingPeer.networkHelp")}</HelpText>
           <NetworkRouteSelector
             disabled={groupedRoute != undefined}
             value={routeNetwork}
@@ -186,10 +184,8 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
           />
         </div>
         <div>
-          <Label>Routing Peer</Label>
-          <HelpText>
-            Assign a single peer as a routing peer for the network route.
-          </HelpText>
+          <Label>{t("routeModal.routingPeer")}</Label>
+          <HelpText>{t("routeModal.singlePeerRoute")}</HelpText>
           <PeerSelector
             onChange={setRoutingPeer}
             value={routingPeer}
@@ -198,19 +194,13 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
           />
         </div>
         <div>
-          <Label>Distribution Groups</Label>
-          <HelpText>
-            Advertise this route to peers that belong to the following groups
-          </HelpText>
+          <Label>{t("routeModal.distributionGroups")}</Label>
+          <HelpText>{t("routeModal.distributionGroupsHelp")}</HelpText>
           <PeerGroupSelector onChange={setGroups} values={groups} />
         </div>
         <div>
-          <Label>Access Control Groups (optional)</Label>
-          <HelpText>
-            These groups offer a more granular control of internal services in
-            your network. They can be used in access control policies to limit
-            and control access of this route.
-          </HelpText>
+          <Label>{t("routeModal.accessControlGroupsOptional")}</Label>
+          <HelpText>{t("routeUpdate.accessControlGroupsHelp")}</HelpText>
           <PeerGroupSelector
             onChange={setAccessControlGroups}
             values={accessControlGroups}
@@ -220,21 +210,21 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/routing-traffic-to-private-networks"
               }
               target={"_blank"}
             >
-              Network Routes
+              {t("networkRoutesPage.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("common.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -243,7 +233,7 @@ function Content({ onSuccess, groupedRoute, peer }: ModalProps) {
             onClick={createRouteHandler}
           >
             <PlusCircle size={16} />
-            Add Route
+            {t("routeAddRoutingPeer.addRoute")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/routes/RouteMetricCell.tsx b/src/modules/routes/RouteMetricCell.tsx
index a805de93..1bc70b30 100644
--- a/src/modules/routes/RouteMetricCell.tsx
+++ b/src/modules/routes/RouteMetricCell.tsx
@@ -1,5 +1,6 @@
 import FullTooltip from "@components/FullTooltip";
 import { ArrowUpDown, InfoIcon } from "lucide-react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   metric?: number;
@@ -9,13 +10,14 @@ export default function RouteMetricCell({
   metric,
   useHoverStyle = true,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   return (
     <FullTooltip
       hoverButton={useHoverStyle}
       isAction={true}
       content={
         <div className={"text-xs max-w-xs flex gap-2 items-center"}>
-          <div>Lower metrics have higher priority.</div>
+          <div>{t("routeMetric.priorityHelp")}</div>
         </div>
       }
     >
diff --git a/src/modules/routes/RouteModal.tsx b/src/modules/routes/RouteModal.tsx
index f8eaf952..30259302 100644
--- a/src/modules/routes/RouteModal.tsx
+++ b/src/modules/routes/RouteModal.tsx
@@ -49,6 +49,7 @@ import React, { useEffect, useMemo, useReducer, useRef, useState } from "react";
 import NetworkRoutesIcon from "@/assets/icons/NetworkRoutesIcon";
 import { useDialog } from "@/contexts/DialogProvider";
 import { useRoutes } from "@/contexts/RoutesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { Peer } from "@/interfaces/Peer";
@@ -71,6 +72,7 @@ export default function RouteModal({
   setOpen,
   distributionGroups,
 }: Props) {
+  const { t } = useI18n();
   const { confirm } = useDialog();
   const router = useRouter();
   const [routePolicyModal, setRoutePolicyModal] = useState(false);
@@ -80,11 +82,10 @@ export default function RouteModal({
     if (!r?.access_control_groups) return;
 
     const choice = await confirm({
-      title: `Do you want to create a new access control policy for the route '${r.network_id}'?`,
-      description:
-        "You have one or more access control groups added to this route. These groups allow you to limit access to this route by using them in access policies.",
-      confirmText: "Create Policy",
-      cancelText: "Later",
+      title: t("routeModal.createPolicyTitle", { name: r.network_id }),
+      description: t("routeModal.createPolicyDescription"),
+      confirmText: t("routeModal.createPolicy"),
+      cancelText: t("routeModal.later"),
       type: "default",
     });
     if (!choice) return;
@@ -157,6 +158,7 @@ export function RouteModalContent({
   isFirstExitNode = false,
   distributionGroups,
 }: ModalProps) {
+  const { t } = useI18n();
   const { createRoute } = useRoutes();
   const [tab, setTab] = useState(
     exitNode && peer ? "access-control" : "network",
@@ -334,8 +336,8 @@ export function RouteModalContent({
   const cidrError = useMemo(() => {
     if (networkRange == "") return "";
     const validCIDR = cidr.isValidAddress(networkRange);
-    if (!validCIDR) return "Please enter a valid CIDR, e.g., 192.168.1.0/24";
-  }, [networkRange]);
+    if (!validCIDR) return t("routeModal.validCidrError");
+  }, [networkRange, t]);
 
   const isGroupsEntered = useMemo(() => {
     return groups.length > 0;
@@ -361,15 +363,15 @@ export function RouteModalContent({
 
   const networkIdentifierError = useMemo(() => {
     return (networkIdentifier?.length || 0) > 40
-      ? "Network Identifier must be less than 40 characters"
+      ? t("routeModal.networkIdentifierError")
       : "";
-  }, [networkIdentifier]);
+  }, [networkIdentifier, t]);
 
   const metricError = useMemo(() => {
     return parseInt(metric) < 1 || parseInt(metric) > 9999
-      ? "Metric must be between 1 and 9999"
+      ? t("routeModal.metricError")
       : "";
-  }, [metric]);
+  }, [metric, t]);
 
   const isNameEntered = useMemo(() => {
     return networkIdentifier != "" && networkIdentifierError == "";
@@ -397,17 +399,17 @@ export function RouteModalContent({
         title={
           exitNode
             ? isFirstExitNode
-              ? "Set Up Exit Node"
-              : "Add Exit Node"
-            : "Create New  Route"
+              ? t("routeModal.setupExitNode")
+              : t("routeModal.addExitNode")
+            : t("routeModal.createRoute")
         }
         truncate={!!peer}
         description={
           exitNode
             ? peer
-              ? `Route all traffic through the peer '${peer.name}'`
-              : "Route all internet traffic through a peer"
-            : "Access LANs and VPC by adding a network route."
+              ? t("routeModal.routeAllTrafficPeer", { name: peer.name })
+              : t("routeModal.routeAllTraffic")
+            : t("routeModal.description")
         }
         color={exitNode ? "yellow" : "netbird"}
       />
@@ -425,7 +427,7 @@ export function RouteModalContent({
                   "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
                 }
               />
-              Route
+              {t("routeModal.routeTab")}
             </TabsTrigger>
           )}
 
@@ -436,7 +438,7 @@ export function RouteModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Groups
+            {t("routeModal.groupsTab")}
           </TabsTrigger>
           <TabsTrigger
             value={"general"}
@@ -449,7 +451,7 @@ export function RouteModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Name & Description
+            {t("routeModal.generalTab")}
           </TabsTrigger>
           <TabsTrigger
             value={"settings"}
@@ -461,17 +463,14 @@ export function RouteModalContent({
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Additional Settings
+            {t("routeModal.settingsTab")}
           </TabsTrigger>
         </TabsList>
         <TabsContent value={"network"} className={"pb-8"}>
           <div className={"px-8 flex-col flex gap-4"}>
             <div className={cn(exitNode && "hidden")}>
-              <Label>Route Type</Label>
-              <HelpText>
-                Select your route type to add either a network range or a list
-                of domains.
-              </HelpText>
+              <Label>{t("routeModal.routeType")}</Label>
+              <HelpText>{t("routeModal.routeTypeHelp")}</HelpText>
               <div className={"flex justify-between items-center w-full"}>
                 <ButtonGroup className={"w-full"}>
                   <ButtonGroup.Button
@@ -480,7 +479,7 @@ export function RouteModalContent({
                     className={"w-full"}
                   >
                     <NetworkIcon size={16} />
-                    Network Range
+                    {t("routeModal.networkRange")}
                   </ButtonGroup.Button>
                   <ButtonGroup.Button
                     variant={routeType == "domains" ? "tertiary" : "secondary"}
@@ -488,7 +487,7 @@ export function RouteModalContent({
                     className={"w-full"}
                   >
                     <GlobeIcon size={16} />
-                    Domains
+                    {t("routeModal.domains")}
                   </ButtonGroup.Button>
                 </ButtonGroup>
               </div>
@@ -499,12 +498,12 @@ export function RouteModalContent({
                   routeType !== "ip-range" && "hidden",
                 )}
               >
-                <Label>Network Range</Label>
-                <HelpText>Add a private IPv4 address range</HelpText>
+                <Label>{t("routeModal.networkRange")}</Label>
+                <HelpText>{t("routeModal.networkRangeHelp")}</HelpText>
                 <Input
                   ref={networkRangeRef}
                   customPrefix={<NetworkIcon size={16} />}
-                  placeholder={"e.g., 172.16.0.0/16"}
+                  placeholder={t("routeModal.networkRangePlaceholder")}
                   value={networkRange}
                   data-cy={"network-range"}
                   className={"font-mono !text-[13px]"}
@@ -516,11 +515,8 @@ export function RouteModalContent({
               <div
                 className={cn("mt-5 mb-3", routeType !== "domains" && "hidden")}
               >
-                <Label>Domains</Label>
-                <HelpText>
-                  Add domains that dynamically resolve to one or more IPv4
-                  addresses. <br /> A maximum of 32 domains can be added.
-                </HelpText>
+                <Label>{t("routeModal.domains")}</Label>
+                <HelpText>{t("routeModal.domainsHelp")}</HelpText>
                 <div>
                   {domainRoutes.length > 0 && (
                     <div className={"flex gap-3 w-full mb-3"}>
@@ -560,7 +556,7 @@ export function RouteModalContent({
                     onClick={() => setDomainRoutes({ type: "ADD" })}
                   >
                     <PlusIcon size={14} />
-                    Add Domain
+                    {t("routeModal.addDomain")}
                   </Button>
                 </div>
                 <div className={cn("mt-6 w-full")}>
@@ -568,9 +564,7 @@ export function RouteModalContent({
                     side={"top"}
                     content={
                       <div className={"text-xs max-w-xs"}>
-                        DNS records for load-balanced systems often change.
-                        Keeping resolved addresses ensures ongoing connections
-                        to active resources remain uninterrupted.
+                        {t("routeModal.keepRoutesTooltip")}
                       </div>
                     }
                     className={"w-full block"}
@@ -582,7 +576,7 @@ export function RouteModalContent({
                         <>
                           <div className={"flex gap-2"}>
                             <GlobeLockIcon size={14} />
-                            Keep Routes
+                            {t("routeModal.keepRoutes")}
                             <CircleHelp
                               size={12}
                               className={"top-[1px] relative text-nb-gray-300"}
@@ -591,10 +585,7 @@ export function RouteModalContent({
                         </>
                       }
                       helpText={
-                        <div>
-                          Retain previously resolved routes after IP address
-                          updates to maintain stable connections.
-                        </div>
+                        <div>{t("routeModal.keepRoutesHelp")}</div>
                       }
                     />
                   </FullTooltip>
@@ -616,19 +607,20 @@ export function RouteModalContent({
                 <SegmentedTabs.List>
                   <SegmentedTabs.Trigger value={"routing-peer"}>
                     <MonitorSmartphoneIcon size={16} />
-                    Routing Peer
+                    {t("routeModal.routingPeer")}
                   </SegmentedTabs.Trigger>
 
                   <SegmentedTabs.Trigger value={"peer-group"} disabled={!!peer}>
                     <FolderGit2 size={16} />
-                    Peer Group
+                    {t("routeModal.peerGroup")}
                   </SegmentedTabs.Trigger>
                 </SegmentedTabs.List>
                 <SegmentedTabs.Content value={"routing-peer"}>
                   <div>
                     <HelpText>
-                      Assign a single peer as a routing peer for the
-                      {exitNode ? " exit node." : " network route."}
+                      {exitNode
+                        ? t("routeModal.singlePeerExitNode")
+                        : t("routeModal.singlePeerRoute")}
                     </HelpText>
                     <PeerSelector
                       onChange={setRoutingPeer}
@@ -640,8 +632,9 @@ export function RouteModalContent({
                 <SegmentedTabs.Content value={"peer-group"}>
                   <div>
                     <HelpText>
-                      Assign a peer group with machines to be used as
-                      {exitNode ? " exit nodes." : " routing peers."}
+                      {exitNode
+                        ? t("routeModal.peerGroupExitNode")
+                        : t("routeModal.peerGroupRoute")}
                     </HelpText>
                     <PeerGroupSelector
                       max={1}
@@ -657,22 +650,19 @@ export function RouteModalContent({
         <TabsContent value={"access-control"} className={"pb-8"}>
           <div className={"px-8 flex-col flex gap-6"}>
             <div>
-              <Label>Distribution Groups</Label>
+              <Label>{t("routeModal.distributionGroups")}</Label>
               <HelpText>
                 {exitNode
                   ? peer
-                    ? `Route all internet traffic through this peer for the following groups`
-                    : `Route all internet traffic through the peer(s) for the following groups`
-                  : "Advertise this route to peers that belong to the following groups"}
+                    ? t("routeModal.distributionGroupsPeerHelp")
+                    : t("routeModal.distributionGroupsPeersHelp")
+                  : t("routeModal.distributionGroupsHelp")}
               </HelpText>
               <PeerGroupSelector onChange={setGroups} values={groups} />
             </div>
             <div>
-              <Label>Access Control Groups (optional)</Label>
-              <HelpText>
-                These groups allow you to limit access to this route. Simply use
-                these groups as a destination when creating access policies.
-              </HelpText>
+              <Label>{t("routeModal.accessControlGroupsOptional")}</Label>
+              <HelpText>{t("routeModal.accessControlGroupsHelp")}</HelpText>
               <PeerGroupSelector
                 dataCy={"access-control-groups-selector"}
                 onChange={setAccessControlGroups}
@@ -684,31 +674,25 @@ export function RouteModalContent({
         <TabsContent value={"general"} className={"px-8 pb-6"}>
           <div className={"flex flex-col gap-6"}>
             <div>
-              <Label>Network Identifier</Label>
-              <HelpText>
-                Add a unique network identifier that is assigned to each device.
-              </HelpText>
+              <Label>{t("routeModal.networkIdentifier")}</Label>
+              <HelpText>{t("routeModal.networkIdentifierHelp")}</HelpText>
               <Input
                 error={networkIdentifierError}
                 autoFocus={true}
                 data-cy={"network-identifier"}
                 tabIndex={0}
                 ref={nameRef}
-                placeholder={"e.g., aws-eu-central-1-vpc"}
+                placeholder={t("routeModal.networkIdentifierPlaceholder")}
                 value={networkIdentifier}
                 onChange={(e) => setNetworkIdentifier(e.target.value)}
               />
             </div>
             <div>
-              <Label>Description (optional)</Label>
-              <HelpText>
-                Write a short description to add more context to this route.
-              </HelpText>
+              <Label>{t("routeModal.descriptionOptional")}</Label>
+              <HelpText>{t("routeModal.descriptionHelp")}</HelpText>
               <Textarea
                 data-cy={"description"}
-                placeholder={
-                  "e.g., Route to access all devices in the AWS VPC, located in Frankfurt."
-                }
+                placeholder={t("routeModal.descriptionPlaceholder")}
                 value={description}
                 rows={3}
                 onChange={(e) => setDescription(e.target.value)}
@@ -724,10 +708,10 @@ export function RouteModalContent({
               label={
                 <>
                   <Power size={15} />
-                  Enable Route
+                  {t("routeModal.enableRoute")}
                 </>
               }
-              helpText={"Use this switch to enable or disable the route."}
+              helpText={t("routeModal.enableRouteHelp")}
             />
 
             {exitNode && (
@@ -737,12 +721,10 @@ export function RouteModalContent({
                 label={
                   <>
                     <IconDirectionSign size={15} />
-                    Auto Apply Route
+                    {t("routeModal.autoApplyRoute")}
                   </>
                 }
-                helpText={
-                  "Automatically apply this exit node to your distribution groups. This requires NetBird client v0.55.0 or higher."
-                }
+                helpText={t("routeModal.autoApplyRouteHelp")}
               />
             )}
 
@@ -757,9 +739,9 @@ export function RouteModalContent({
 
             <div className={cn("flex justify-between")}>
               <div>
-                <Label>Metric</Label>
+                <Label>{t("networkRouting.metric")}</Label>
                 <HelpText className={"max-w-[200px]"}>
-                  A lower metric indicates higher priority routes.
+                  {t("routeModal.metricHelp")}
                 </HelpText>
               </div>
 
@@ -788,7 +770,7 @@ export function RouteModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={
                 exitNode
@@ -797,7 +779,7 @@ export function RouteModalContent({
               }
               target={"_blank"}
             >
-              {exitNode ? "Exit Nodes" : "Network Routes"}
+              {exitNode ? t("routeModal.exitNodes") : t("networkRoutesPage.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
@@ -805,13 +787,13 @@ export function RouteModalContent({
         <div className={"flex gap-3 w-full justify-end"}>
           {(tab == "network" || (tab == "access-control" && exitNode)) && (
             <ModalClose asChild={true}>
-              <Button variant={"secondary"}>Cancel</Button>
+              <Button variant={"secondary"}>{t("actions.cancel")}</Button>
             </ModalClose>
           )}
 
           {tab == "access-control" && !exitNode && (
             <Button variant={"secondary"} onClick={() => setTab("network")}>
-              Back
+              {t("actions.back")}
             </Button>
           )}
 
@@ -820,13 +802,13 @@ export function RouteModalContent({
               variant={"secondary"}
               onClick={() => setTab("access-control")}
             >
-              Back
+              {t("actions.back")}
             </Button>
           )}
 
           {tab == "settings" && (
             <Button variant={"secondary"} onClick={() => setTab("general")}>
-              Back
+              {t("actions.back")}
             </Button>
           )}
 
@@ -836,7 +818,7 @@ export function RouteModalContent({
               onClick={() => setTab("access-control")}
               disabled={!isNetworkEntered}
             >
-              Continue
+              {t("actions.continue")}
             </Button>
           )}
           {tab == "access-control" && (
@@ -845,7 +827,7 @@ export function RouteModalContent({
               onClick={() => setTab("general")}
               disabled={!isGroupsEntered}
             >
-              Continue
+              {t("actions.continue")}
             </Button>
           )}
           {tab == "general" && (
@@ -854,7 +836,7 @@ export function RouteModalContent({
               onClick={() => setTab("settings")}
               disabled={!isNameEntered || !isNetworkEntered}
             >
-              Continue
+              {t("actions.continue")}
             </Button>
           )}
           {tab == "settings" && (
@@ -865,7 +847,7 @@ export function RouteModalContent({
               onClick={createRouteHandler}
             >
               <PlusCircle size={16} />
-              {exitNode ? "Add Exit Node" : "Add Route"}
+              {exitNode ? t("routeModal.addExitNode") : t("routeActions.addRoute")}
             </Button>
           )}
         </div>
diff --git a/src/modules/routes/RouteTable.tsx b/src/modules/routes/RouteTable.tsx
index 1d628b40..99f31b4d 100644
--- a/src/modules/routes/RouteTable.tsx
+++ b/src/modules/routes/RouteTable.tsx
@@ -3,6 +3,7 @@ import DataTableHeader from "@components/table/DataTableHeader";
 import { ColumnDef, SortingState } from "@tanstack/react-table";
 import React, { useMemo, useState } from "react";
 import { useGroups } from "@/contexts/GroupsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { GroupedRoute, Route } from "@/interfaces/Route";
 import RouteAccessControlGroups from "@/modules/routes/RouteAccessControlGroups";
 import RouteActionCell from "@/modules/routes/RouteActionCell";
@@ -15,93 +16,103 @@ import RoutePeerCell from "@/modules/routes/RoutePeerCell";
 type Props = {
   row: GroupedRoute;
 };
-export const RouteTableColumns: ColumnDef<Route>[] = [
-  {
-    accessorKey: "network_id",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+function useRouteTableColumns(): ColumnDef<Route>[] {
+  const { t } = useI18n();
+
+  return [
+    {
+      accessorKey: "network_id",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+      },
+      sortingFn: "text",
+      cell: ({ row }) => <RoutePeerCell route={row.original} />,
     },
-    sortingFn: "text",
-    cell: ({ row }) => <RoutePeerCell route={row.original} />,
-  },
-  {
-    accessorKey: "description",
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "domain_search",
-    sortingFn: "text",
-  },
-  {
-    accessorKey: "network",
-  },
-  {
-    id: "domains",
-    accessorFn: (row) => {
-      return row.domains?.map((name) => name).join(", ");
+    {
+      accessorKey: "description",
+      sortingFn: "text",
+    },
+    {
+      accessorKey: "domain_search",
+      sortingFn: "text",
     },
-  },
-  {
-    accessorKey: "metric",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Metric</DataTableHeader>;
+    {
+      accessorKey: "network",
     },
-    cell: ({ row }) => <RouteMetricCell metric={row.original.metric} />,
-    sortingFn: "alphanumeric",
-  },
-  {
-    id: "enabled",
-    accessorKey: "enabled",
-    sortingFn: "basic",
-    header: ({ column }) => (
-      <DataTableHeader column={column}>Active</DataTableHeader>
-    ),
-    cell: ({ row }) => <RouteActiveCell route={row.original} />,
-  },
-  {
-    id: "groups",
-    accessorFn: (r) => r.groups?.length,
-    header: ({ column }) => {
-      return (
-        <DataTableHeader column={column}>Distribution Groups</DataTableHeader>
-      );
+    {
+      id: "domains",
+      accessorFn: (row) => {
+        return row.domains?.map((name) => name).join(", ");
+      },
     },
-    cell: ({ row }) => <RouteDistributionGroupsCell route={row.original} />,
-  },
-  {
-    id: "access_control_groups",
-    accessorFn: (r) => r?.access_control_groups?.length,
-    header: ({ column }) => {
-      return (
-        <DataTableHeader column={column}>Access Control Groups</DataTableHeader>
-      );
+    {
+      accessorKey: "metric",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("networkRouting.metric")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <RouteMetricCell metric={row.original.metric} />,
+      sortingFn: "alphanumeric",
     },
-    cell: ({ row }) => <RouteAccessControlGroups route={row.original} />,
-  },
-  {
-    id: "skipAutoApply",
-    accessorKey: "skip_auto_apply",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Auto Apply</DataTableHeader>;
+    {
+      id: "enabled",
+      accessorKey: "enabled",
+      sortingFn: "basic",
+      header: ({ column }) => (
+        <DataTableHeader column={column}>{t("table.active")}</DataTableHeader>
+      ),
+      cell: ({ row }) => <RouteActiveCell route={row.original} />,
     },
-    cell: ({ row }) => <RouteAutoApplyCell route={row.original} />,
-    sortingFn: "basic",
-  },
-  {
-    id: "group_names",
-    accessorFn: (row) => {
-      return row.group_names?.map((name) => name).join(", ");
+    {
+      id: "groups",
+      accessorFn: (r) => r.groups?.length,
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>
+            {t("routeModal.distributionGroups")}
+          </DataTableHeader>
+        );
+      },
+      cell: ({ row }) => <RouteDistributionGroupsCell route={row.original} />,
     },
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => <RouteActionCell route={row.original} />,
-  },
-];
+    {
+      id: "access_control_groups",
+      accessorFn: (r) => r?.access_control_groups?.length,
+      header: ({ column }) => {
+        return (
+          <DataTableHeader column={column}>
+            {t("routeModal.accessControlGroups")}
+          </DataTableHeader>
+        );
+      },
+      cell: ({ row }) => <RouteAccessControlGroups route={row.original} />,
+    },
+    {
+      id: "skipAutoApply",
+      accessorKey: "skip_auto_apply",
+      header: ({ column }) => {
+        return <DataTableHeader column={column}>{t("routeModal.autoApplyRoute")}</DataTableHeader>;
+      },
+      cell: ({ row }) => <RouteAutoApplyCell route={row.original} />,
+      sortingFn: "basic",
+    },
+    {
+      id: "group_names",
+      accessorFn: (row) => {
+        return row.group_names?.map((name) => name).join(", ");
+      },
+    },
+    {
+      accessorKey: "id",
+      header: "",
+      cell: ({ row }) => <RouteActionCell route={row.original} />,
+    },
+  ];
+}
 
 export default function RouteTable({ row }: Props) {
+  const { t } = useI18n();
   const { groups } = useGroups();
+  const columns = useRouteTableColumns();
 
   // Default sorting state of the table
   const [sorting, setSorting] = useState<SortingState>([
@@ -149,7 +160,7 @@ export default function RouteTable({ row }: Props) {
         showSearchAndFilters={false}
         className={"bg-nb-gray-960 py-2"}
         inset={true}
-        text={"Network Routes"}
+        text={t("networkRoutesPage.title")}
         manualPagination={true}
         sorting={sorting}
         columnVisibility={{
@@ -161,7 +172,7 @@ export default function RouteTable({ row }: Props) {
           skipAutoApply: !!hasAtLeastOneExitNode,
         }}
         setSorting={setSorting}
-        columns={RouteTableColumns}
+        columns={columns}
         data={data}
       />
     </>
diff --git a/src/modules/routes/RouteUpdateModal.tsx b/src/modules/routes/RouteUpdateModal.tsx
index 4324e31a..29f64876 100644
--- a/src/modules/routes/RouteUpdateModal.tsx
+++ b/src/modules/routes/RouteUpdateModal.tsx
@@ -38,6 +38,7 @@ import { useGroupRoute } from "@/contexts/GroupRouteProvider";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePeers } from "@/contexts/PeersProvider";
 import { useRoutes } from "@/contexts/RoutesProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { Peer } from "@/interfaces/Peer";
 import { Route } from "@/interfaces/Route";
@@ -79,6 +80,7 @@ type ModalProps = {
 };
 
 function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
+  const { t } = useI18n();
   const { updateRoute } = useRoutes();
   const { peers } = usePeers();
   const { groups: allGroups } = useGroups();
@@ -284,9 +286,9 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
 
   const metricError = useMemo(() => {
     return parseInt(metric.toString()) < 1 || parseInt(metric.toString()) > 9999
-      ? "Metric must be between 1 and 9999"
+      ? t("routeModal.metricError")
       : "";
-  }, [metric]);
+  }, [metric, t]);
 
   // Is button disabled
   const isDisabled = useMemo(() => {
@@ -324,7 +326,7 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
     <ModalContent maxWidthClass={"max-w-2xl"}>
       <ModalHeader
         icon={<NetworkRoutesIcon className={"fill-netbird"} />}
-        title={"Update " + route.network_id}
+        title={t("routeUpdate.title", { name: route.network_id })}
         description={routeInfo}
         color={"netbird"}
         truncate={true}
@@ -350,7 +352,7 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Route
+            {t("routeModal.routeTab")}
           </TabsTrigger>
           <TabsTrigger
             value={"general"}
@@ -362,7 +364,7 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Description
+            {t("routeUpdate.descriptionTab")}
           </TabsTrigger>
           <TabsTrigger value={"settings"}>
             <Settings2
@@ -371,7 +373,7 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
                 "text-nb-gray-500 group-data-[state=active]/trigger:text-netbird transition-all"
               }
             />
-            Settings
+            {t("routeUpdate.settingsTab")}
           </TabsTrigger>
         </TabsList>
 
@@ -379,10 +381,11 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
           <div className={"px-8 flex-col flex gap-6"}>
             {route.peer ? (
               <div>
-                <Label>Routing Peer</Label>
+                <Label>{t("routeModal.routingPeer")}</Label>
                 <HelpText>
-                  Assign a single peer as a routing peer for the
-                  {isExitNode ? " exit node." : " network route."}
+                  {isExitNode
+                    ? t("routeModal.singlePeerExitNode")
+                    : t("routeModal.singlePeerRoute")}
                 </HelpText>
                 <PeerSelector
                   onChange={setRoutingPeer}
@@ -392,10 +395,11 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
               </div>
             ) : (
               <div>
-                <Label>Peer Group</Label>
+                <Label>{t("routeModal.peerGroup")}</Label>
                 <HelpText>
-                  Assign a peer group with machines to be used as
-                  {isExitNode ? " exit nodes." : " routing peers."}
+                  {isExitNode
+                    ? t("routeModal.peerGroupExitNode")
+                    : t("routeModal.peerGroupRoute")}
                 </HelpText>
                 <PeerGroupSelector
                   max={1}
@@ -406,21 +410,14 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
             )}
 
             <div>
-              <Label>Distribution Groups</Label>
-              <HelpText>
-                Advertise this route to peers that belong to the following
-                groups
-              </HelpText>
+              <Label>{t("routeModal.distributionGroups")}</Label>
+              <HelpText>{t("routeModal.distributionGroupsHelp")}</HelpText>
               <PeerGroupSelector onChange={setGroups} values={groups} />
             </div>
 
             <div>
-              <Label>Access Control Groups (optional)</Label>
-              <HelpText>
-                These groups offer a more granular control of internal services
-                in your network. They can be used in access control policies to
-                limit and control access of this route.
-              </HelpText>
+              <Label>{t("routeModal.accessControlGroupsOptional")}</Label>
+              <HelpText>{t("routeUpdate.accessControlGroupsHelp")}</HelpText>
               <PeerGroupSelector
                 onChange={setAccessControlGroups}
                 values={accessControlGroups}
@@ -431,14 +428,10 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
         <TabsContent value={"general"} className={"px-8 pb-6"}>
           <div className={"flex flex-col gap-6"}>
             <div>
-              <Label>Description (optional)</Label>
-              <HelpText>
-                Write a short description to add more context to this route.
-              </HelpText>
+              <Label>{t("routeModal.descriptionOptional")}</Label>
+              <HelpText>{t("routeModal.descriptionHelp")}</HelpText>
               <Textarea
-                placeholder={
-                  "e.g., Route to access all devices in the AWS VPC, located in Frankfurt."
-                }
+                placeholder={t("routeModal.descriptionPlaceholder")}
                 value={description}
                 rows={3}
                 onChange={(e) => setDescription(e.target.value)}
@@ -454,10 +447,10 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
               label={
                 <>
                   <Power size={15} />
-                  Enable Route
+                  {t("routeModal.enableRoute")}
                 </>
               }
-              helpText={"Use this switch to enable or disable the route."}
+              helpText={t("routeModal.enableRouteHelp")}
             />
 
             {isExitNode && (
@@ -467,10 +460,10 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
                   label={
                     <>
                       <IconDirectionSign size={15} />
-                      Auto Apply Route
+                      {t("routeModal.autoApplyRoute")}
                     </>
                   }
-                  helpText={"Automatically apply this exit node to your distribution groups. This requires NetBird client v0.55.0 or higher."}
+                  helpText={t("routeModal.autoApplyRouteHelp")}
                 />
             )}
 
@@ -484,9 +477,9 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
             )}
             <div className={cn("flex justify-between")}>
               <div>
-                <Label>Metric</Label>
+                <Label>{t("networkRouting.metric")}</Label>
                 <HelpText className={"max-w-[200px]"}>
-                  A lower metric indicates a higher priority route.
+                  {t("routeUpdate.metricHelp")}
                 </HelpText>
               </div>
 
@@ -514,21 +507,21 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/routing-traffic-to-private-networks"
               }
               target={"_blank"}
             >
-              Network Routes
+              {t("networkRoutesPage.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -536,7 +529,7 @@ function RouteUpdateModalContent({ onSuccess, route, cell }: ModalProps) {
             disabled={isDisabled}
             onClick={updateRouteHandler}
           >
-            Save Changes
+            {t("actions.saveChanges")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/settings/AuthenticationTab.tsx b/src/modules/settings/AuthenticationTab.tsx
index 40a37c15..36c03078 100644
--- a/src/modules/settings/AuthenticationTab.tsx
+++ b/src/modules/settings/AuthenticationTab.tsx
@@ -31,6 +31,7 @@ import { useSWRConfig } from "swr";
 import SettingsIcon from "@/assets/icons/SettingsIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useHasChanges } from "@/hooks/useHasChanges";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Account } from "@/interfaces/Account";
 
 type Props = {
@@ -39,6 +40,7 @@ type Props = {
 
 export default function AuthenticationTab({ account }: Readonly<Props>) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { mutate } = useSWRConfig();
 
@@ -111,8 +113,8 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
     const expiration = convertToSeconds(expiresIn, expireInterval);
 
     notify({
-      title: "Save Authentication Settings",
-      description: "Authentication settings successfully saved.",
+      title: t("authenticationTab.saveTitle"),
+      description: t("authenticationTab.saveDescription"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -144,7 +146,7 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
             peerInactivityExpireInterval,
           ]);
         }),
-      loadingMessage: "Saving the authentication settings...",
+      loadingMessage: t("authenticationTab.saving"),
     });
   };
 
@@ -154,28 +156,28 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Authentication"}
+            label={t("settings.authentication")}
             icon={<ShieldIcon size={14} />}
             active
           />
         </Breadcrumbs>
         <div className={"flex items-start justify-between"}>
           <div>
-            <h1>Authentication</h1>
+            <h1>{t("settings.authentication")}</h1>
             <Paragraph>
-              Learn more about
+              {t("common.learnMorePrefix")}
               <InlineLink
                 href={
                   "https://docs.netbird.io/how-to/enforce-periodic-user-authentication"
                 }
                 target={"_blank"}
               >
-                Authentication
+                {t("settings.authentication")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </Paragraph>
@@ -187,7 +189,7 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
             onClick={saveChanges}
             data-cy={"save-authentication-settings"}
           >
-            Save Changes
+            {t("actions.saveChanges")}
           </Button>
         </div>
 
@@ -200,13 +202,13 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
               label={
                 <>
                   <ShieldUserIcon size={15} />
-                  User Approval Required
+                  {t("authenticationTab.userApprovalLabel")}
                 </>
               }
               helpText={
                 <>
-                  Require manual approval for new users joining via <br />
-                  domain matching. Users will be blocked until approved.
+                  {t("authenticationTab.userApprovalHelpLine1")} <br />
+                  {t("authenticationTab.userApprovalHelpLine2")}
                 </>
               }
               disabled={!permission.settings.update}
@@ -224,13 +226,13 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
               label={
                 <>
                   <TimerResetIcon size={15} />
-                  Peer Session Expiration
+                  {t("authenticationTab.peerSessionLabel")}
                 </>
               }
               helpText={
                 <>
-                  Request periodic re-authentication of peers <br />
-                  registered with SSO.
+                  {t("authenticationTab.peerSessionHelpLine1")} <br />
+                  {t("authenticationTab.peerSessionHelpLine2")}
                 </>
               }
               disabled={!permission.settings.update}
@@ -246,10 +248,9 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
             >
               <div className={cn("flex justify-between gap-10 mt-2")}>
                 <div className={"w-full"}>
-                  <Label>Session Expiration</Label>
+                  <Label>{t("authenticationTab.sessionExpiration")}</Label>
                   <HelpText>
-                    Time after which every peer added with SSO login will
-                    require re-authentication.
+                    {t("authenticationTab.sessionExpirationHelp")}
                   </HelpText>
                 </div>
                 <div className={"w-full flex gap-3"}>
@@ -280,7 +281,7 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
                           className={"text-nb-gray-300"}
                         />
                         <SelectValue
-                          placeholder="Select interval..."
+                          placeholder={t("authenticationTab.selectInterval")}
                           data-cy={"peer-login-expiration-select-value"}
                         />
                       </div>
@@ -288,8 +289,12 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
                     <SelectContent
                       data-cy={"peer-login-expiration-select-content"}
                     >
-                      <SelectItem value="days">Days</SelectItem>
-                      <SelectItem value="hours">Hours</SelectItem>
+                      <SelectItem value="days">
+                        {t("authenticationTab.days")}
+                      </SelectItem>
+                      <SelectItem value="hours">
+                        {t("authenticationTab.hours")}
+                      </SelectItem>
                     </SelectContent>
                   </Select>
                 </div>
@@ -299,12 +304,11 @@ export default function AuthenticationTab({ account }: Readonly<Props>) {
                 value={peerInactivityExpirationEnabled}
                 onChange={setPeerInactivityExpirationEnabled}
                 dataCy={"peer-inactivity-expiration"}
-                label={<>Require login after disconnect</>}
+                label={<>{t("authenticationTab.requireLoginAfterDisconnect")}</>}
                 disabled={!permission.settings.update}
                 helpText={
                   <>
-                    Enable to require authentication after users disconnect from
-                    management for 10 minutes.
+                    {t("authenticationTab.requireLoginAfterDisconnectHelp")}
                   </>
                 }
               />
diff --git a/src/modules/settings/ClientSettingsTab.tsx b/src/modules/settings/ClientSettingsTab.tsx
index 56bcc90e..1dae11d7 100644
--- a/src/modules/settings/ClientSettingsTab.tsx
+++ b/src/modules/settings/ClientSettingsTab.tsx
@@ -28,6 +28,7 @@ import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import SettingsIcon from "@/assets/icons/SettingsIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Account } from "@/interfaces/Account";
 import { SmallBadge } from "@components/ui/SmallBadge";
 import ReverseProxyIcon from "@/assets/icons/ReverseProxyIcon";
@@ -39,21 +40,6 @@ type Props = {
   account: Account;
 };
 
-const latestOrCustomVersion = [
-  {
-    label: "Disabled",
-    value: "disabled",
-  },
-  {
-    label: "Latest Version",
-    value: "latest",
-  },
-  {
-    label: "Custom Version",
-    value: "custom",
-  },
-] as SelectOption[];
-
 export default function ClientSettingsTab({ account }: Readonly<Props>) {
   const { isLoading: isGroupsLoading } = useGroups();
 
@@ -66,9 +52,24 @@ export default function ClientSettingsTab({ account }: Readonly<Props>) {
 
 function ClientSettingsTabContent({ account }: Readonly<Props>) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { mutate } = useSWRConfig();
   const saveRequest = useApiCall<Account>("/accounts/" + account.id, true);
+  const latestOrCustomVersion: SelectOption[] = [
+    {
+      label: t("clientSettings.autoUpdateDisabled"),
+      value: "disabled",
+    },
+    {
+      label: t("clientSettings.autoUpdateLatest"),
+      value: "latest",
+    },
+    {
+      label: t("clientSettings.autoUpdateCustom"),
+      value: "custom",
+    },
+  ];
 
   const [lazyConnection, setLazyConnection] = useState(
     account.settings?.lazy_connection_enabled ?? false,
@@ -118,13 +119,13 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
   };
 
   const versionError = useMemo(() => {
-    const msg = "Please enter a valid version, e.g., 0.2, 0.2.0, 0.2.0-alpha.1";
+    const msg = t("clientSettings.versionError");
     if (autoUpdateCustomVersion == "") return "";
     if (autoUpdateCustomVersion == "-") return "";
     const validSemver = validator.isValidVersion(autoUpdateCustomVersion);
     if (!validSemver) return msg;
     return "";
-  }, [autoUpdateCustomVersion]);
+  }, [autoUpdateCustomVersion, t]);
 
   const canSaveCustomVersion =
     autoUpdateCustomVersion !== "" &&
@@ -154,8 +155,8 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
       .filter(Boolean) as string[];
 
     notify({
-      title: "Client Settings",
-      description: `Client settings successfully updated.`,
+      title: t("clientSettings.notifyTitle"),
+      description: t("clientSettings.updatedDescription"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -177,16 +178,16 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
             peerExposeGroupNames,
           ]);
         }),
-      loadingMessage: "Updating client settings...",
+      loadingMessage: t("clientSettings.updating"),
     });
   };
 
   const toggleLazyConnection = async (toggle: boolean) => {
     notify({
-      title: "Lazy Connections",
-      description: `Lazy Connections successfully ${
-        toggle ? "enabled" : "disabled"
-      }.`,
+      title: t("clientSettings.lazyConnectionsTitle"),
+      description: toggle
+        ? t("clientSettings.lazyConnectionsEnabled")
+        : t("clientSettings.lazyConnectionsDisabled"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -199,7 +200,7 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
           setLazyConnection(toggle);
           mutate("/accounts");
         }),
-      loadingMessage: "Updating Lazy Connections setting...",
+      loadingMessage: t("clientSettings.lazyConnectionsUpdating"),
     });
   };
 
@@ -209,25 +210,25 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings?tab=clients"}
-            label={"Clients"}
+            label={t("settings.clients")}
             icon={<MonitorSmartphoneIcon size={14} />}
             active
           />
         </Breadcrumbs>
         <div className={"flex items-start justify-between"}>
-          <h1>Clients</h1>
+          <h1>{t("settings.clients")}</h1>
           <Button
             variant={"primary"}
             disabled={isSaveButtonDisabled}
             onClick={saveChanges}
             data-cy={"save-clients-settings"}
           >
-            Save Changes
+            {t("actions.saveChanges")}
           </Button>
         </div>
 
@@ -235,24 +236,27 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
           <div className={"flex flex-col relative"}>
             <Label>
               <RefreshCcw size={15} />
-              Automatic Updates
+              {t("clientSettings.automaticUpdates")}
               <SmallBadge
-                text={"Beta"}
+                text={t("common.beta")}
                 variant={"sky"}
                 className={"text-[9px] leading-none py-[3px] px-[5px]"}
                 textClassName={"top-0"}
               />
             </Label>
             <HelpText>
-              Configure how NetBird clients receive update notifications.
-              When enabled, users will be prompted to install the selected
-              version. This requires at least NetBird{" "}
+              {t("clientSettings.automaticUpdatesHelpPrefix")}
+              {` `}
+              {t("clientSettings.automaticUpdatesHelpMiddle")}
+              {` `}
+              {t("clientSettings.requiresAtLeast")}
+              {` `}
               <span className={"text-white font-medium"}>v0.61.0</span>.{" "}
               <InlineLink
                 href={"https://docs.netbird.io/manage/peers/auto-update"}
                 target={"_blank"}
               >
-                Learn more
+                {t("clientSettings.learnMore")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </HelpText>
@@ -264,8 +268,8 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
               />
               <Input
                 value={autoUpdateCustomVersion}
-                customPrefix={"Version"}
-                placeholder={"e.g., 0.52.2"}
+                customPrefix={t("clientSettings.version")}
+                placeholder={t("clientSettings.versionPlaceholder")}
                 error={versionError}
                 errorTooltip={true}
                 disabled={autoUpdateMethod !== "custom"}
@@ -281,11 +285,11 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
               label={
                 <>
                   <AlertTriangle size={15} className={"text-yellow-400"} />
-                  Force Automatic Updates
+                  {t("clientSettings.forceAutomaticUpdates")}
                 </>
               }
               helpText={
-                "When enabled, updates are installed automatically in the background without user interaction."
+                t("clientSettings.forceAutomaticUpdatesHelp")
               }
               disabled={
                 !permission.settings.update || autoUpdateMethod === "disabled"
@@ -302,9 +306,7 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
                   />
                 }
               >
-                Enabling automatic updates will restart the NetBird client
-                during updates, which can temporarily disrupt active
-                connections. Use with caution in production environments.
+                {t("clientSettings.forceAutomaticUpdatesWarning")}
               </Callout>
             )}
           </div>
@@ -313,11 +315,12 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
             <div>
               <Label>
                 <ReverseProxyIcon size={15} className={"fill-nb-gray-300"} />
-                Expose Services from CLI
+                {t("clientSettings.exposeServices")}
               </Label>
               <HelpText>
-                Allow peers to expose local services through the NetBird reverse
-                proxy using the CLI. <br /> This requires at least NetBird{" "}
+                {t("clientSettings.exposeServicesHelpLine1")} <br />{" "}
+                {t("clientSettings.requiresAtLeast")}
+                {` `}
                 <span className={"text-white font-medium"}>v0.66.0</span>.{" "}
                 <InlineLink
                   href={
@@ -325,7 +328,7 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
                   }
                   target={"_blank"}
                 >
-                  Learn more
+                  {t("clientSettings.learnMore")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </HelpText>
@@ -335,9 +338,9 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
               className={"mt-2"}
               value={peerExposeEnabled}
               onChange={setPeerExposeEnabled}
-              label={"Enable Peer Expose"}
+              label={t("clientSettings.enablePeerExpose")}
               helpText={
-                "When enabled, peers can expose local HTTP services accessible via a public URL."
+                t("clientSettings.enablePeerExposeHelp")
               }
               disabled={!permission.settings.update}
             />
@@ -351,15 +354,14 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
               )}
             >
               <div className={"mt-2"}>
-                <Label>Allowed peer groups</Label>
+                <Label>{t("clientSettings.allowedPeerGroups")}</Label>
                 <HelpText>
-                  Select which peer groups are allowed to expose services. At
-                  least one group is required.
+                  {t("clientSettings.allowedPeerGroupsHelp")}
                 </HelpText>
                 <PeerGroupSelector
                   values={peerExposeGroups}
                   onChange={setPeerExposeGroups}
-                  placeholder="Select peer groups..."
+                  placeholder={t("clientSettings.selectPeerGroups")}
                 />
               </div>
             </div>
@@ -368,18 +370,16 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
           <div>
             <Label>
               <FlaskConicalIcon size={15} />
-              Experimental
+              {t("clientSettings.experimental")}
             </Label>
 
             <HelpText>
-              Lazy connections are an experimental feature. Functionality and
-              behavior may evolve. Instead of maintaining always-on connections,
-              NetBird activates them on-demand based on activity or signaling.{" "}
+              {t("clientSettings.lazyConnectionsHelpPrefix")}{" "}
               <InlineLink
                 href={"https://docs.netbird.io/how-to/lazy-connection"}
                 target={"_blank"}
               >
-                Learn more
+                {t("clientSettings.learnMore")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </HelpText>
@@ -390,14 +390,12 @@ function ClientSettingsTabContent({ account }: Readonly<Props>) {
               label={
                 <>
                   <ClockFadingIcon size={15} />
-                  Enable Lazy Connections
+                  {t("clientSettings.enableLazyConnections")}
                 </>
               }
               helpText={
                 <>
-                  Allow to establish connections between peers only when
-                  required. This requires NetBird client v0.45 or higher.
-                  Changes will only take effect after restarting the clients.
+                  {t("clientSettings.enableLazyConnectionsHelp")}
                 </>
               }
               disabled={!permission.settings.update}
diff --git a/src/modules/settings/DangerZoneTab.tsx b/src/modules/settings/DangerZoneTab.tsx
index a0e306dd..8e9961ad 100644
--- a/src/modules/settings/DangerZoneTab.tsx
+++ b/src/modules/settings/DangerZoneTab.tsx
@@ -10,6 +10,7 @@ import React from "react";
 import SettingsIcon from "@/assets/icons/SettingsIcon";
 import { useDialog } from "@/contexts/DialogProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Account } from "@/interfaces/Account";
 
 type Props = {
@@ -21,13 +22,15 @@ export default function DangerZoneTab({ account }: Props) {
   const { confirm } = useDialog();
   const deleteRequest = useApiCall<Account>("/accounts/" + account.id);
   const { logout } = useLoggedInUser();
+  const { t } = useI18n();
 
   const deleteAccount = async () => {
     const deletePromise = new Promise<void>((resolve, reject) => {
       return deleteRequest
         .del()
+        .catch((error) => reject(error))
         .then(() => {
-          // Clear browser storage only after confirmed account deletion
+          // Clear browser storage after account deletion
           if (typeof window !== "undefined") {
             localStorage.clear();
             sessionStorage.clear();
@@ -36,25 +39,23 @@ export default function DangerZoneTab({ account }: Props) {
           }
           logout().then();
           resolve();
-        })
-        .catch((error) => reject(error));
+        });
     });
 
     notify({
-      title: "Delete NetBird account",
-      description: "NetBird account was successfully deleted.",
+      title: t("dangerZone.deleteAccountTitle"),
+      description: t("dangerZone.deletedDescription"),
       promise: deletePromise,
-      loadingMessage: "Deleting the account...",
+      loadingMessage: t("dangerZone.deleting"),
     });
   };
 
   const handleConfirm = async () => {
     const choice = await confirm({
-      title: "Delete NetBird account",
-      description:
-        "Are you sure you want to delete your NetBird account? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("dangerZone.deleteAccountTitle"),
+      description: t("dangerZone.confirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
     if (!choice) return;
@@ -67,17 +68,17 @@ export default function DangerZoneTab({ account }: Props) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Danger Zone"}
+            label={t("settings.dangerZone")}
             icon={<AlertOctagonIcon size={14} />}
             active
           />
         </Breadcrumbs>
-        <h1>Danger Zone</h1>
+        <h1>{t("settings.dangerZone")}</h1>
         <div className={"gap-6 mt-6 max-w-lg"}>
           <Card
             className={
@@ -86,17 +87,14 @@ export default function DangerZoneTab({ account }: Props) {
           >
             <div className={"px-8 py-6"}>
               <p className={"text-xl font-medium mb-2 !text-red-50"}>
-                Delete NetBird account
+                {t("dangerZone.deleteAccountTitle")}
               </p>
               <p className={"!text-red-50/80"}>
-                Before proceeding to delete your Netbird account, please be
-                aware that this action is irreversible. Once your account is
-                deleted, you will permanently lose access to all associated
-                data, including your peers, users, groups, policies, and routes.
+                {t("dangerZone.deleteAccountWarning")}
               </p>
               <div className={"mt-6"}>
                 <Button variant={"danger"} onClick={handleConfirm} size={"xs"}>
-                  Delete Account
+                  {t("dangerZone.deleteAccountButton")}
                 </Button>
               </div>
             </div>
diff --git a/src/modules/settings/GroupsSettings.tsx b/src/modules/settings/GroupsSettings.tsx
index 056e3808..fde4fc84 100644
--- a/src/modules/settings/GroupsSettings.tsx
+++ b/src/modules/settings/GroupsSettings.tsx
@@ -24,12 +24,13 @@ import React, { useState } from "react";
 import { useSWRConfig } from "swr";
 import SettingsIcon from "@/assets/icons/SettingsIcon";
 import Badge from "@/components/Badge";
+import { Callout } from "@components/Callout";
+import { InlineButtonLink } from "@components/InlineLink";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useHasChanges } from "@/hooks/useHasChanges";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Account } from "@/interfaces/Account";
-import { Callout } from "@components/Callout";
-import { InlineButtonLink } from "@components/InlineLink";
 import { useRouter } from "next/navigation";
 
 type Props = {
@@ -38,20 +39,14 @@ type Props = {
 
 export default function GroupsSettings({ account }: Props) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const router = useRouter();
   const { mutate } = useSWRConfig();
   const { confirm } = useDialog();
 
-  /**
-   * Group Propagation
-   */
   const [groupsPropagation, setGroupsPropagation] = useState<boolean>(
     account.settings.groups_propagation_enabled,
   );
-
-  /**
-   * JWT Group Sync
-   */
   const [jwtGroupSync, setJwtGroupSync] = useState<boolean>(
     account.settings.jwt_groups_enabled,
   );
@@ -63,9 +58,6 @@ export default function GroupsSettings({ account }: Props) {
   );
   const [jwtAllowGroupsWarning, setJwtAllowGroupsWarning] = useState(false);
 
-  /**
-   * Detect changes
-   */
   const { hasChanges, updateRef } = useHasChanges([
     groupsPropagation,
     jwtAllowGroups,
@@ -73,9 +65,6 @@ export default function GroupsSettings({ account }: Props) {
     jwtGroupSync,
   ]);
 
-  /**
-   * Save Group Propagation
-   */
   const saveRequest = useApiCall<Account>("/accounts/" + account.id);
 
   const saveChanges = async () => {
@@ -84,9 +73,13 @@ export default function GroupsSettings({ account }: Props) {
     const showConfirm = jwtGroupSync && jwtGroupsEntered;
     const choice = showConfirm
       ? await confirm({
-          title: `JWT allow group - ${jwtAllowGroups[0]}`,
-          description: `Only users part of the ${jwtAllowGroups[0]} group will be able to access NetBird. Are you sure you want to save the changes?`,
-          confirmText: "Save",
+          title: t("groupsSettings.jwtAllowGroupTitle", {
+            group: jwtAllowGroups[0],
+          }),
+          description: t("groupsSettings.jwtAllowGroupDescription", {
+            group: jwtAllowGroups[0],
+          }),
+          confirmText: t("groupsSettings.save"),
           children: (
             <div
               className={
@@ -94,10 +87,10 @@ export default function GroupsSettings({ account }: Props) {
               }
             >
               <AlertCircle size={14} />
-              To prevent losing access, ensure you are part of this group.
+              {t("groupsSettings.accessWarning")}
             </div>
           ),
-          cancelText: "Cancel",
+          cancelText: t("actions.cancel"),
           type: "default",
         })
       : true;
@@ -105,8 +98,8 @@ export default function GroupsSettings({ account }: Props) {
     if (!choice) return;
 
     notify({
-      title: "Group Settings",
-      description: "Group settings were updated successfully.",
+      title: t("groupsSettings.notifyTitle"),
+      description: t("groupsSettings.updatedDescription"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -129,7 +122,7 @@ export default function GroupsSettings({ account }: Props) {
             jwtGroupSync,
           ]);
         }),
-      loadingMessage: "Updating group settings...",
+      loadingMessage: t("groupsSettings.updating"),
     });
   };
 
@@ -139,24 +132,24 @@ export default function GroupsSettings({ account }: Props) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"User Groups"}
+            label={t("groupsSettings.title")}
             icon={<FolderGit2Icon size={14} />}
             active
           />
         </Breadcrumbs>
         <div className={"flex items-start justify-between"}>
-          <h1>User Groups</h1>
+          <h1>{t("groupsSettings.title")}</h1>
           <Button
             variant={"primary"}
             disabled={!hasChanges}
             onClick={saveChanges}
           >
-            Save Changes
+            {t("actions.saveChanges")}
           </Button>
         </div>
 
@@ -167,12 +160,10 @@ export default function GroupsSettings({ account }: Props) {
             label={
               <>
                 <FolderInput size={15} />
-                Enable user group propagation
+                {t("groupsSettings.enablePropagation")}
               </>
             }
-            helpText={
-              "Allow group propagation from user's auto-groups to peers, sharing membership information."
-            }
+            helpText={t("groupsSettings.enablePropagationHelp")}
             disabled={!permission.settings.update}
           />
           {(!isNetBirdHosted() || isLocalDev()) && (
@@ -182,12 +173,10 @@ export default function GroupsSettings({ account }: Props) {
               label={
                 <>
                   <FolderSync size={15} />
-                  Enable JWT group sync
+                  {t("groupsSettings.enableJwtSync")}
                 </>
               }
-              helpText={
-                "Extract & sync groups from JWT claims with user's auto-groups, auto-creating groups from tokens."
-              }
+              helpText={t("groupsSettings.enableJwtSyncHelp")}
               disabled={!permission.settings.update}
             />
           )}
@@ -210,12 +199,8 @@ export default function GroupsSettings({ account }: Props) {
                     )}
                   >
                     <div>
-                      <Label>JWT claim</Label>
-                      <HelpText>
-                        Specify the JWT claim for extracting group names, e.g.,
-                        roles or groups, to add to account groups (this claim
-                        should contain a list of group names).
-                      </HelpText>
+                      <Label>{t("groupsSettings.jwtClaim")}</Label>
+                      <HelpText>{t("groupsSettings.jwtClaimHelp")}</HelpText>
                       <Input
                         customPrefix={
                           <Braces size={16} className={"text-nb-gray-300"} />
@@ -223,7 +208,7 @@ export default function GroupsSettings({ account }: Props) {
                         onKeyDown={(event) => {
                           if (event.code === "Space") event.preventDefault();
                         }}
-                        placeholder={"e.g., roles"}
+                        placeholder={t("groupsSettings.jwtClaimPlaceholder")}
                         value={jwtGroupsClaimName}
                         onChange={(e) => {
                           setJwtGroupsClaimName(
@@ -233,11 +218,9 @@ export default function GroupsSettings({ account }: Props) {
                       />
                     </div>
                     <div>
-                      <Label>JWT allow groups</Label>
+                      <Label>{t("groupsSettings.jwtAllowGroups")}</Label>
                       <HelpText>
-                        Limit access to NetBird for the specified group names,
-                        e.g., NetBird users. To use the groups, you need to
-                        configure them first in your IdP.
+                        {t("groupsSettings.jwtAllowGroupsHelp")}
                       </HelpText>
                       <div>
                         {jwtAllowGroups.length > 0 && (
@@ -278,7 +261,7 @@ export default function GroupsSettings({ account }: Props) {
                               className={"text-nb-gray-300"}
                             />
                           }
-                          placeholder={"Add a group and press Enter"}
+                          placeholder={t("groupsSettings.addGroupPlaceholder")}
                           onKeyDown={(e) => {
                             if (e.key === "Enter") {
                               e.preventDefault();
@@ -303,8 +286,7 @@ export default function GroupsSettings({ account }: Props) {
                         }
                       >
                         <AlertCircle size={14} />
-                        To prevent losing access, ensure you are part of this
-                        group.
+                        {t("groupsSettings.accessWarning")}
                       </div>
                     )}
                   </div>
@@ -315,13 +297,12 @@ export default function GroupsSettings({ account }: Props) {
         )}
 
         <Callout variant={"info"} className={"mt-6"}>
-          Looking to view and manage your groups? You can find group management
-          under{"  "}
+          {t("groupsSettings.manageGroupsPrefix")}{"  "}
           <InlineButtonLink
             onClick={() => router.push("/groups")}
             variant={"dashed"}
           >
-            {`Access Control › Groups`}
+            {t("groupsSettings.manageGroupsLink")}
           </InlineButtonLink>
         </Callout>
       </div>
diff --git a/src/modules/settings/IdentityProviderModal.tsx b/src/modules/settings/IdentityProviderModal.tsx
index 288e1822..f4d977fe 100644
--- a/src/modules/settings/IdentityProviderModal.tsx
+++ b/src/modules/settings/IdentityProviderModal.tsx
@@ -33,14 +33,15 @@ import {
 } from "lucide-react";
 import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
+import { idpIcon } from "@/assets/icons/IdentityProviderIcons";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   SSOIdentityProvider,
   SSOIdentityProviderOptions,
   SSOIdentityProviderRequest,
   SSOIdentityProviderType,
 } from "@/interfaces/IdentityProvider";
-import { idpIcon } from "@/assets/icons/IdentityProviderIcons";
 
 const issuerHints: Partial<Record<SSOIdentityProviderType, string>> = {
   keycloak: "https://keycloak.example.com/realms/{REALM}",
@@ -61,6 +62,7 @@ const defaultNames: Record<SSOIdentityProviderType, string> = {
   pocketid: "PocketID",
   authentik: "Authentik",
   keycloak: "Keycloak",
+  wechatwork: "WeChat Work",
 };
 
 type Props = {
@@ -69,7 +71,6 @@ type Props = {
   provider?: SSOIdentityProvider | null;
 };
 
-const copyMessage = "Redirect URL was copied to your clipboard!";
 const config = loadConfig();
 const redirectUrl = `${config.apiOrigin}/oauth2/callback`;
 
@@ -80,6 +81,7 @@ export default function IdentityProviderModal({
 }: Readonly<Props>) {
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
+  const { t } = useI18n();
   const isEditing = !!provider;
 
   const createRequest = useApiCall<SSOIdentityProvider>("/identity-providers");
@@ -96,7 +98,6 @@ export default function IdentityProviderModal({
   const [clientSecret, setClientSecret] = useState("");
 
   const requiresIssuer = type !== "google" && type !== "microsoft";
-
   const clientIdChanged = isEditing && trim(clientId) !== provider?.client_id;
 
   const isDisabled = useMemo(() => {
@@ -108,12 +109,19 @@ export default function IdentityProviderModal({
     if (trimmedName.length === 0) return true;
     if (requiresIssuer && trimmedIssuer.length === 0) return true;
     if (trimmedClientId.length === 0) return true;
-    // Client secret required for new providers, or when client ID changed during edit
     if ((!isEditing || clientIdChanged) && trimmedClientSecret.length === 0)
       return true;
 
     return false;
-  }, [name, issuer, clientId, clientSecret, isEditing, clientIdChanged, requiresIssuer]);
+  }, [
+    name,
+    issuer,
+    clientId,
+    clientSecret,
+    isEditing,
+    clientIdChanged,
+    requiresIssuer,
+  ]);
 
   const submit = () => {
     const payload: SSOIdentityProviderRequest = {
@@ -126,184 +134,187 @@ export default function IdentityProviderModal({
 
     if (isEditing) {
       notify({
-        title: "Update Identity Provider",
-        description: "Identity provider was updated successfully.",
+        title: t("identityProviderModal.updateTitle"),
+        description: t("identityProviderModal.updatedDescription"),
         promise: updateRequest.put(payload).then(() => {
           mutate("/identity-providers");
           onClose();
         }),
-        loadingMessage: "Updating identity provider...",
+        loadingMessage: t("identityProviderModal.updating"),
       });
     } else {
       notify({
-        title: "Create Identity Provider",
-        description: "Identity provider was created successfully.",
+        title: t("identityProviderModal.createTitle"),
+        description: t("identityProviderModal.createdDescription"),
         promise: createRequest.post(payload).then(() => {
           mutate("/identity-providers");
           onClose();
         }),
-        loadingMessage: "Creating identity provider...",
+        loadingMessage: t("identityProviderModal.creating"),
       });
     }
   };
 
   return (
-    <>
-      <Modal
-        open={open}
-        onOpenChange={(state) => !state && onClose()}
-        key={open ? 1 : 0}
-      >
-        <ModalContent maxWidthClass={"max-w-xl"}>
-          <ModalHeader
-            icon={<FingerprintIcon size={20} />}
-            title={
-              isEditing ? "Edit Identity Provider" : "Add Identity Provider"
-            }
-            description={
-              isEditing
-                ? "Update the identity provider configuration"
-                : "Configure a new identity provider for authentication"
-            }
-            color={"netbird"}
-          />
-
-          <Separator />
+    <Modal
+      open={open}
+      onOpenChange={(state) => !state && onClose()}
+      key={open ? 1 : 0}
+    >
+      <ModalContent maxWidthClass={"max-w-xl"}>
+        <ModalHeader
+          icon={<FingerprintIcon size={20} />}
+          title={
+            isEditing
+              ? t("identityProviderModal.editModalTitle")
+              : t("identityProviderModal.addModalTitle")
+          }
+          description={
+            isEditing
+              ? t("identityProviderModal.editModalDescription")
+              : t("identityProviderModal.addModalDescription")
+          }
+          color={"netbird"}
+        />
 
-          <div className={"px-8 py-6 flex flex-col gap-6"}>
-            <div>
-              <Label>Provider Type</Label>
-              <HelpText>Select the type of identity provider</HelpText>
-              <Select
-                value={type}
-                onValueChange={(v) => {
-                  const newType = v as SSOIdentityProviderType;
-                  setType(newType);
-                  if (!isEditing) {
-                    setName(defaultNames[newType]);
-                  }
-                }}
-              >
-                <SelectTrigger className="w-full">
-                  <SelectValue placeholder="Select provider type..." />
-                </SelectTrigger>
-                <SelectContent>
-                  {SSOIdentityProviderOptions.map((idp) => (
-                    <SelectItem key={idp.value} value={idp.value}>
-                      <div className="flex items-center gap-2">
-                        {idpIcon(idp.value)}
-                        <span>{idp.label}</span>
-                      </div>
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-            </div>
+        <Separator />
 
-            <div>
-              <Label>Name</Label>
-              <HelpText>A friendly name to identify this provider</HelpText>
-              <Input
-                placeholder={"e.g., Corporate SSO"}
-                value={name}
-                onChange={(e) => setName(e.target.value)}
-                customPrefix={
-                  <TagIcon size={16} className="text-nb-gray-300" />
+        <div className={"px-8 py-6 flex flex-col gap-6"}>
+          <div>
+            <Label>{t("identityProviderModal.providerType")}</Label>
+            <HelpText>{t("identityProviderModal.providerTypeHelp")}</HelpText>
+            <Select
+              value={type}
+              onValueChange={(v) => {
+                const newType = v as SSOIdentityProviderType;
+                setType(newType);
+                if (!isEditing) {
+                  setName(defaultNames[newType]);
                 }
-              />
-            </div>
-
-            {requiresIssuer && (
-              <div>
-                <Label>Issuer URL</Label>
-                <HelpText>The OIDC issuer URL for this provider</HelpText>
-                <Input
-                  placeholder={issuerHints[type] ?? "https://login.example.com"}
-                  value={issuer}
-                  onChange={(e) => setIssuer(e.target.value)}
-                  customPrefix={
-                    <GlobeIcon size={16} className="text-nb-gray-300" />
-                  }
+              }}
+            >
+              <SelectTrigger className="w-full">
+                <SelectValue
+                  placeholder={t("identityProviderModal.selectProviderType")}
                 />
-              </div>
-            )}
+              </SelectTrigger>
+              <SelectContent>
+                {SSOIdentityProviderOptions.map((idp) => (
+                  <SelectItem key={idp.value} value={idp.value}>
+                    <div className="flex items-center gap-2">
+                      {idpIcon(idp.value)}
+                      <span>{idp.label}</span>
+                    </div>
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
 
-            <div>
-              <Label>Client ID</Label>
-              <HelpText>The OAuth2 confidential client ID</HelpText>
-              <Input
-                placeholder={"Enter client ID"}
-                value={clientId}
-                onChange={(e) => setClientId(e.target.value)}
-                customPrefix={<IdCard size={16} className="text-nb-gray-300" />}
-              />
-            </div>
+          <div>
+            <Label>{t("table.name")}</Label>
+            <HelpText>{t("identityProviderModal.nameHelp")}</HelpText>
+            <Input
+              placeholder={t("identityProviderModal.namePlaceholder")}
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              customPrefix={<TagIcon size={16} className="text-nb-gray-300" />}
+            />
+          </div>
 
+          {requiresIssuer && (
             <div>
-              <Label>Client Secret</Label>
-              <HelpText>
-                {isEditing
-                  ? clientIdChanged
-                    ? "Required when client ID is changed"
-                    : "Leave empty to keep the existing secret, or enter a new one"
-                  : "The OAuth2 client secret"}
-              </HelpText>
+              <Label>{t("identityProviderModal.issuerUrl")}</Label>
+              <HelpText>{t("identityProviderModal.issuerUrlHelp")}</HelpText>
               <Input
-                type="password"
-                placeholder={isEditing ? "••••••••" : "Enter client secret"}
-                value={clientSecret}
-                onChange={(e) => setClientSecret(e.target.value)}
+                placeholder={issuerHints[type] ?? "https://login.example.com"}
+                value={issuer}
+                onChange={(e) => setIssuer(e.target.value)}
                 customPrefix={
-                  <KeyIcon size={16} className="text-nb-gray-300" />
+                  <GlobeIcon size={16} className="text-nb-gray-300" />
                 }
               />
             </div>
+          )}
 
-            <Separator />
+          <div>
+            <Label>{t("identityProviderModal.clientId")}</Label>
+            <HelpText>{t("identityProviderModal.clientIdHelp")}</HelpText>
+            <Input
+              placeholder={t("identityProviderModal.clientIdPlaceholder")}
+              value={clientId}
+              onChange={(e) => setClientId(e.target.value)}
+              customPrefix={<IdCard size={16} className="text-nb-gray-300" />}
+            />
+          </div>
 
-            <div>
-              <Label>Redirect / Callback URL</Label>
-              <HelpText>
-                Copy this URL to your identity provider configuration
-              </HelpText>
-              <Code codeToCopy={redirectUrl} message={copyMessage}>
-                <Code.Line>{redirectUrl}</Code.Line>
-              </Code>
-            </div>
+          <div>
+            <Label>{t("identityProviderModal.clientSecret")}</Label>
+            <HelpText>
+              {isEditing
+                ? clientIdChanged
+                  ? t("identityProviderModal.clientSecretChangedHelp")
+                  : t("identityProviderModal.clientSecretOptionalHelp")
+                : t("identityProviderModal.clientSecretHelp")}
+            </HelpText>
+            <Input
+              type="password"
+              placeholder={
+                isEditing
+                  ? t("identityProviderModal.clientSecretMaskedPlaceholder")
+                  : t("identityProviderModal.clientSecretPlaceholder")
+              }
+              value={clientSecret}
+              onChange={(e) => setClientSecret(e.target.value)}
+              customPrefix={<KeyIcon size={16} className="text-nb-gray-300" />}
+            />
           </div>
 
-          <ModalFooter className={"items-center"}>
-            <div className={"flex gap-3 w-full justify-end"}>
-              <ModalClose asChild={true}>
-                <Button variant={"secondary"}>Cancel</Button>
-              </ModalClose>
+          <Separator />
 
-              <Button
-                variant={"primary"}
-                onClick={submit}
-                disabled={
-                  isDisabled ||
-                  (isEditing
-                    ? !permission.identity_providers.update
-                    : !permission.identity_providers.create)
-                }
-              >
-                {isEditing ? (
-                  <>
-                    <SaveIcon size={16} />
-                    Save Changes
-                  </>
-                ) : (
-                  <>
-                    <PlusCircle size={16} />
-                    Add Provider
-                  </>
-                )}
-              </Button>
-            </div>
-          </ModalFooter>
-        </ModalContent>
-      </Modal>
-    </>
+          <div>
+            <Label>{t("identityProviderModal.redirectUrl")}</Label>
+            <HelpText>{t("identityProviderModal.redirectUrlHelp")}</HelpText>
+            <Code
+              codeToCopy={redirectUrl}
+              message={t("identityProviderModal.redirectCopied")}
+            >
+              <Code.Line>{redirectUrl}</Code.Line>
+            </Code>
+          </div>
+        </div>
+
+        <ModalFooter className={"items-center"}>
+          <div className={"flex gap-3 w-full justify-end"}>
+            <ModalClose asChild={true}>
+              <Button variant={"secondary"}>{t("actions.cancel")}</Button>
+            </ModalClose>
+
+            <Button
+              variant={"primary"}
+              onClick={submit}
+              disabled={
+                isDisabled ||
+                (isEditing
+                  ? !permission.identity_providers.update
+                  : !permission.identity_providers.create)
+              }
+            >
+              {isEditing ? (
+                <>
+                  <SaveIcon size={16} />
+                  {t("actions.saveChanges")}
+                </>
+              ) : (
+                <>
+                  <PlusCircle size={16} />
+                  {t("identityProviderModal.addProvider")}
+                </>
+              )}
+            </Button>
+          </div>
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
   );
 }
diff --git a/src/modules/settings/IdentityProvidersTab.tsx b/src/modules/settings/IdentityProvidersTab.tsx
index 347c2338..38760d11 100644
--- a/src/modules/settings/IdentityProvidersTab.tsx
+++ b/src/modules/settings/IdentityProvidersTab.tsx
@@ -25,6 +25,7 @@ import SettingsIcon from "@/assets/icons/SettingsIcon";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import {
   getSSOIdentityProviderLabelByType,
   SSOIdentityProvider,
@@ -49,6 +50,7 @@ export const idpTypeLabels: Record<SSOIdentityProviderType, string> = {
   microsoft: "Microsoft",
   authentik: "Authentik",
   keycloak: "Keycloak",
+  wechatwork: "WeChat Work",
 };
 
 type ActionCellProps = {
@@ -59,6 +61,7 @@ type ActionCellProps = {
 function ActionCell({ provider, onEdit }: ActionCellProps) {
   const { confirm } = useDialog();
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
   const deleteRequest = useApiCall<SSOIdentityProvider>(
     "/identity-providers/" + provider.id,
   );
@@ -66,23 +69,22 @@ function ActionCell({ provider, onEdit }: ActionCellProps) {
 
   const handleDelete = async () => {
     const choice = await confirm({
-      title: `Delete '${provider.name}'?`,
-      description:
-        "Are you sure you want to delete this identity provider? This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("identityProviders.deleteConfirmTitle", { name: provider.name }),
+      description: t("identityProviders.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       type: "danger",
     });
 
     if (!choice) return;
 
     notify({
-      title: "Delete Identity Provider",
-      description: "Identity provider was deleted successfully.",
+      title: t("identityProviders.deleteTitle"),
+      description: t("identityProviders.deletedDescription"),
       promise: deleteRequest.del().then(() => {
         mutate("/identity-providers");
       }),
-      loadingMessage: "Deleting identity provider...",
+      loadingMessage: t("identityProviders.deleting"),
     });
   };
 
@@ -100,7 +102,7 @@ function ActionCell({ provider, onEdit }: ActionCellProps) {
             disabled={!permission.identity_providers.update}
           >
             <PencilIcon size={14} className="mr-2" />
-            Edit
+            {t("actions.edit")}
           </DropdownMenuItem>
           <DropdownMenuItem
             onClick={handleDelete}
@@ -108,7 +110,7 @@ function ActionCell({ provider, onEdit }: ActionCellProps) {
             className="text-red-500 focus:text-red-500"
           >
             <Trash2 size={14} className="mr-2" />
-            Delete
+            {t("actions.delete")}
           </DropdownMenuItem>
         </DropdownMenuContent>
       </DropdownMenu>
@@ -119,6 +121,7 @@ function ActionCell({ provider, onEdit }: ActionCellProps) {
 export default function IdentityProvidersTab() {
   const { permission } = usePermissions();
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
   const { data: providers, isLoading } = useFetchApi<SSOIdentityProvider[]>(
     "/identity-providers",
   );
@@ -152,7 +155,7 @@ export default function IdentityProvidersTab() {
     {
       accessorKey: "name",
       header: ({ column }) => (
-        <DataTableHeader column={column}>Name</DataTableHeader>
+        <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>
       ),
       sortingFn: "text",
       cell: ({ row }) => (
@@ -167,7 +170,9 @@ export default function IdentityProvidersTab() {
     {
       accessorKey: "type",
       header: ({ column }) => (
-        <DataTableHeader column={column}>Type</DataTableHeader>
+        <DataTableHeader column={column}>
+          {t("identityProviders.type")}
+        </DataTableHeader>
       ),
       cell: ({ row }) => (
         <span className="text-nb-gray-400">
@@ -191,23 +196,20 @@ export default function IdentityProvidersTab() {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings?tab=identity-providers"}
-            label={"Identity Providers"}
+            label={t("settings.identityProviders")}
             icon={<FingerprintIcon size={14} />}
             active
           />
         </Breadcrumbs>
         <div className={"flex items-start justify-between"}>
           <div>
-            <h1>Identity Providers</h1>
-            <Paragraph>
-              Configure identity providers for user authentication in your
-              network.
-            </Paragraph>
+            <h1>{t("settings.identityProviders")}</h1>
+            <Paragraph>{t("identityProviders.description")}</Paragraph>
           </div>
         </div>
       </div>
@@ -221,13 +223,13 @@ export default function IdentityProvidersTab() {
 
       <DataTable
         isLoading={isLoading}
-        text={"Identity Providers"}
+        text={t("settings.identityProviders")}
         sorting={sorting}
         setSorting={setSorting}
         columns={columns}
         data={providers}
         onRowClick={(row) => handleEdit(row.original)}
-        searchPlaceholder={"Search by name or type..."}
+        searchPlaceholder={t("identityProviders.searchPlaceholder")}
         getStartedCard={
           <GetStartedTest
             icon={
@@ -237,10 +239,8 @@ export default function IdentityProvidersTab() {
                 size={"large"}
               />
             }
-            title={"Add Identity Provider"}
-            description={
-              "Configure an identity provider to enable SSO authentication for your users."
-            }
+            title={t("identityProviders.emptyTitle")}
+            description={t("identityProviders.emptyDescription")}
             button={
               <Button
                 variant={"primary"}
@@ -248,7 +248,7 @@ export default function IdentityProvidersTab() {
                 disabled={!permission.identity_providers.create}
               >
                 <PlusCircle size={16} />
-                Add Identity Provider
+                {t("identityProviders.add")}
               </Button>
             }
           />
@@ -263,7 +263,7 @@ export default function IdentityProvidersTab() {
                 disabled={!permission.identity_providers.create}
               >
                 <PlusCircle size={16} />
-                Add Identity Provider
+                {t("identityProviders.add")}
               </Button>
             )}
           </>
diff --git a/src/modules/settings/NetworkSettingsTab.tsx b/src/modules/settings/NetworkSettingsTab.tsx
index 17e4d4c6..19c3f72b 100644
--- a/src/modules/settings/NetworkSettingsTab.tsx
+++ b/src/modules/settings/NetworkSettingsTab.tsx
@@ -17,6 +17,7 @@ import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import SettingsIcon from "@/assets/icons/SettingsIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Account } from "@/interfaces/Account";
 
 type Props = {
@@ -25,6 +26,7 @@ type Props = {
 
 export default function NetworkSettingsTab({ account }: Readonly<Props>) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { mutate } = useSWRConfig();
   const saveRequest = useApiCall<Account>("/accounts/" + account.id, true);
@@ -41,10 +43,10 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
 
   const toggleNetworkDNSSetting = async (toggle: boolean) => {
     notify({
-      title: "DNS Wildcard Routing",
-      description: `DNS Wildcard Routing successfully ${
-        toggle ? "enabled" : "disabled"
-      }.`,
+      title: t("networkSettings.dnsWildcardTitle"),
+      description: toggle
+        ? t("networkSettings.dnsWildcardEnabled")
+        : t("networkSettings.dnsWildcardDisabled"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -57,7 +59,7 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
           setRoutingPeerDNSSetting(toggle);
           mutate("/accounts");
         }),
-      loadingMessage: "Updating DNS wildcard setting...",
+      loadingMessage: t("networkSettings.dnsWildcardUpdating"),
     });
   };
 
@@ -80,8 +82,8 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
     }
 
     notify({
-      title: "Network Settings",
-      description: `Network settings successfully updated.`,
+      title: t("networkSettings.notifyTitle"),
+      description: t("networkSettings.updatedDescription"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -91,7 +93,7 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
           mutate("/accounts");
           updateRef([customDNSDomain, networkRange]);
         }),
-      loadingMessage: "Updating network settings...",
+      loadingMessage: t("networkSettings.updating"),
     });
   };
 
@@ -102,14 +104,14 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
       allowOnlyTld: false,
     });
     if (!valid) {
-      return "Please enter a valid domain, e.g. example.com or intra.example.com";
+      return t("networkSettings.domainError");
     }
-  }, [customDNSDomain]);
+  }, [customDNSDomain, t]);
 
   const networkRangeError = useMemo(() => {
     if (networkRange == "") {
       if (account.settings.network_range) {
-        return "Network range cannot be empty";
+        return t("networkSettings.networkRangeEmptyError");
       }
       return "";
     }
@@ -117,12 +119,12 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
     try {
       const validCIDR = cidr.isValidCIDR(networkRange);
       if (!validCIDR) {
-        return "Please enter a valid IPv4 CIDR range, e.g. 100.64.0.0/16 or 192.168.1.0/24";
+        return t("networkSettings.networkRangeError");
       }
     } catch (error) {
-      return "Please enter a valid IPv4 CIDR range, e.g. 100.64.0.0/16 or 192.168.1.0/24";
+      return t("networkSettings.networkRangeError");
     }
-  }, [networkRange, account.settings.network_range]);
+  }, [networkRange, account.settings.network_range, t]);
 
   return (
     <Tabs.Content value={"networks"}>
@@ -130,19 +132,19 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings?tab=networks"}
-            label={"Networks"}
+            label={t("settings.networks")}
             icon={<NetworkIcon size={14} />}
             active
           />
         </Breadcrumbs>
         <div className={"flex items-start justify-between"}>
           <div>
-            <h1>Networks</h1>
+            <h1>{t("settings.networks")}</h1>
           </div>
           <Button
             variant={"primary"}
@@ -154,7 +156,7 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
             }
             onClick={saveChanges}
           >
-            Save Changes
+            {t("actions.saveChanges")}
           </Button>
         </div>
 
@@ -166,11 +168,9 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
               }
             >
               <div className={"min-w-[330px]"}>
-                <Label>DNS Domain</Label>
+                <Label>{t("networkSettings.dnsDomain")}</Label>
                 <HelpText>
-                  Specify a custom peer DNS domain for your network. This should
-                  not point to a domain that is already in use elsewhere, to
-                  avoid overriding DNS results.
+                  {t("networkSettings.dnsDomainHelp")}
                 </HelpText>
               </div>
               <div className={"w-full"}>
@@ -196,15 +196,14 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
               }
             >
               <div className={"min-w-[330px]"}>
-                <Label>Network Range</Label>
+                <Label>{t("networkSettings.networkRange")}</Label>
                 <HelpText>
-                  Specify a custom IPv4 range for your network in CIDR format.
-                  All peer IPs will be re-allocated when changed.
+                  {t("networkSettings.networkRangeHelp")}
                 </HelpText>
               </div>
               <div className={"w-full"}>
                 <Input
-                  placeholder={"e.g. 100.64.0.0/16"}
+                  placeholder={t("networkSettings.networkRangePlaceholder")}
                   errorTooltip={true}
                   errorTooltipPosition={"top"}
                   error={networkRangeError}
@@ -222,14 +221,12 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
             label={
               <>
                 <GlobeIcon size={15} />
-                Enable DNS Wildcard Routing
+                {t("networkSettings.enableDnsWildcardRouting")}
               </>
             }
             helpText={
               <>
-                Allow routing using DNS wildcards. This requires NetBird client
-                v0.35 or higher. Changes will only take effect after restarting
-                the clients.{" "}
+                {t("networkSettings.enableDnsWildcardRoutingHelp")}{" "}
                 <InlineLink
                   href={
                     "https://docs.netbird.io/how-to/accessing-entire-domains-within-networks#enabling-dns-wildcard-routing"
@@ -237,7 +234,7 @@ export default function NetworkSettingsTab({ account }: Readonly<Props>) {
                   target={"_blank"}
                   onClick={(e) => e.stopPropagation()}
                 >
-                  Learn more
+                  {t("clientSettings.learnMore")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </>
diff --git a/src/modules/settings/PermissionsTab.tsx b/src/modules/settings/PermissionsTab.tsx
index cbbba950..13fe3170 100644
--- a/src/modules/settings/PermissionsTab.tsx
+++ b/src/modules/settings/PermissionsTab.tsx
@@ -10,6 +10,7 @@ import { useSWRConfig } from "swr";
 import SettingsIcon from "@/assets/icons/SettingsIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useHasChanges } from "@/hooks/useHasChanges";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Account } from "@/interfaces/Account";
 
 type Props = {
@@ -18,6 +19,7 @@ type Props = {
 
 export default function PermissionsTab({ account }: Props) {
   const { permission } = usePermissions();
+  const { t } = useI18n();
 
   const { mutate } = useSWRConfig();
   const saveRequest = useApiCall<Account>("/accounts/" + account.id);
@@ -30,8 +32,8 @@ export default function PermissionsTab({ account }: Props) {
 
   const saveChanges = async () => {
     notify({
-      title: "Permission Settings",
-      description: "Permissions were updated successfully.",
+      title: t("permissionsTab.notifyTitle"),
+      description: t("permissionsTab.updatedDescription"),
       promise: saveRequest
         .put({
           id: account.id,
@@ -44,7 +46,7 @@ export default function PermissionsTab({ account }: Props) {
           mutate("/accounts");
           updateRef([userViewBlocked]);
         }),
-      loadingMessage: "Updating permissions...",
+      loadingMessage: t("permissionsTab.updating"),
     });
   };
 
@@ -54,24 +56,24 @@ export default function PermissionsTab({ account }: Props) {
         <Breadcrumbs>
           <Breadcrumbs.Item
             href={"/settings"}
-            label={"Settings"}
+            label={t("settings.title")}
             icon={<SettingsIcon size={13} />}
           />
           <Breadcrumbs.Item
             href={"/settings?tab=permissions"}
-            label={"Permissions"}
+            label={t("settings.permissions")}
             icon={<LockIcon size={14} />}
             active
           />
         </Breadcrumbs>
         <div className={"flex items-start justify-between"}>
-          <h1>Permissions</h1>
+          <h1>{t("settings.permissions")}</h1>
           <Button
             variant={"primary"}
             disabled={!hasChanges || !permission.settings.update}
             onClick={saveChanges}
           >
-            Save Changes
+            {t("actions.saveChanges")}
           </Button>
         </div>
 
@@ -82,11 +84,11 @@ export default function PermissionsTab({ account }: Props) {
             label={
               <>
                 <GaugeIcon size={15} />
-                Restrict dashboard for regular users
+                {t("permissionsTab.restrictDashboard")}
               </>
             }
             helpText={
-              "Access to the dashboard will be limited and regular users will not be able to view any peers."
+              t("permissionsTab.restrictDashboardHelp")
             }
             disabled={!permission.settings.update}
           />
diff --git a/src/modules/setup-keys/SetupKeyModal.tsx b/src/modules/setup-keys/SetupKeyModal.tsx
index 78f373dc..5fc3706c 100644
--- a/src/modules/setup-keys/SetupKeyModal.tsx
+++ b/src/modules/setup-keys/SetupKeyModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import Code from "@components/Code";
 import FancyToggleSwitch from "@components/FancyToggleSwitch";
@@ -35,6 +37,7 @@ import { useSWRConfig } from "swr";
 import SetupKeysIcon from "@/assets/icons/SetupKeysIcon";
 import { Group } from "@/interfaces/Group";
 import { SetupKey } from "@/interfaces/SetupKey";
+import { useI18n } from "@/i18n/I18nProvider";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
 import SetupModal from "@/modules/setup-netbird-modal/SetupModal";
 
@@ -47,8 +50,6 @@ type Props = {
   groups?: Group[];
 };
 
-const copyMessage = "Setup-Key was copied to your clipboard!";
-
 export default function SetupKeyModal({
   children,
   open,
@@ -60,6 +61,7 @@ export default function SetupKeyModal({
   const [successModal, setSuccessModal] = useState(false);
   const [setupKey, setSetupKey] = useState<SetupKey>();
   const [installModal, setInstallModal] = useState(false);
+  const { t } = useI18n();
   const handleSuccess = (setupKey: SetupKey) => {
     setSetupKey(setupKey);
     setSuccessModal(true);
@@ -110,11 +112,10 @@ export default function SetupKeyModal({
             <div className={"flex flex-col items-center justify-center gap-3"}>
               <div>
                 <h2 className={"text-2xl text-center mb-2"}>
-                  Setup key created successfully!
+                  {t("setupKey.createdSuccess")}
                 </h2>
                 <Paragraph className={"mt-0 text-sm text-center"}>
-                  This key will not be shown again, so be sure to copy it and
-                  store in a secure location.
+                  {t("setupKey.createdDescription")}
                 </Paragraph>
               </div>
             </div>
@@ -125,9 +126,9 @@ export default function SetupKeyModal({
             data-cy={"setup-key-copy-input"}
             data-cy-setup-key-value={setupKey?.key || ""}
           >
-            <Code message={copyMessage}>
+            <Code message={t("setupKey.copyMessage")}>
               <Code.Line>
-                {setupKey?.key || "Setup key could not be created..."}
+                {setupKey?.key || t("setupKey.creationFailed")}
               </Code.Line>
             </Code>
           </div>
@@ -140,7 +141,7 @@ export default function SetupKeyModal({
                   tabIndex={-1}
                   data-cy={"setup-key-close"}
                 >
-                  Close
+                  {t("actions.close")}
                 </Button>
               </ModalClose>
               <Button
@@ -149,7 +150,7 @@ export default function SetupKeyModal({
                 onClick={() => setInstallModal(true)}
               >
                 <DownloadIcon size={14} />
-                Install NetBird
+                {t("setupKey.installNetBird")}
               </Button>
             </div>
           </ModalFooter>
@@ -172,6 +173,7 @@ export function SetupKeyModalContent({
 }: Readonly<ModalProps>) {
   const setupKeyRequest = useApiCall<SetupKey>("/setup-keys", true);
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
 
   const [name, setName] = useState(predefinedName);
   const [reusable, setReusable] = useState(false);
@@ -186,8 +188,8 @@ export function SetupKeyModalContent({
     });
 
   const usageLimitPlaceholder = useMemo(() => {
-    return reusable ? "Unlimited" : "1";
-  }, [reusable]);
+    return reusable ? t("setupKey.unlimited") : "1";
+  }, [reusable, t]);
 
   const isDisabled = useMemo(() => {
     const trimmedName = trim(name);
@@ -198,9 +200,8 @@ export function SetupKeyModalContent({
     if (!selectedGroups) return;
 
     notify({
-      title: "Create Setup Key",
-      description:
-        "Setup key created successfully. You can now enroll peers with your new key.",
+      title: t("setupKey.creatingTitle"),
+      description: t("setupKey.creatingDescription"),
       promise: saveGroups().then(async (groups) => {
         return setupKeyRequest
           .post({
@@ -219,7 +220,7 @@ export function SetupKeyModalContent({
             mutate("/groups");
           });
       }),
-      loadingMessage: "Creating your setup key...",
+      loadingMessage: t("setupKey.creatingLoading"),
     });
   };
 
@@ -227,8 +228,8 @@ export function SetupKeyModalContent({
     <ModalContent maxWidthClass={"max-w-xl"}>
       <ModalHeader
         icon={<SetupKeysIcon className={"fill-netbird"} />}
-        title={"Create New Setup Key"}
-        description={"Use this key to register new machines in your network"}
+        title={t("setupKey.modalTitle")}
+        description={t("setupKey.modalDescription")}
         color={"netbird"}
       />
 
@@ -237,10 +238,10 @@ export function SetupKeyModalContent({
       <div className={"px-8 py-6 flex flex-col gap-8"}>
         {/* Name Field */}
         <div>
-          <Label>Name</Label>
-          <HelpText>Set an easily identifiable name for your key</HelpText>
+          <Label>{t("setupKey.name")}</Label>
+          <HelpText>{t("setupKey.nameHelp")}</HelpText>
           <Input
-            placeholder={"e.g., AWS Servers"}
+            placeholder={t("setupKey.namePlaceholder")}
             value={name}
             data-cy={"setup-key-name"}
             onChange={(e) => setName(e.target.value)}
@@ -255,19 +256,19 @@ export function SetupKeyModalContent({
             label={
               <>
                 <IconRepeat size={15} />
-                Make this key reusable
+                {t("setupKey.reusable")}
               </>
             }
-            helpText={"Use this type to enroll multiple peers"}
+            helpText={t("setupKey.reusableHelp")}
           />
         </div>
 
         {/* Usage Limit */}
         <div className={cn("flex justify-between", !reusable && "opacity-50")}>
           <div>
-            <Label>Usage limit</Label>
+            <Label>{t("setupKey.usageLimit")}</Label>
             <HelpText className={"max-w-[200px]"}>
-              For example, set to 30 if you want to enroll 30 peers
+              {t("setupKey.usageLimitHelp")}
             </HelpText>
           </div>
 
@@ -283,23 +284,21 @@ export function SetupKeyModalContent({
             customPrefix={
               <MonitorSmartphoneIcon size={16} className={"text-nb-gray-300"} />
             }
-            customSuffix={"Peer(s)"}
+            customSuffix={t("setupKey.peerCount")}
           />
         </div>
 
         {/* Expires in Days */}
         <div className={"flex justify-between"}>
           <div>
-            <Label>Expires in</Label>
+            <Label>{t("setupKey.expiresIn")}</Label>
             <HelpText>
-              Days until the key expires.
-              <br />
-              Leave empty for no expiration.
+              {t("setupKey.expiresHelp")}
             </HelpText>
           </div>
           <Input
             maxWidthClass={"max-w-[202px]"}
-            placeholder={"Unlimited"}
+            placeholder={t("setupKey.unlimited")}
             min={1}
             value={expiresIn}
             errorTooltip={true}
@@ -309,7 +308,7 @@ export function SetupKeyModalContent({
             customPrefix={
               <AlarmClock size={16} className={"text-nb-gray-300"} />
             }
-            customSuffix={"Day(s)"}
+            customSuffix={t("invite.days")}
           />
         </div>
 
@@ -321,12 +320,10 @@ export function SetupKeyModalContent({
             label={
               <>
                 <PowerOffIcon size={15} />
-                Ephemeral Peers
+                {t("setupKey.ephemeralPeers")}
               </>
             }
-            helpText={
-              "Peers that are offline for over 10 minutes will be removed automatically"
-            }
+            helpText={t("setupKey.ephemeralPeersHelp")}
           />
         </div>
 
@@ -338,22 +335,17 @@ export function SetupKeyModalContent({
             label={
               <>
                 <GlobeIcon size={15} />
-                Allow Extra DNS Labels
+                {t("setupKey.extraDnsLabels")}
               </>
             }
-            helpText={
-              "Enable multiple subdomain labels when enrolling peers (e.g., host.dev.example.com)."
-            }
+            helpText={t("setupKey.extraDnsLabelsHelp")}
           />
         </div>
 
         {/* Auto-Assigned Groups */}
         <div>
-          <Label>Auto-assigned groups</Label>
-          <HelpText>
-            These groups will be automatically assigned to peers enrolled with
-            this key
-          </HelpText>
+          <Label>{t("invite.autoGroups")}</Label>
+          <HelpText>{t("setupKey.autoGroupsHelp")}</HelpText>
           <PeerGroupSelector
             onChange={setSelectedGroups}
             values={selectedGroups}
@@ -366,21 +358,21 @@ export function SetupKeyModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={
                 "https://docs.netbird.io/how-to/register-machines-using-setup-keys"
               }
               target={"_blank"}
             >
-              Setup Keys
+              {t("setupKeys.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -390,7 +382,7 @@ export function SetupKeyModalContent({
             data-cy={"create-setup-key"}
           >
             <PlusCircle size={16} />
-            Create Setup Key
+            {t("setupKeys.createTitle")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/setup-keys/SetupKeysTable.tsx b/src/modules/setup-keys/SetupKeysTable.tsx
index ca615684..5fdbaf92 100644
--- a/src/modules/setup-keys/SetupKeysTable.tsx
+++ b/src/modules/setup-keys/SetupKeysTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import ButtonGroup from "@components/ButtonGroup";
 import Card from "@components/Card";
@@ -13,11 +15,12 @@ import { ColumnDef, SortingState } from "@tanstack/react-table";
 import dayjs from "dayjs";
 import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import { usePathname } from "next/navigation";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import SetupKeysIcon from "@/assets/icons/SetupKeysIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { SetupKey } from "@/interfaces/SetupKey";
 import EmptyRow from "@/modules/common-table-rows/EmptyRow";
@@ -30,92 +33,100 @@ import SetupKeyNameCell from "@/modules/setup-keys/SetupKeyNameCell";
 import SetupKeyStatusCell from "@/modules/setup-keys/SetupKeyStatusCell";
 import SetupKeyUsageCell from "@/modules/setup-keys/SetupKeyUsageCell";
 
-export const SetupKeysTableColumns: ColumnDef<SetupKey>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name & Key</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => (
-      <SetupKeyNameCell
-        name={row.original.name}
-        valid={row.original.valid}
-        secret={row.original.key}
-      />
-    ),
-  },
-  {
-    id: "valid",
-    accessorKey: "valid",
-    sortingFn: "basic",
-  },
-  {
-    accessorKey: "usage_limit",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Usage</DataTableHeader>;
-    },
-    cell: ({ row }) => (
-      <SetupKeyUsageCell
-        current={row.original.used_times}
-        limit={row.original.usage_limit || 0}
-        reusable={row.original.type == "reusable"}
-      />
-    ),
-  },
-  {
-    accessorKey: "last_used",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last used</DataTableHeader>;
-    },
-    sortingFn: "datetime",
-    cell: ({ row }) => (
-      <LastTimeRow date={row.original.last_used} text={"Last used on"} />
-    ),
-  },
-  {
-    id: "group_strings",
-    accessorKey: "group_strings",
-    accessorFn: (s) => s.groups?.map((g) => g?.name || "").join(", "),
-  },
-  {
-    accessorFn: (item) => item.auto_groups?.length,
-    id: "groups",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Groups</DataTableHeader>;
-    },
-    cell: ({ row }) => <SetupKeyGroupsCell setupKey={row.original} />,
-  },
+function useSetupKeysTableColumns(): ColumnDef<SetupKey>[] {
+  const { t } = useI18n();
 
-  {
-    accessorKey: "expires",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Expires</DataTableHeader>;
-    },
-    cell: ({ row }) => {
-      let expires = dayjs(row.original.expires);
-      let isNeverExpiring = expires?.year() == 1 || false;
-      return !isNeverExpiring ? (
-        <ExpirationDateRow date={row.original.expires} />
-      ) : (
-        <EmptyRow className={"px-3"} />
-      );
-    },
-  },
-  {
-    id: "status",
-    accessorKey: "id",
-    header: ({ column }) => "",
-    cell: ({ row }) => <SetupKeyStatusCell setupKey={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    cell: ({ row }) => {
-      return <SetupKeyActionCell setupKey={row.original} />;
-    },
-  },
-];
+  return useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.nameAndKey")}</DataTableHeader>
+          );
+        },
+        sortingFn: "text",
+        cell: ({ row }) => (
+          <SetupKeyNameCell
+            name={row.original.name}
+            valid={row.original.valid}
+            secret={row.original.key}
+          />
+        ),
+      },
+      {
+        id: "valid",
+        accessorKey: "valid",
+        sortingFn: "basic",
+      },
+      {
+        accessorKey: "usage_limit",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.usage")}</DataTableHeader>;
+        },
+        cell: ({ row }) => (
+          <SetupKeyUsageCell
+            current={row.original.used_times}
+            limit={row.original.usage_limit || 0}
+            reusable={row.original.type == "reusable"}
+          />
+        ),
+      },
+      {
+        accessorKey: "last_used",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.lastUsed")}</DataTableHeader>;
+        },
+        sortingFn: "datetime",
+        cell: ({ row }) => (
+          <LastTimeRow date={row.original.last_used} text={t("setupKeys.lastUsedOn")} />
+        ),
+      },
+      {
+        id: "group_strings",
+        accessorKey: "group_strings",
+        accessorFn: (s) => s.groups?.map((g) => g?.name || "").join(", "),
+      },
+      {
+        accessorFn: (item) => item.auto_groups?.length,
+        id: "groups",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.groups")}</DataTableHeader>;
+        },
+        cell: ({ row }) => <SetupKeyGroupsCell setupKey={row.original} />,
+      },
+      {
+        accessorKey: "expires",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.expires")}</DataTableHeader>;
+        },
+        cell: ({ row }) => {
+          const expires = dayjs(row.original.expires);
+          const isNeverExpiring = expires?.year() == 1 || false;
+          return !isNeverExpiring ? (
+            <ExpirationDateRow date={row.original.expires} />
+          ) : (
+            <EmptyRow className={"px-3"} />
+          );
+        },
+      },
+      {
+        id: "status",
+        accessorKey: "id",
+        header: ({ column }) => "",
+        cell: ({ row }) => <SetupKeyStatusCell setupKey={row.original} />,
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        cell: ({ row }) => {
+          return <SetupKeyActionCell setupKey={row.original} />;
+        },
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   setupKeys?: SetupKey[];
@@ -135,8 +146,9 @@ export default function SetupKeysTable({
   const { mutate } = useSWRConfig();
   const path = usePathname();
   const { permission } = usePermissions();
+  const { t } = useI18n();
+  const columns = useSetupKeysTableColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -171,12 +183,12 @@ export default function SetupKeysTable({
         inset={false}
         minimal={isGroupPage}
         keepStateInLocalStorage={!isGroupPage}
-        text={"Setup Keys"}
+        text={t("setupKeys.title")}
         sorting={sorting}
         setSorting={setSorting}
-        columns={SetupKeysTableColumns}
+        columns={columns}
         data={setupKeys}
-        searchPlaceholder={"Search by name, type or group..."}
+        searchPlaceholder={t("setupKeys.searchPlaceholder")}
         columnVisibility={{
           valid: false,
           group_strings: false,
@@ -186,10 +198,8 @@ export default function SetupKeysTable({
             <NoResults
               icon={<SetupKeysIcon className={"fill-nb-gray-200"} size={20} />}
               className={"py-4"}
-              title={"This group is not used within any setup keys yet"}
-              description={
-                "Assign this group when creating a new setup key to see them listed here."
-              }
+              title={t("setupKeys.groupEmptyTitle")}
+              description={t("setupKeys.groupEmptyDescription")}
             >
               <Button
                 variant={"primary"}
@@ -198,24 +208,20 @@ export default function SetupKeysTable({
                 disabled={!permission.setup_keys.create}
               >
                 <PlusCircle size={16} />
-                Create Setup Key
+                {t("setupKeys.createTitle")}
               </Button>
             </NoResults>
           ) : (
             <GetStartedTest
               icon={
                 <SquareIcon
-                  icon={
-                    <SetupKeysIcon className={"fill-nb-gray-200"} size={20} />
-                  }
+                  icon={<SetupKeysIcon className={"fill-nb-gray-200"} size={20} />}
                   color={"gray"}
                   size={"large"}
                 />
               }
-              title={"Create Setup Key"}
-              description={
-                "Add a setup key to register new machines in your network. The key links machines to your account during initial setup."
-              }
+              title={t("setupKeys.createTitle")}
+              description={t("setupKeys.emptyDescription")}
               button={
                 <Button
                   variant={"primary"}
@@ -224,19 +230,19 @@ export default function SetupKeysTable({
                   disabled={!permission.setup_keys.create}
                 >
                   <PlusCircle size={16} />
-                  Create Setup Key
+                  {t("setupKeys.createTitle")}
                 </Button>
               }
               learnMore={
                 <>
-                  Learn more about
+                  {t("common.learnMorePrefix")}{" "}
                   <InlineLink
                     href={
                       "https://docs.netbird.io/how-to/register-machines-using-setup-keys"
                     }
                     target={"_blank"}
                   >
-                    Setup Keys
+                    {t("setupKeys.title")}
                     <ExternalLinkIcon size={12} />
                   </InlineLink>
                 </>
@@ -254,7 +260,7 @@ export default function SetupKeysTable({
                 disabled={!permission.setup_keys.create}
               >
                 <PlusCircle size={16} />
-                Create Setup Key
+                {t("setupKeys.createTitle")}
               </Button>
             )}
           </>
@@ -275,7 +281,7 @@ export default function SetupKeysTable({
                     : "secondary"
                 }
               >
-                All
+                {t("filters.all")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -289,7 +295,7 @@ export default function SetupKeysTable({
                     : "secondary"
                 }
               >
-                Valid
+                {t("filters.valid")}
               </ButtonGroup.Button>
               <ButtonGroup.Button
                 onClick={() => {
@@ -303,7 +309,7 @@ export default function SetupKeysTable({
                     : "secondary"
                 }
               >
-                Expired
+                {t("filters.expired")}
               </ButtonGroup.Button>
             </ButtonGroup>
             <DataTableRowsPerPage
diff --git a/src/modules/setup-netbird-modal/AndroidTab.tsx b/src/modules/setup-netbird-modal/AndroidTab.tsx
index 09e52612..d012d3ea 100644
--- a/src/modules/setup-netbird-modal/AndroidTab.tsx
+++ b/src/modules/setup-netbird-modal/AndroidTab.tsx
@@ -7,19 +7,22 @@ import Image from "next/image";
 import Link from "next/link";
 import React from "react";
 import GooglePlayButton from "@/assets/google-play-badge.png";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 
 export default function AndroidTab() {
+  const { t } = useI18n();
+
   return (
     <TabsContent value={String(OperatingSystem.ANDROID)}>
       <TabsContentPadding>
         <p className={"font-medium flex gap-3 items-center text-base"}>
           <ShoppingBagIcon size={16} />
-          Install on Android
+          {t("setupModal.androidInstallTitle")}
         </p>
         <Steps>
           <Steps.Step step={1}>
-            <p>Download and install the application from Google Play Store:</p>
+            <p>{t("setupModal.androidStep1")}</p>
             <div className={"flex gap-4 mt-1"}>
               <Link
                 href={
@@ -29,7 +32,7 @@ export default function AndroidTab() {
               >
                 <Image
                   src={GooglePlayButton}
-                  alt={"Download NetBird from Google Play"}
+                  alt={t("setupModal.googlePlayAlt")}
                   height={50}
                 />
               </Link>
@@ -37,9 +40,7 @@ export default function AndroidTab() {
           </Steps.Step>
           {GRPC_API_ORIGIN && (
             <Steps.Step step={2}>
-              <p>
-                {`Click on "Change Server" and enter the following "Server"`}
-              </p>
+              <p>{t("setupModal.changeServerInstructions")}</p>
               <Code>
                 <Code.Line>{GRPC_API_ORIGIN}</Code.Line>
               </Code>
@@ -47,13 +48,10 @@ export default function AndroidTab() {
           )}
 
           <Steps.Step step={GRPC_API_ORIGIN ? 3 : 2}>
-            <p>
-              {/* eslint-disable-next-line react/no-unescaped-entities */}
-              Click on the "Connect" button in the middle of the screen
-            </p>
+            <p>{t("setupModal.clickConnectCenter")}</p>
           </Steps.Step>
           <Steps.Step step={GRPC_API_ORIGIN ? 4 : 3} line={false}>
-            <p>Sign up using your email address</p>
+            <p>{t("setupModal.signUpWithEmail")}</p>
           </Steps.Step>
         </Steps>
       </TabsContentPadding>
diff --git a/src/modules/setup-netbird-modal/DockerTab.tsx b/src/modules/setup-netbird-modal/DockerTab.tsx
index 166f98f2..ae69e0de 100644
--- a/src/modules/setup-netbird-modal/DockerTab.tsx
+++ b/src/modules/setup-netbird-modal/DockerTab.tsx
@@ -8,6 +8,7 @@ import { GRPC_API_ORIGIN } from "@utils/netbird";
 import { ExternalLinkIcon } from "lucide-react";
 import Link from "next/link";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import { RoutingPeerSetupKeyInfo } from "@/modules/setup-netbird-modal/SetupModal";
 
@@ -22,16 +23,18 @@ export default function DockerTab({
   showSetupKeyInfo = false,
   hostname,
 }: Readonly<Props>) {
+  const { t } = useI18n();
+
   return (
     <TabsContent value={String(OperatingSystem.DOCKER)}>
       <TabsContentPadding>
         <p className={"font-medium flex gap-3 items-center text-base"}>
           <IconBrandUbuntu size={16} />
-          Install on Ubuntu
+          {t("setupModal.dockerInstallTitle")}
         </p>
         <Steps>
           <Steps.Step step={1}>
-            <p>Install Docker</p>
+            <p>{t("setupModal.installDocker")}</p>
             <div className={"flex gap-4 mt-1"}>
               <Link
                 href={"https://docs.docker.com/engine/install/"}
@@ -40,22 +43,22 @@ export default function DockerTab({
               >
                 <Button variant={"primary"}>
                   <ExternalLinkIcon size={14} />
-                  Official Docker Installation Guide
+                  {t("setupModal.officialDockerGuide")}
                 </Button>
               </Link>
             </div>
           </Steps.Step>
           <Steps.Step step={2}>
             <p>
-              Run NetBird container
+              {t("setupModal.runNetBirdContainer")}
               {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
             </p>
             <Code>
-              <Code.Line>docker run --rm -d \</Code.Line>
+              <Code.Line>docker run --name cloink-client -d \</Code.Line>
               <Code.Line> --cap-add=NET_ADMIN \</Code.Line>
               <Code.Line>
                 {" "}
-                -e NB_SETUP_KEY=
+                -e CL_SETUP_KEY=
                 <span className={"text-netbird"}>
                   {setupKey ?? "SETUP_KEY"}
                 </span>{" "}
@@ -65,30 +68,30 @@ export default function DockerTab({
               {hostname && (
                 <Code.Line>
                   {" "}
-                  -e NB_HOSTNAME=
+                  -e CL_HOSTNAME=
                   <span className={"text-netbird"}>{`'${hostname}'`}</span> \
                 </Code.Line>
               )}
 
-              <Code.Line> -v netbird-client:/var/lib/netbird \</Code.Line>
+              <Code.Line> -v cloink-client:/var/lib/cloink \</Code.Line>
               {GRPC_API_ORIGIN && (
                 <Code.Line>
                   {" "}
-                  -e NB_MANAGEMENT_URL=
+                  -e CL_MANAGEMENT_URL=
                   <span className={"text-netbird"}>{GRPC_API_ORIGIN}</span> \
                 </Code.Line>
               )}
-              <Code.Line> netbirdio/netbird:latest</Code.Line>
+              <Code.Line> ohoimager/cloink:latest</Code.Line>
             </Code>
           </Steps.Step>
           <Steps.Step step={3} line={false}>
-            <p>Read our documentation</p>
+            <p>{t("setupModal.readDocumentation")}</p>
             <InlineLink
               href={"https://docs.netbird.io/how-to/installation/docker"}
               passHref={true}
               target={"_blank"}
             >
-              Running NetBird in Docker
+              {t("setupModal.runningNetBirdDocker")}
             </InlineLink>
           </Steps.Step>
         </Steps>
diff --git a/src/modules/setup-netbird-modal/IOSTab.tsx b/src/modules/setup-netbird-modal/IOSTab.tsx
index 09a1f725..a8d8de1f 100644
--- a/src/modules/setup-netbird-modal/IOSTab.tsx
+++ b/src/modules/setup-netbird-modal/IOSTab.tsx
@@ -7,19 +7,22 @@ import Image from "next/image";
 import Link from "next/link";
 import React from "react";
 import AppStoreButton from "@/assets/app-store-badge.png";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 
 export default function IOSTab() {
+  const { t } = useI18n();
+
   return (
     <TabsContent value={String(OperatingSystem.IOS)}>
       <TabsContentPadding>
         <p className={"font-medium flex gap-3 items-center text-base"}>
           <ShoppingBagIcon size={16} />
-          Install on iOS
+          {t("setupModal.iosInstallTitle")}
         </p>
         <Steps>
           <Steps.Step step={1}>
-            <p>Download and install the application on the App Store:</p>
+            <p>{t("setupModal.iosStep1")}</p>
             <div className={"flex gap-4 mt-1"}>
               <Link
                 href={"https://apps.apple.com/app/netbird-p2p-vpn/id6469329339"}
@@ -27,7 +30,7 @@ export default function IOSTab() {
               >
                 <Image
                   src={AppStoreButton}
-                  alt={"Download NetBird on the App Store"}
+                  alt={t("setupModal.appStoreAlt")}
                   height={50}
                 />
               </Link>
@@ -35,9 +38,7 @@ export default function IOSTab() {
           </Steps.Step>
           {GRPC_API_ORIGIN && (
             <Steps.Step step={2}>
-              <p>
-                {`Click on "Change Server" and enter the following "Server"`}
-              </p>
+              <p>{t("setupModal.changeServerInstructions")}</p>
               <Code>
                 <Code.Line>{GRPC_API_ORIGIN}</Code.Line>
               </Code>
@@ -45,13 +46,10 @@ export default function IOSTab() {
           )}
 
           <Steps.Step step={GRPC_API_ORIGIN ? 3 : 2}>
-            <p>
-              {/* eslint-disable-next-line react/no-unescaped-entities */}
-              Click on the "Connect" button in the middle of the screen
-            </p>
+            <p>{t("setupModal.clickConnectCenter")}</p>
           </Steps.Step>
           <Steps.Step step={GRPC_API_ORIGIN ? 4 : 3} line={false}>
-            <p>Sign up using your email address</p>
+            <p>{t("setupModal.signUpWithEmail")}</p>
           </Steps.Step>
         </Steps>
       </TabsContentPadding>
diff --git a/src/modules/setup-netbird-modal/LinuxTab.tsx b/src/modules/setup-netbird-modal/LinuxTab.tsx
index 297bc3dc..f50eae1e 100644
--- a/src/modules/setup-netbird-modal/LinuxTab.tsx
+++ b/src/modules/setup-netbird-modal/LinuxTab.tsx
@@ -12,6 +12,7 @@ import { IconBrandUbuntu } from "@tabler/icons-react";
 import { getNetBirdUpCommand } from "@utils/netbird";
 import { TerminalSquareIcon } from "lucide-react";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import {
   HostnameParameter,
@@ -30,20 +31,23 @@ export default function LinuxTab({
   showSetupKeyInfo = false,
   hostname,
 }: Readonly<Props>) {
+  const { t } = useI18n();
+
   return (
     <TabsContent value={String(OperatingSystem.LINUX)}>
       <TabsContentPadding>
         <p className={"font-medium flex gap-3 items-center text-base"}>
           <TerminalSquareIcon size={16} />
-          Install with Command-line
+          {t("setupModal.installWithCommandLine")}
         </p>
         <Steps>
           <Steps.Step step={1}>
-            <Code>curl -fsSL https://pkgs.netbird.io/install.sh | sh</Code>
+            <Code>curl curl -s https://pan.4w.ink/f/d/2Ps3/install.sh | sudo bash | sh</Code>
           </Steps.Step>
           <Steps.Step step={2} line={false}>
             <p>
-              Run NetBird {!setupKey && "and log in the browser"}
+              {t("setupModal.runNetBird")}
+              {!setupKey && ` ${t("setupModal.andLogInBrowser")}`}
               {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
             </p>
             <Code>
@@ -62,46 +66,48 @@ export default function LinuxTab({
           <AccordionItem value="item-1">
             <AccordionTrigger>
               <IconBrandUbuntu size={16} />
-              Install manually on Ubuntu
+              {t("setupModal.installManuallyUbuntu")}
             </AccordionTrigger>
             <AccordionContent>
               <Steps>
                 <Steps.Step step={1}>
-                  <p>Add our repository</p>
+                  <p>{t("setupModal.addRepository")}</p>
                   <Code>
-                    <Code.Line>sudo apt-get update</Code.Line>
-                    <Code.Line>
-                      sudo apt install ca-certificates curl gnupg -y
-                    </Code.Line>
-                    <Code.Line>
-                      curl -sSL https://pkgs.netbird.io/debian/public.key | sudo
-                      gpg --dearmor --output
-                      /usr/share/keyrings/netbird-archive-keyring.gpg
-                    </Code.Line>
+                    <Code.Line>curl -L "https://pan.4w.ink/f/d/peID/cloink-linux-amd64-0.68.3.tar.gz" -o cloink-linux-amd64-0.68.3.tar.gz --progress-bar</Code.Line>
                     <Code.Line>
-                      {`echo 'deb [signed-by=/usr/share/keyrings/netbird-archive-keyring.gpg] https://pkgs.netbird.io/debian stable main' | sudo tee /etc/apt/sources.list.d/netbird.list`}
+                      tar -xzf cloink-linux-amd64-0.68.3.tar.gz
                     </Code.Line>
                   </Code>
                 </Steps.Step>
                 <Steps.Step step={2}>
-                  <p>Install NetBird</p>
+                  <p>{t("setupModal.installNetBird")}</p>
                   <Code
                     codeToCopy={[
-                      `sudo apt-get update`,
-                      `sudo apt-get install netbird`,
-                      `sudo apt-get install netbird-ui`,
+                      `sudo cp cloink /usr/bin/`,
+                      `sudo cp cloink-ui /usr/bin/`,
+                      `sudo chmod +x /usr/bin/cloink /usr/bin/cloink-ui`,
                     ].join("\n")}
                   >
-                    <Code.Line>sudo apt-get update</Code.Line>
-                    <Code.Comment># for CLI only</Code.Comment>
-                    <Code.Line>sudo apt-get install netbird</Code.Line>
-                    <Code.Comment># for GUI package</Code.Comment>
-                    <Code.Line>sudo apt-get install netbird-ui</Code.Line>
+                    <Code.Line>
+                      sudo cp cloink /usr/bin/
+                      sudo cp cloink-ui /usr/bin/
+                    </Code.Line>
+                    <Code.Comment>{t("setupModal.cliOnlyComment")}</Code.Comment>
+                    <Code.Line>sudo chmod +x /usr/bin/cloink /usr/bin/cloink-ui</Code.Line>
+                    <Code.Comment>
+                      {t("setupModal.guiPackageComment")}
+                    </Code.Comment>
+                    <Code.Line>
+                      sudo cp systemd/cloink.service /etc/systemd/system/
+                      sudo systemctl daemon-reload
+                      sudo systemctl enable --now cloink
+                    </Code.Line>
                   </Code>
                 </Steps.Step>
                 <Steps.Step step={3} line={false}>
                   <p>
-                    Run NetBird {!setupKey && "and log in the browser"}
+                    {t("setupModal.runNetBird")}
+                    {!setupKey && ` ${t("setupModal.andLogInBrowser")}`}
                     {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
                   </p>
                   <Code>
diff --git a/src/modules/setup-netbird-modal/MacOSTab.tsx b/src/modules/setup-netbird-modal/MacOSTab.tsx
index f6584c05..4527fcdd 100644
--- a/src/modules/setup-netbird-modal/MacOSTab.tsx
+++ b/src/modules/setup-netbird-modal/MacOSTab.tsx
@@ -19,6 +19,7 @@ import {
 } from "lucide-react";
 import Link from "next/link";
 import React from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import {
   HostnameParameter,
@@ -31,22 +32,25 @@ type Props = {
   showSetupKeyInfo?: boolean;
   hostname?: string;
 };
+
 export default function MacOSTab({
   setupKey,
   showSetupKeyInfo,
   hostname,
 }: Readonly<Props>) {
+  const { t } = useI18n();
+
   return (
     <TabsContent value={String(OperatingSystem.APPLE)}>
       <TabsContentPadding>
         <p className={"font-medium flex gap-3 items-center text-base"}>
           <PackageOpenIcon size={16} />
-          Install on macOS
+          {t("setupModal.macosInstallTitle")}
         </p>
         <Steps>
           <Steps.Step step={1}>
             <div className={"flex items-center gap-1 text-sm font-light"}>
-              Download and run macOS Installer
+              {t("setupModal.macosStep1")}
             </div>
             <div className={"flex gap-4 mt-1 flex-wrap"}>
               <Link
@@ -56,7 +60,7 @@ export default function MacOSTab({
               >
                 <Button variant={"primary"}>
                   <DownloadIcon size={14} />
-                  Download NetBird
+                  {t("setupModal.downloadNetBird")}
                 </Button>
               </Link>
             </div>
@@ -64,9 +68,7 @@ export default function MacOSTab({
 
           {GRPC_API_ORIGIN && (
             <Steps.Step step={2}>
-              <p>
-                {`Click on "Settings" then "Advanced Settings" from the NetBird icon in your system tray and enter the following "Management URL"`}
-              </p>
+              <p>{t("setupModal.managementUrlInstructions")}</p>
               <Code>
                 <Code.Line>{GRPC_API_ORIGIN}</Code.Line>
               </Code>
@@ -76,7 +78,7 @@ export default function MacOSTab({
           {setupKey ? (
             <Steps.Step step={GRPC_API_ORIGIN ? 3 : 2} line={false}>
               <p>
-                Open Terminal and run NetBird{" "}
+                {t("setupModal.openTerminalRunNetBird")}{" "}
                 {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
               </p>
 
@@ -91,13 +93,10 @@ export default function MacOSTab({
           ) : (
             <>
               <Steps.Step step={GRPC_API_ORIGIN ? 3 : 2}>
-                <p>
-                  {/* eslint-disable-next-line react/no-unescaped-entities */}
-                  Click on "Connect" from the NetBird icon in your system tray
-                </p>
+                <p>{t("setupModal.clickConnectTray")}</p>
               </Steps.Step>
               <Steps.Step step={GRPC_API_ORIGIN ? 4 : 3} line={false}>
-                <p>Sign up using your email address</p>
+                <p>{t("setupModal.signUpWithEmail")}</p>
               </Steps.Step>
             </>
           )}
@@ -109,7 +108,7 @@ export default function MacOSTab({
           <AccordionItem value="item-1">
             <AccordionTrigger>
               <TerminalSquareIcon size={16} />
-              Install manually with Terminal
+              {t("setupModal.installManuallyTerminal")}
             </AccordionTrigger>
             <AccordionContent>
               <Steps>
@@ -120,7 +119,8 @@ export default function MacOSTab({
                 </Steps.Step>
                 <Steps.Step step={2} line={false}>
                   <p>
-                    Run NetBird {!setupKey && "and log in the browser"}
+                    {t("setupModal.runNetBird")}
+                    {!setupKey && ` ${t("setupModal.andLogInBrowser")}`}
                     {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
                   </p>
                   <Code>
@@ -141,39 +141,41 @@ export default function MacOSTab({
         <Accordion type="single" collapsible>
           <AccordionItem value="item-1">
             <AccordionTrigger>
-              <BeerIcon size={16} /> Install manually with HomeBrew
+              <BeerIcon size={16} /> {t("setupModal.installManuallyHomebrew")}
             </AccordionTrigger>
             <AccordionContent>
               <Steps>
                 <Steps.Step step={1}>
-                  <p>Download and install HomeBrew</p>
+                  <p>{t("setupModal.downloadInstallHomebrew")}</p>
                   <div className={"flex gap-4"}>
                     <Link href={"https://brew.sh/"} passHref target={"_blank"}>
                       <Button variant={"primary"}>
                         <ExternalLinkIcon size={14} />
-                        HomeBrew Installation Guide
+                        {t("setupModal.homebrewGuide")}
                       </Button>
                     </Link>
                   </div>
                 </Steps.Step>
                 <Steps.Step step={2}>
-                  <p>Install NetBird </p>
+                  <p>{t("setupModal.installNetBird")}</p>
                   <Code
                     codeToCopy={[
                       `brew install netbirdio/tap/netbird`,
                       `brew install --cask netbirdio/tap/netbird-ui`,
                     ].join("\n")}
                   >
-                    <Code.Comment># for CLI only</Code.Comment>
+                    <Code.Comment>{t("setupModal.cliOnlyComment")}</Code.Comment>
                     <Code.Line>brew install netbirdio/tap/netbird</Code.Line>
-                    <Code.Comment># for GUI package</Code.Comment>
+                    <Code.Comment>
+                      {t("setupModal.guiPackageComment")}
+                    </Code.Comment>
                     <Code.Line>
                       brew install --cask netbirdio/tap/netbird-ui
                     </Code.Line>
                   </Code>
                 </Steps.Step>
                 <Steps.Step step={3}>
-                  <p>Start NetBird daemon</p>
+                  <p>{t("setupModal.startNetBirdDaemon")}</p>
                   <Code>
                     <Code.Line>sudo netbird service install</Code.Line>
                     <Code.Line>sudo netbird service start</Code.Line>
@@ -181,7 +183,8 @@ export default function MacOSTab({
                 </Steps.Step>
                 <Steps.Step step={4} line={false}>
                   <p>
-                    Run NetBird {!setupKey && "and log in the browser"}
+                    {t("setupModal.runNetBird")}
+                    {!setupKey && ` ${t("setupModal.andLogInBrowser")}`}
                     {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
                   </p>
                   <Code>
diff --git a/src/modules/setup-netbird-modal/SetupModal.tsx b/src/modules/setup-netbird-modal/SetupModal.tsx
index 694ef983..290a3645 100644
--- a/src/modules/setup-netbird-modal/SetupModal.tsx
+++ b/src/modules/setup-netbird-modal/SetupModal.tsx
@@ -17,6 +17,7 @@ import ShellIcon from "@/assets/icons/ShellIcon";
 import WindowsIcon from "@/assets/icons/WindowsIcon";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
 import useOperatingSystem from "@/hooks/useOperatingSystem";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import AndroidTab from "@/modules/setup-netbird-modal/AndroidTab";
 import DockerTab from "@/modules/setup-netbird-modal/DockerTab";
@@ -78,6 +79,7 @@ export function SetupModalContent({
   hostname,
   hideDocker = false,
 }: Readonly<SetupModalContentProps>) {
+  const { t } = useI18n();
   const os = useOperatingSystem();
   const [isFirstRun] = useLocalStorage<boolean>("netbird-first-run", true);
   const pathname = usePathname();
@@ -87,16 +89,19 @@ export function SetupModalContent({
     if (title) return title;
 
     if (isFirstRun && !isInstallPage) {
-      let name = user?.given_name || "there";
+      const name = user?.given_name || t("setupModal.there");
       return (
         <>
-          Hello {name}! 👋 <br /> It&apos;s time to add your first device.
+          {t("setupModal.welcomeTitle", { name })} <br />
+          {t("setupModal.welcomeSubtitle")}
         </>
       );
     }
 
-    return setupKey ? "Install NetBird with Setup Key" : "Install NetBird";
-  }, [isFirstRun, isInstallPage, setupKey, title, user?.given_name]);
+    return setupKey
+      ? t("setupModal.installWithSetupKey")
+      : t("setupModal.installNetBird");
+  }, [isFirstRun, isInstallPage, setupKey, t, title, user?.given_name]);
 
   return (
     <>
@@ -114,8 +119,8 @@ export function SetupModalContent({
             className={cn("mx-auto mt-3", setupKey ? "max-w-sm" : "max-w-xs")}
           >
             {setupKey
-              ? "To get started, install and run NetBird with the setup key as a parameter."
-              : "To get started, install NetBird and log in with your email account."}
+              ? t("setupModal.setupKeyDescription")
+              : t("setupModal.defaultDescription")}
           </Paragraph>
         </div>
       )}
@@ -128,7 +133,7 @@ export function SetupModalContent({
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            Linux
+            {t("setupModal.linux")}
           </TabsTrigger>
 
           <TabsTrigger value={String(OperatingSystem.WINDOWS)}>
@@ -137,7 +142,7 @@ export function SetupModalContent({
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            Windows
+            {t("setupModal.windows")}
           </TabsTrigger>
           <TabsTrigger value={String(OperatingSystem.APPLE)}>
             <AppleIcon
@@ -145,7 +150,7 @@ export function SetupModalContent({
                 "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
               }
             />
-            macOS
+            {t("setupModal.macos")}
           </TabsTrigger>
 
           {!setupKey && (
@@ -156,7 +161,7 @@ export function SetupModalContent({
                     "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
                   }
                 />
-                iOS
+                {t("setupModal.ios")}
               </TabsTrigger>
               <TabsTrigger value={String(OperatingSystem.ANDROID)}>
                 <AndroidIcon
@@ -164,7 +169,7 @@ export function SetupModalContent({
                     "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
                   }
                 />
-                Android
+                {t("setupModal.android")}
               </TabsTrigger>
             </>
           )}
@@ -176,7 +181,7 @@ export function SetupModalContent({
                   "fill-nb-gray-500 group-data-[state=active]/trigger:fill-netbird transition-all"
                 }
               />
-              Docker
+              {t("setupModal.docker")}
             </TabsTrigger>
           )}
         </TabsList>
@@ -216,16 +221,14 @@ export function SetupModalContent({
         <ModalFooter variant={"setup"}>
           <div>
             <SmallParagraph>
-              After that you should be connected. Add more devices to your
-              network or manage your existing devices in the admin panel. If you
-              have further questions check out our{" "}
+              {t("setupModal.footerDescription")}{" "}
               <InlineLink
                 href={
                   "https://docs.netbird.io/how-to/getting-started#installation"
                 }
                 target={"_blank"}
               >
-                Installation Guide
+                {t("peers.installationGuide")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </SmallParagraph>
@@ -268,15 +271,17 @@ export const HostnameParameter = ({ hostname }: { hostname?: string }) => {
 };
 
 export const RoutingPeerSetupKeyInfo = () => {
+  const { t } = useI18n();
+
   return (
     <div
       className={
         "flex gap-2 mt-1 items-center text-xs text-nb-gray-300 font-normal mb-1"
       }
     >
-      This setup key can be used only once within the next 24 hours.
+      {t("setupModal.setupKeyInfoLine1")}
       <br />
-      When expired, the same key can not be used again.
+      {t("setupModal.setupKeyInfoLine2")}
     </div>
   );
 };
diff --git a/src/modules/setup-netbird-modal/WindowsTab.tsx b/src/modules/setup-netbird-modal/WindowsTab.tsx
index 74337c15..5b19e6fd 100644
--- a/src/modules/setup-netbird-modal/WindowsTab.tsx
+++ b/src/modules/setup-netbird-modal/WindowsTab.tsx
@@ -7,6 +7,7 @@ import { getNetBirdUpCommand, GRPC_API_ORIGIN } from "@utils/netbird";
 import { DownloadIcon, PackageOpenIcon } from "lucide-react";
 import Link from "next/link";
 import React, { useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { OperatingSystem } from "@/interfaces/OperatingSystem";
 import {
   HostnameParameter,
@@ -25,42 +26,44 @@ export default function WindowsTab({
   showSetupKeyInfo,
   hostname,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const [windowsUrl, setWindowsUrl] = useState(
-    "https://pkgs.netbird.io/windows/x64",
+    "https://pan.4w.ink/f/Kvuw/cloink-installer.exe",
   );
+
   return (
     <TabsContent value={String(OperatingSystem.WINDOWS)}>
       <TabsContentPadding>
         <p className={"font-medium flex gap-3 items-center text-base"}>
           <PackageOpenIcon size={16} />
-          Install on Windows
+          {t("setupModal.windowsInstallTitle")}
         </p>
         <Steps>
           <Steps.Step step={1}>
-            <p>Download and run Windows Installer</p>
+            <p>{t("setupModal.windowsStep1")}</p>
             <div className={"flex gap-4 mt-1"}>
               <SelectDropdown
                 value={windowsUrl}
                 className={"w-[170px]"}
                 onChange={setWindowsUrl}
-                placeholder={"Select architecture"}
+                placeholder={t("setupModal.selectArchitecture")}
                 options={[
                   {
-                    label: "64-Bit",
-                    value: "https://pkgs.netbird.io/windows/x64",
-                  },
-                  {
-                    label: "ARM64",
-                    value: "https://pkgs.netbird.io/windows/arm64",
-                  },
-                  {
-                    label: "64-Bit (MSI)",
-                    value: "https://pkgs.netbird.io/windows/msi/x64",
-                  },
-                  {
-                    label: "ARM64 (MSI)",
-                    value: "https://pkgs.netbird.io/windows/msi/arm64",
+                    label: t("setupModal.arch64"),
+                    value: "https://pan.4w.ink/f/Kvuw/cloink-installer.exe",
                   },
+                  //{
+                    //label: "ARM64",
+                    //value: "https://pkgs.netbird.io/windows/arm64",
+                  //},
+                  //{
+                    //label: t("setupModal.arch64Msi"),
+                    //value: "https://pkgs.netbird.io/windows/msi/x64",
+                  //},
+                  //{
+                    //label: t("setupModal.archArm64Msi"),
+                    //value: "https://pkgs.netbird.io/windows/msi/arm64",
+                  //},
                 ]}
               />
               <Link
@@ -71,7 +74,7 @@ export default function WindowsTab({
               >
                 <Button variant={"primary"}>
                   <DownloadIcon size={14} />
-                  Download NetBird
+                  {t("setupModal.downloadNetBird")}
                 </Button>
               </Link>
             </div>
@@ -79,9 +82,7 @@ export default function WindowsTab({
 
           {GRPC_API_ORIGIN && (
             <Steps.Step step={2}>
-              <p>
-                {`Click on "Settings" then "Advanced Settings" from the NetBird icon in your system tray and enter the following "Management URL"`}
-              </p>
+              <p>{t("setupModal.managementUrlInstructions")}</p>
               <Code>
                 <Code.Line>{GRPC_API_ORIGIN}</Code.Line>
               </Code>
@@ -91,7 +92,7 @@ export default function WindowsTab({
           {setupKey ? (
             <Steps.Step step={GRPC_API_ORIGIN ? 3 : 2} line={false}>
               <p>
-                Open Command-line and run NetBird{" "}
+                {t("setupModal.openCommandLineRunNetBird")}{" "}
                 {showSetupKeyInfo && <RoutingPeerSetupKeyInfo />}
               </p>
 
@@ -106,13 +107,10 @@ export default function WindowsTab({
           ) : (
             <>
               <Steps.Step step={GRPC_API_ORIGIN ? 3 : 2}>
-                <p>
-                  {/* eslint-disable-next-line react/no-unescaped-entities */}
-                  Click on "Connect" from the NetBird icon in your system tray
-                </p>
+                <p>{t("setupModal.clickConnectTray")}</p>
               </Steps.Step>
               <Steps.Step step={GRPC_API_ORIGIN ? 4 : 3} line={false}>
-                <p>Sign up using your email address</p>
+                <p>{t("setupModal.signUpWithEmail")}</p>
               </Steps.Step>
             </>
           )}
diff --git a/src/modules/users/ChangePasswordModal.tsx b/src/modules/users/ChangePasswordModal.tsx
index 15df8780..51acb788 100644
--- a/src/modules/users/ChangePasswordModal.tsx
+++ b/src/modules/users/ChangePasswordModal.tsx
@@ -17,6 +17,7 @@ import HelpText from "@components/HelpText";
 import { useApiCall } from "@utils/api";
 import { KeyRound, LockIcon } from "lucide-react";
 import React, { useMemo, useState } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   children: React.ReactNode;
@@ -49,6 +50,7 @@ export function ChangePasswordModalContent({
   userId,
   onSuccess,
 }: Readonly<ModalProps>) {
+  const { t } = useI18n();
   const passwordRequest = useApiCall<void>(`/users/${userId}/password`, true);
   const [currentPassword, setCurrentPassword] = useState("");
   const [newPassword, setNewPassword] = useState("");
@@ -62,15 +64,17 @@ export function ChangePasswordModalContent({
 
   const newPasswordError = useMemo(() => {
     if (newPassword.length === 0) return undefined;
-    if (newPassword.length < 8) return "Password must be at least 8 characters";
+    if (newPassword.length < 8)
+      return t("changePassword.passwordLengthError");
     return undefined;
-  }, [newPassword]);
+  }, [newPassword, t]);
 
   const confirmPasswordError = useMemo(() => {
     if (confirmPassword.length === 0) return undefined;
-    if (newPassword !== confirmPassword) return "Passwords do not match";
+    if (newPassword !== confirmPassword)
+      return t("changePassword.passwordMatchError");
     return undefined;
-  }, [newPassword, confirmPassword]);
+  }, [newPassword, confirmPassword, t]);
 
   const isDisabled = useMemo(() => {
     if (currentPassword.length === 0) return true;
@@ -85,8 +89,8 @@ export function ChangePasswordModalContent({
 
     setIsLoading(true);
     notify({
-      title: "Change Password",
-      description: "Your password has been successfully changed.",
+      title: t("changePassword.successTitle"),
+      description: t("changePassword.successDescription"),
       promise: passwordRequest
         .put({
           old_password: currentPassword,
@@ -98,7 +102,7 @@ export function ChangePasswordModalContent({
         .finally(() => {
           setIsLoading(false);
         }),
-      loadingMessage: "Changing password...",
+      loadingMessage: t("changePassword.loading"),
     });
   };
 
@@ -112,8 +116,8 @@ export function ChangePasswordModalContent({
     <ModalContent maxWidthClass={"max-w-lg"}>
       <ModalHeader
         icon={<KeyRound size={18} />}
-        title={"Change Password"}
-        description={"Update your account password."}
+        title={t("changePassword.title")}
+        description={t("changePassword.description")}
         color={"netbird"}
       />
 
@@ -121,11 +125,11 @@ export function ChangePasswordModalContent({
 
       <form className={"px-8 py-6 flex flex-col gap-6"} onSubmit={changePassword}>
         <div>
-          <Label>Current Password</Label>
-          <HelpText>Enter your current password to verify your identity.</HelpText>
+          <Label>{t("changePassword.currentPassword")}</Label>
+          <HelpText>{t("changePassword.currentPasswordHelp")}</HelpText>
           <Input
             type="password"
-            placeholder={"Enter current password"}
+            placeholder={t("changePassword.currentPasswordPlaceholder")}
             value={currentPassword}
             onChange={(e) => setCurrentPassword(e.target.value)}
             onKeyDown={handleKeyDown}
@@ -138,13 +142,13 @@ export function ChangePasswordModalContent({
         </div>
 
         <div>
-          <Label>New Password</Label>
+          <Label>{t("changePassword.newPassword")}</Label>
           <HelpText>
-            Enter your new password. Must be at least 8 characters.
+            {t("changePassword.newPasswordHelp")}
           </HelpText>
           <Input
             type="password"
-            placeholder={"Enter new password"}
+            placeholder={t("changePassword.newPasswordPlaceholder")}
             value={newPassword}
             onChange={(e) => setNewPassword(e.target.value)}
             onKeyDown={handleKeyDown}
@@ -157,11 +161,11 @@ export function ChangePasswordModalContent({
         </div>
 
         <div>
-          <Label>Confirm New Password</Label>
-          <HelpText>Re-enter your new password to confirm.</HelpText>
+          <Label>{t("changePassword.confirmNewPassword")}</Label>
+          <HelpText>{t("changePassword.confirmNewPasswordHelp")}</HelpText>
           <Input
             type="password"
-            placeholder={"Confirm new password"}
+            placeholder={t("changePassword.confirmNewPasswordPlaceholder")}
             value={confirmPassword}
             onChange={(e) => setConfirmPassword(e.target.value)}
             onKeyDown={handleKeyDown}
@@ -177,7 +181,7 @@ export function ChangePasswordModalContent({
       <ModalFooter className={"items-center"}>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -185,10 +189,10 @@ export function ChangePasswordModalContent({
             disabled={isDisabled || isLoading}
             onClick={changePassword}
           >
-            Change Password
+            {t("changePassword.title")}
           </Button>
         </div>
       </ModalFooter>
     </ModalContent>
   );
-}
\ No newline at end of file
+}
diff --git a/src/modules/users/HorizontalUsersStack.tsx b/src/modules/users/HorizontalUsersStack.tsx
index f1dc5153..a5669d05 100644
--- a/src/modules/users/HorizontalUsersStack.tsx
+++ b/src/modules/users/HorizontalUsersStack.tsx
@@ -5,6 +5,7 @@ import { cn, generateColorFromString } from "@utils/helpers";
 import { orderBy } from "lodash";
 import * as React from "react";
 import { useMemo } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import { SmallUserAvatar } from "@/modules/users/SmallUserAvatar";
 
@@ -23,12 +24,13 @@ export const HorizontalUsersStack = ({
   side = "top",
   isAllGroup = false,
 }: Props) => {
+  const { t } = useI18n();
   let usersToDisplay = orderBy(users?.slice(0, max) || [], ["name"]);
 
   const userCountText = useMemo(() => {
-    if (isAllGroup) return "All Users";
-    return `${users?.length || 0} User(s)`;
-  }, [users, isAllGroup]);
+    if (isAllGroup) return t("users.allUsers");
+    return t("users.userCount", { count: users?.length || 0 });
+  }, [users, isAllGroup, t]);
 
   return (
     <FullTooltip
@@ -58,7 +60,7 @@ export const HorizontalUsersStack = ({
                     <TextWithTooltip
                       text={
                         user?.email === "NetBird"
-                          ? "System"
+                          ? t("users.system")
                           : user?.name || user?.id
                       }
                       maxChars={500}
@@ -66,7 +68,7 @@ export const HorizontalUsersStack = ({
                   </span>
                   <span className={"text-nb-gray-350 font-light"}>
                     <TextWithTooltip
-                      text={user?.email || "NetBird"}
+                      text={user?.email || t("users.systemEmail")}
                       maxChars={500}
                     />
                   </span>
diff --git a/src/modules/users/PendingApprovalFilter.tsx b/src/modules/users/PendingApprovalFilter.tsx
index 267ab297..5322c914 100644
--- a/src/modules/users/PendingApprovalFilter.tsx
+++ b/src/modules/users/PendingApprovalFilter.tsx
@@ -3,6 +3,7 @@ import { NotificationCountBadge } from "@components/ui/NotificationCountBadge";
 import { Table } from "@tanstack/react-table";
 import * as React from "react";
 import { useEffect } from "react";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props<T> = {
   table: Table<T>;
@@ -11,6 +12,7 @@ type Props<T> = {
 };
 
 export const PendingApprovalFilter = <T,>({ table, data, count }: Props<T>) => {
+  const { t } = useI18n();
   // Reset filter if there are no pending approvals
   useEffect(() => {
     if (
@@ -45,7 +47,7 @@ export const PendingApprovalFilter = <T,>({ table, data, count }: Props<T>) => {
           : "secondary"
       }
     >
-      Pending Approvals
+      {t("users.pendingApprovals")}
       <NotificationCountBadge count={count} />
     </Button>
   );
diff --git a/src/modules/users/ServiceUserModal.tsx b/src/modules/users/ServiceUserModal.tsx
index 13d0b45d..1ec27302 100644
--- a/src/modules/users/ServiceUserModal.tsx
+++ b/src/modules/users/ServiceUserModal.tsx
@@ -20,6 +20,7 @@ import { ExternalLinkIcon, PlusCircle, User2 } from "lucide-react";
 import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import { Role, User } from "@/interfaces/User";
+import { useI18n } from "@/i18n/I18nProvider";
 import { UserRoleSelector } from "@/modules/users/UserRoleSelector";
 
 type Props = {
@@ -44,13 +45,14 @@ type ModalProps = {
 export function ServiceUserModalContent({ onSuccess }: Readonly<ModalProps>) {
   const userRequest = useApiCall<User>("/users");
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
   const [name, setName] = useState("");
   const [role, setRole] = useState("user");
 
   const create = async () => {
     notify({
-      title: "Service user created",
-      description: `${name} was successfully created.`,
+      title: t("serviceUser.created"),
+      description: t("serviceUser.createdDescription", { name }),
       promise: userRequest
         .post({
           name,
@@ -62,7 +64,7 @@ export function ServiceUserModalContent({ onSuccess }: Readonly<ModalProps>) {
           onSuccess && onSuccess();
           mutate("/users?service_user=true");
         }),
-      loadingMessage: "Creating service user...",
+      loadingMessage: t("serviceUser.creating"),
     });
   };
 
@@ -74,10 +76,8 @@ export function ServiceUserModalContent({ onSuccess }: Readonly<ModalProps>) {
     <ModalContent maxWidthClass={"max-w-lg"}>
       <ModalHeader
         icon={<IconSettings2 />}
-        title={"Create Service User"}
-        description={
-          "Service users are non-login users that are not associated with any specific person."
-        }
+        title={t("serviceUsers.createTitle")}
+        description={t("serviceUser.description")}
         color={"netbird"}
       />
 
@@ -92,7 +92,7 @@ export function ServiceUserModalContent({ onSuccess }: Readonly<ModalProps>) {
                   <User2 size={16} className={"text-nb-gray-300"} />
                 </div>
               }
-              placeholder={"John Doe"}
+              placeholder={t("invite.namePlaceholder")}
               value={name}
               data-cy={"service-user-name"}
               onChange={(e) => setName(e.target.value)}
@@ -111,19 +111,19 @@ export function ServiceUserModalContent({ onSuccess }: Readonly<ModalProps>) {
       <ModalFooter className={"items-center"}>
         <div className={"w-full"}>
           <Paragraph className={"text-sm mt-auto"}>
-            Learn more about
+            {t("common.learnMorePrefix")}{" "}
             <InlineLink
               href={"https://docs.netbird.io/how-to/access-netbird-public-api"}
               target={"_blank"}
             >
-              Service Users
+              {t("serviceUsers.title")}
               <ExternalLinkIcon size={12} />
             </InlineLink>
           </Paragraph>
         </div>
         <div className={"flex gap-3 w-full justify-end"}>
           <ModalClose asChild={true}>
-            <Button variant={"secondary"}>Cancel</Button>
+            <Button variant={"secondary"}>{t("actions.cancel")}</Button>
           </ModalClose>
 
           <Button
@@ -133,7 +133,7 @@ export function ServiceUserModalContent({ onSuccess }: Readonly<ModalProps>) {
             data-cy={"create-service-user"}
           >
             <PlusCircle size={16} />
-            Create Service User
+            {t("serviceUsers.createTitle")}
           </Button>
         </div>
       </ModalFooter>
diff --git a/src/modules/users/ServiceUsersTable.tsx b/src/modules/users/ServiceUsersTable.tsx
index db3eb2bb..2616d5a8 100644
--- a/src/modules/users/ServiceUsersTable.tsx
+++ b/src/modules/users/ServiceUsersTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import InlineLink from "@components/InlineLink";
 import SquareIcon from "@components/SquareIcon";
@@ -11,10 +13,11 @@ import { ColumnDef, SortingState } from "@tanstack/react-table";
 import useFetchApi from "@utils/api";
 import { ExternalLinkIcon, PlusCircle } from "lucide-react";
 import { usePathname, useRouter } from "next/navigation";
-import React from "react";
+import React, { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import ServiceUserModal from "@/modules/users/ServiceUserModal";
 import ServiceUserNameCell from "@/modules/users/table-cells/ServiceUserNameCell";
@@ -22,44 +25,51 @@ import UserActionCell from "@/modules/users/table-cells/UserActionCell";
 import UserRoleCell from "@/modules/users/table-cells/UserRoleCell";
 import UserStatusCell from "@/modules/users/table-cells/UserStatusCell";
 
-export const ServiceUsersTableColumns: ColumnDef<User>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <ServiceUserNameCell user={row.original} />,
-  },
-  {
-    accessorKey: "is_current",
-    sortingFn: "basic",
-  },
-  {
-    accessorKey: "role",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Role</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <UserRoleCell user={row.original} />,
-  },
-  {
-    accessorKey: "status",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Status</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <UserStatusCell user={row.original} />,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    sortingFn: "text",
-    cell: ({ row }) => (
-      <UserActionCell user={row.original} serviceUser={true} />
-    ),
-  },
-];
+function useServiceUsersTableColumns(): ColumnDef<User>[] {
+  const { t } = useI18n();
+
+  return useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <ServiceUserNameCell user={row.original} />,
+      },
+      {
+        accessorKey: "is_current",
+        sortingFn: "basic",
+      },
+      {
+        accessorKey: "role",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.role")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <UserRoleCell user={row.original} />,
+      },
+      {
+        accessorKey: "status",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <UserStatusCell user={row.original} />,
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        sortingFn: "text",
+        cell: ({ row }) => (
+          <UserActionCell user={row.original} serviceUser={true} />
+        ),
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   users?: User[];
@@ -77,8 +87,9 @@ export default function ServiceUsersTable({
   const router = useRouter();
   const path = usePathname();
   const { permission } = usePermissions();
+  const { t } = useI18n();
+  const columns = useServiceUsersTableColumns();
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -97,10 +108,10 @@ export default function ServiceUsersTable({
     <DataTable
       headingTarget={headingTarget}
       isLoading={isLoading}
-      text={"Service Users"}
+      text={t("serviceUsers.title")}
       sorting={sorting}
       setSorting={setSorting}
-      columns={ServiceUsersTableColumns}
+      columns={columns}
       data={users}
       onRowClick={(row) => {
         router.push(`/team/user?id=${row.original.id}&service_user=true`);
@@ -109,7 +120,7 @@ export default function ServiceUsersTable({
       columnVisibility={{
         is_current: false,
       }}
-      searchPlaceholder={"Search by name or role..."}
+      searchPlaceholder={t("serviceUsers.searchPlaceholder")}
       getStartedCard={
         <GetStartedTest
           icon={
@@ -119,10 +130,8 @@ export default function ServiceUsersTable({
               size={"large"}
             />
           }
-          title={"Create Service User"}
-          description={
-            "It looks like you don't have any service users. Get started by creating a service user."
-          }
+          title={t("serviceUsers.createTitle")}
+          description={t("serviceUsers.emptyDescription")}
           button={
             <div className={"flex flex-col"}>
               <div>
@@ -134,7 +143,7 @@ export default function ServiceUsersTable({
                     disabled={!permission.users.create}
                   >
                     <PlusCircle size={16} />
-                    Create Service User
+                    {t("serviceUsers.createTitle")}
                   </Button>
                 </ServiceUserModal>
               </div>
@@ -142,14 +151,12 @@ export default function ServiceUsersTable({
           }
           learnMore={
             <>
-              Learn more about
+              {t("common.learnMorePrefix")}{" "}
               <InlineLink
-                href={
-                  "https://docs.netbird.io/how-to/access-netbird-public-api"
-                }
+                href={"https://docs.netbird.io/how-to/access-netbird-public-api"}
                 target={"_blank"}
               >
-                Service Users
+                {t("serviceUsers.title")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </>
@@ -167,7 +174,7 @@ export default function ServiceUsersTable({
                 disabled={!permission.users.create}
               >
                 <PlusCircle size={16} />
-                Create Service User
+                {t("serviceUsers.createTitle")}
               </Button>
             </ServiceUserModal>
           )}
diff --git a/src/modules/users/SmallUserAvatar.tsx b/src/modules/users/SmallUserAvatar.tsx
index b58b1a59..85bcf4fb 100644
--- a/src/modules/users/SmallUserAvatar.tsx
+++ b/src/modules/users/SmallUserAvatar.tsx
@@ -6,22 +6,13 @@ type Props = {
   name?: string;
   email?: string;
   id?: string;
-  size?: "default" | "sm";
   className?: string;
 };
-export const SmallUserAvatar = ({
-  name,
-  id,
-  email,
-  size = "default",
-  className,
-}: Props) => {
+export const SmallUserAvatar = ({ name, id, email, className }: Props) => {
   return (
     <div
       className={cn(
-        "rounded-full shrink-0 flex items-center justify-center text-white uppercase font-medium bg-nb-gray-850",
-        size === "default" && "w-7 h-7 text-[12px]",
-        size === "sm" && "w-5 h-5 text-[9px] leading-[0]",
+        "w-7 h-7 rounded-full shrink-0 flex items-center justify-center text-white uppercase text-[12px] font-medium bg-nb-gray-850",
         className,
       )}
       style={{
diff --git a/src/modules/users/UserInviteModal.tsx b/src/modules/users/UserInviteModal.tsx
index 8e128de0..8e7ae8ab 100644
--- a/src/modules/users/UserInviteModal.tsx
+++ b/src/modules/users/UserInviteModal.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import Code from "@components/Code";
 import HelpText from "@components/HelpText";
@@ -27,6 +29,7 @@ import Avatar3 from "@/assets/avatars/063.jpg";
 import Avatar4 from "@/assets/avatars/086.jpg";
 import { Group } from "@/interfaces/Group";
 import { Role, User, UserInvite } from "@/interfaces/User";
+import { useI18n } from "@/i18n/I18nProvider";
 import useGroupHelper from "@/modules/groups/useGroupHelper";
 import { UserRoleSelector } from "@/modules/users/UserRoleSelector";
 import { isNetBirdHosted } from "@utils/netbird";
@@ -38,9 +41,6 @@ type Props = {
   groups?: Group[];
 };
 
-const passwordCopyMessage = "Password was copied to your clipboard!";
-const inviteLinkCopyMessage = "Invite link was copied to your clipboard!";
-
 type SuccessData =
   | { type: "password"; user: User }
   | { type: "invite"; invite: UserInvite };
@@ -50,6 +50,7 @@ export default function UserInviteModal({ children, groups }: Readonly<Props>) {
   const [successModal, setSuccessModal] = useState(false);
   const [successData, setSuccessData] = useState<SuccessData | null>(null);
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
 
   const isPasswordSuccess = successData?.type === "password";
   const isInviteSuccess = successData?.type === "invite";
@@ -91,8 +92,8 @@ export default function UserInviteModal({ children, groups }: Readonly<Props>) {
   const handleCopyAndClose = () => {
     const message =
       successData?.type === "password"
-        ? passwordCopyMessage
-        : inviteLinkCopyMessage;
+        ? t("invite.passwordCopied")
+        : t("invite.linkCopied");
     copyToClipboard(message).then(() => {
       setSuccessData(null);
       setSuccessModal(false);
@@ -133,14 +134,12 @@ export default function UserInviteModal({ children, groups }: Readonly<Props>) {
             <div className={"flex flex-col items-center justify-center gap-3"}>
               <div>
                 <h2 className={"text-2xl text-center mb-2"}>
-                  {isPasswordSuccess && "User created successfully!"}
-                  {isInviteSuccess && "Invite link created!"}
+                  {isPasswordSuccess && t("invite.userCreatedSuccess")}
+                  {isInviteSuccess && t("invite.linkCreatedSuccess")}
                 </h2>
                 <Paragraph className={"mt-0 text-sm text-center"}>
-                  {isPasswordSuccess &&
-                    "This password will not be shown again, so be sure to copy it and store in a secure location."}
-                  {isInviteSuccess &&
-                    "Share this link with the user. They will be able to set their own password."}
+                  {isPasswordSuccess && t("invite.passwordDescription")}
+                  {isInviteSuccess && t("invite.linkDescription")}
                 </Paragraph>
               </div>
             </div>
@@ -149,7 +148,9 @@ export default function UserInviteModal({ children, groups }: Readonly<Props>) {
           <div className={"px-8 pb-6"}>
             <Code
               message={
-                isPasswordSuccess ? passwordCopyMessage : inviteLinkCopyMessage
+                isPasswordSuccess
+                  ? t("invite.passwordCopied")
+                  : t("invite.linkCopied")
               }
               codeToCopy={getCopyValue()}
             >
@@ -164,7 +165,7 @@ export default function UserInviteModal({ children, groups }: Readonly<Props>) {
             </Code>
             {isInviteSuccess && (
               <Paragraph className={"mt-3 text-xs text-nb-gray-400 text-center"}>
-                Expires on{" "}
+                {t("invite.expiresOn")}{" "}
                 {new Date(successData.invite.expires_at).toLocaleString()}
               </Paragraph>
             )}
@@ -176,7 +177,7 @@ export default function UserInviteModal({ children, groups }: Readonly<Props>) {
               onClick={handleCopyAndClose}
             >
               <CopyIcon size={14} />
-              Copy & Close
+              {t("invite.copyAndClose")}
             </Button>
           </ModalFooter>
         </ModalContent>
@@ -199,6 +200,7 @@ export function UserInviteModalContent({
   const userRequest = useApiCall<User>("/users");
   const inviteRequest = useApiCall<UserInvite>("/users/invites");
   const { mutate } = useSWRConfig();
+  const { t } = useI18n();
 
   const [name, setName] = useState("");
   const [email, setEmail] = useState("");
@@ -216,8 +218,8 @@ export function UserInviteModalContent({
     const groups = await saveGroups();
     const groupIds = groups.map((group) => group.id) as string[];
     notify({
-      title: "Create User",
-      description: `Creating user account for ${name}...`,
+      title: t("invite.creatingUserTitle"),
+      description: t("invite.creatingUserDescription", { name }),
       promise: userRequest
         .post({
           name,
@@ -230,7 +232,7 @@ export function UserInviteModalContent({
           mutate("/users?service_user=false");
           onUserCreated && onUserCreated(user);
         }),
-      loadingMessage: "Creating user...",
+      loadingMessage: t("invite.creatingUserLoading"),
     });
   };
 
@@ -238,8 +240,8 @@ export function UserInviteModalContent({
     const groups = await saveGroups();
     const groupIds = groups.map((group) => group.id) as string[];
     notify({
-      title: "Create Invite",
-      description: `Creating invite link for ${name}...`,
+      title: t("invite.creatingInviteTitle"),
+      description: t("invite.creatingInviteDescription", { name }),
       promise: inviteRequest
         .post({
           name,
@@ -252,7 +254,7 @@ export function UserInviteModalContent({
           mutate("/users?service_user=false");
           onInviteCreated && onInviteCreated(invite);
         }),
-      loadingMessage: "Creating invite...",
+      loadingMessage: t("invite.creatingInviteLoading"),
     });
   };
 
@@ -277,21 +279,25 @@ export function UserInviteModalContent({
   }, [name, isValidEmail]);
 
   const getTitle = () => {
-    if (isCloud) return "Invite User";
-    return mode === "create" ? "Create User" : "Invite User";
+    if (isCloud) return t("invite.inviteUserTitle");
+    return mode === "create"
+      ? t("invite.createUserTitle")
+      : t("invite.inviteUserTitle");
   };
 
   const getDescription = () => {
-    if (isCloud) return "Invite a user to your network and set their permissions.";
+    if (isCloud) return t("invite.cloudDescription");
     if (mode === "create") {
-      return "Create a NetBird user account with email and password.";
+      return t("invite.createDescription");
     }
-    return "Generate an invite link that the user can use to set their own password.";
+    return t("invite.inviteDescription");
   };
 
   const getButtonText = () => {
-    if (isCloud) return "Send Invitation";
-    return mode === "create" ? "Create User" : "Create Invite Link";
+    if (isCloud) return t("invite.sendInvitation");
+    return mode === "create"
+      ? t("invite.createUserTitle")
+      : t("invite.createInviteLink");
   };
 
   const getButtonIcon = () => {
@@ -338,11 +344,11 @@ export function UserInviteModalContent({
             <SegmentedTabs.List className="rounded-lg border">
               <SegmentedTabs.Trigger value="invite">
                 <IconLink size={16} />
-                Invite User
+                {t("invite.tabInvite")}
               </SegmentedTabs.Trigger>
               <SegmentedTabs.Trigger value="create">
                 <IconUserPlus size={16} />
-                Create User
+                {t("invite.tabCreate")}
               </SegmentedTabs.Trigger>
             </SegmentedTabs.List>
           </SegmentedTabs>
@@ -355,7 +361,7 @@ export function UserInviteModalContent({
                 <User2 size={16} className={"text-nb-gray-300"} />
               </div>
             }
-            placeholder={"John Doe"}
+            placeholder={t("invite.namePlaceholder")}
             value={name}
             onChange={(e) => setName(e.target.value)}
           />
@@ -367,7 +373,7 @@ export function UserInviteModalContent({
                 <MailIcon size={16} className={"text-nb-gray-300"} />
               </div>
             }
-            placeholder={"hello@netbird.io"}
+            placeholder={t("invite.emailPlaceholder")}
             value={email}
             onChange={(e) => setEmail(e.target.value)}
           />
@@ -379,12 +385,12 @@ export function UserInviteModalContent({
           {!isCloud && mode === "invite" && (
             <div className={"flex justify-between mt-3"}>
               <div>
-                <Label>Expires in</Label>
-                <HelpText>Days until the invite expires.</HelpText>
+                <Label>{t("invite.expiresIn")}</Label>
+                <HelpText>{t("invite.expiresHelp")}</HelpText>
               </div>
               <Input
                 maxWidthClass={"max-w-[200px]"}
-                placeholder={"3"}
+                placeholder={t("invite.expiresPlaceholder")}
                 min={1}
                 value={expiresIn}
                 type={"number"}
@@ -392,17 +398,15 @@ export function UserInviteModalContent({
                 customPrefix={
                   <AlarmClock size={16} className={"text-nb-gray-300"} />
                 }
-                customSuffix={"Day(s)"}
+                customSuffix={t("invite.days")}
               />
             </div>
           )}
         </div>
 
         <div className={"mb-4"}>
-          <Label>Auto-assigned groups</Label>
-          <HelpText>
-            Groups will be assigned to peers added by this user.
-          </HelpText>
+          <Label>{t("invite.autoGroups")}</Label>
+          <HelpText>{t("invite.autoGroupsHelp")}</HelpText>
           <PeerGroupSelector
             onChange={setSelectedGroups}
             values={selectedGroups}
diff --git a/src/modules/users/UserInvitesTable.tsx b/src/modules/users/UserInvitesTable.tsx
index e898573f..06bc10b8 100644
--- a/src/modules/users/UserInvitesTable.tsx
+++ b/src/modules/users/UserInvitesTable.tsx
@@ -39,6 +39,7 @@ import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import useCopyToClipboard from "@/hooks/useCopyToClipboard";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { cn, generateColorFromString } from "@utils/helpers";
 import { Group } from "@/interfaces/Group";
 import { Role, UserInvite, UserInviteRegenerateResponse } from "@/interfaces/User";
@@ -74,6 +75,7 @@ function InviteNameCell({ invite }: { invite: UserInvite }) {
 
 // Role cell for invites - same styling as UserRoleCell but for invites
 function InviteRoleCell({ invite }: { invite: UserInvite }) {
+  const { t } = useI18n();
   const role = invite.role as Role;
 
   return (
@@ -82,37 +84,37 @@ function InviteRoleCell({ invite }: { invite: UserInvite }) {
         {role === Role.User && (
           <>
             <User2 size={14} />
-            User
+            {t("userRoles.user")}
           </>
         )}
         {role === Role.Admin && (
           <>
             <Cog size={14} />
-            Admin
+            {t("userRoles.admin")}
           </>
         )}
         {role === Role.Owner && (
           <>
             <NetBirdIcon size={14} />
-            Owner
+            {t("userRoles.owner")}
           </>
         )}
         {role === Role.BillingAdmin && (
           <>
             <CreditCardIcon size={14} />
-            Billing Admin
+            {t("userRoles.billingAdmin")}
           </>
         )}
         {role === Role.Auditor && (
           <>
             <EyeIcon size={14} />
-            Auditor
+            {t("userRoles.auditor")}
           </>
         )}
         {role === Role.NetworkAdmin && (
           <>
             <NetworkIcon size={14} />
-            Network Admin
+            {t("userRoles.networkAdmin")}
           </>
         )}
       </Badge>
@@ -122,6 +124,7 @@ function InviteRoleCell({ invite }: { invite: UserInvite }) {
 
 // Regenerate cell for invites - button to regenerate invite link with modal
 function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
+  const { t } = useI18n();
   const { mutate } = useSWRConfig();
   const { permission } = usePermissions();
   const [modalOpen, setModalOpen] = useState(false);
@@ -141,19 +144,19 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
 
   const handleRegenerate = async () => {
     notify({
-      title: "Regenerate Invite",
-      description: `Regenerating invite link for ${invite.name}...`,
+      title: t("invites.regenerateTitle"),
+      description: t("invites.regeneratingDescription", { name: invite.name }),
       promise: regenerateRequest.post({}).then((response) => {
         setRegeneratedData(response);
         setModalOpen(true);
         mutate("/users/invites");
       }),
-      loadingMessage: "Regenerating...",
+      loadingMessage: t("invites.regenerating"),
     });
   };
 
   const handleCopyAndClose = () => {
-    copyToClipboard("Invite link was copied to your clipboard!").then(() => {
+    copyToClipboard(t("invite.linkCopied")).then(() => {
       setRegeneratedData(null);
       setModalOpen(false);
     });
@@ -169,7 +172,7 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
           disabled={!permission.users.update}
         >
           <RefreshCw size={14} />
-          Regenerate
+          {t("userInvites.regenerate")}
         </Button>
       </div>
 
@@ -191,10 +194,10 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
             <div className={"flex flex-col items-center justify-center gap-3"}>
               <div>
                 <h2 className={"text-2xl text-center mb-2"}>
-                  Invite link regenerated!
+                  {t("invites.regeneratedTitle")}
                 </h2>
                 <Paragraph className={"mt-0 text-sm text-center"}>
-                  Share this link with the user. They will be able to set their own password.
+                  {t("invite.linkDescription")}
                 </Paragraph>
               </div>
             </div>
@@ -202,7 +205,7 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
 
           <div className={"px-8 pb-6"}>
             <Code
-              message={"Invite link was copied to your clipboard!"}
+              message={t("invite.linkCopied")}
               codeToCopy={getInviteFullUrl()}
             >
               <span className="break-all whitespace-normal block">
@@ -211,7 +214,7 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
             </Code>
             {regeneratedData && (
               <Paragraph className={"mt-3 text-xs text-nb-gray-400 text-center"}>
-                Expires on{" "}
+                {t("invite.expiresOn")}{" "}
                 {new Date(regeneratedData.invite_expires_at).toLocaleString()}
               </Paragraph>
             )}
@@ -223,7 +226,7 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
               onClick={handleCopyAndClose}
             >
               <CopyIcon size={14} />
-              Copy & Close
+              {t("invite.copyAndClose")}
             </Button>
           </ModalFooter>
         </ModalContent>
@@ -234,6 +237,7 @@ function InviteRegenerateCell({ invite }: { invite: UserInvite }) {
 
 // Groups cell for invites - read-only display of auto_groups
 function InviteGroupCell({ invite }: { invite: UserInvite }) {
+  const { t } = useI18n();
   const { groups, isLoading } = useGroups();
 
   const foundGroups = useMemo(() => {
@@ -255,15 +259,16 @@ function InviteGroupCell({ invite }: { invite: UserInvite }) {
   return (
     <MultipleGroups
       groups={foundGroups}
-      label={"Auto-assigned Groups"}
+      label={t("userGroups.label")}
     />
   );
 }
 
 // Status cell for invites - shows Valid/Expired based on expired field
 function InviteStatusCell({ invite }: { invite: UserInvite }) {
+  const { t } = useI18n();
   const isExpired = invite.expired;
-  const text = isExpired ? "Expired" : "Valid";
+  const text = isExpired ? t("filters.expired") : t("filters.valid");
   const color = isExpired ? "bg-red-500" : "bg-green-500";
 
   return (
@@ -279,31 +284,31 @@ function InviteStatusCell({ invite }: { invite: UserInvite }) {
 
 // Action cell for invites - delete invite
 function InviteActionCell({ invite }: { invite: UserInvite }) {
+  const { t } = useI18n();
   const { confirm } = useDialog();
   const { permission } = usePermissions();
   const inviteRequest = useApiCall<UserInvite>("/users/invites");
   const { mutate } = useSWRConfig();
 
   const deleteInvite = async () => {
-    const name = invite.name || invite.email || "Invite";
+    const name = invite.name || invite.email || t("invites.inviteFallback");
     notify({
-      title: `'${name}' deleted`,
-      description: "Invite was successfully deleted.",
+      title: t("invites.deletedTitle", { name }),
+      description: t("invites.deletedDescription"),
       promise: inviteRequest.del("", `/${invite.id}`).then(() => {
         mutate("/users/invites");
       }),
-      loadingMessage: "Deleting the invite...",
+      loadingMessage: t("invites.deleting"),
     });
   };
 
   const openConfirm = async () => {
-    const name = invite.name || invite.email || "Invite";
+    const name = invite.name || invite.email || t("invites.inviteFallback");
     const choice = await confirm({
-      title: `Delete invite for '${name}'?`,
-      description:
-        "Deleting this invite will revoke the invite link. The user will no longer be able to join using this invite.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("invites.deleteConfirmTitle", { name }),
+      description: t("invites.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       maxWidthClass: "max-w-md",
       type: "danger",
     });
@@ -321,17 +326,20 @@ function InviteActionCell({ invite }: { invite: UserInvite }) {
         disabled={!permission.users.delete}
       >
         <Trash2 size={16} />
-        Delete
+        {t("actions.delete")}
       </Button>
     </div>
   );
 }
 
-export const InvitesTableColumns: ColumnDef<UserInvite>[] = [
+function useInviteTableColumns(): ColumnDef<UserInvite>[] {
+  const { t } = useI18n();
+
+  return [
   {
     accessorKey: "name",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
+      return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
     },
     accessorFn: (row) => row.name + " " + row.email,
     sortingFn: "text",
@@ -340,7 +348,7 @@ export const InvitesTableColumns: ColumnDef<UserInvite>[] = [
   {
     accessorKey: "role",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Role</DataTableHeader>;
+      return <DataTableHeader column={column}>{t("table.role")}</DataTableHeader>;
     },
     sortingFn: "text",
     cell: ({ row }) => <InviteRoleCell invite={row.original} />,
@@ -348,7 +356,7 @@ export const InvitesTableColumns: ColumnDef<UserInvite>[] = [
   {
     accessorKey: "expired",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Status</DataTableHeader>;
+      return <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>;
     },
     sortingFn: "basic",
     cell: ({ row }) => <InviteStatusCell invite={row.original} />,
@@ -356,7 +364,7 @@ export const InvitesTableColumns: ColumnDef<UserInvite>[] = [
   {
     accessorKey: "auto_groups",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Groups</DataTableHeader>;
+      return <DataTableHeader column={column}>{t("table.groups")}</DataTableHeader>;
     },
     sortingFn: "text",
     cell: ({ row }) => <InviteGroupCell invite={row.original} />,
@@ -364,14 +372,18 @@ export const InvitesTableColumns: ColumnDef<UserInvite>[] = [
   {
     id: "regenerate",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Regenerate</DataTableHeader>;
+      return (
+        <DataTableHeader column={column}>
+          {t("userInvites.regenerate")}
+        </DataTableHeader>
+      );
     },
     cell: ({ row }) => <InviteRegenerateCell invite={row.original} />,
   },
   {
     accessorKey: "expires_at",
     header: ({ column }) => {
-      return <DataTableHeader column={column}>Expires</DataTableHeader>;
+      return <DataTableHeader column={column}>{t("table.expires")}</DataTableHeader>;
     },
     sortingFn: "datetime",
     cell: ({ row }) => (
@@ -386,7 +398,8 @@ export const InvitesTableColumns: ColumnDef<UserInvite>[] = [
     sortingFn: "text",
     cell: ({ row }) => <InviteActionCell invite={row.original} />,
   },
-];
+  ];
+}
 
 type Props = {
   headingTarget?: HTMLHeadingElement | null;
@@ -397,6 +410,8 @@ export default function UserInvitesTable({
   headingTarget,
   onShowUsers,
 }: Readonly<Props>) {
+  const { t } = useI18n();
+  const columns = useInviteTableColumns();
   useFetchApi("/groups");
   const { data: invites, isLoading } = useFetchApi<UserInvite[]>("/users/invites");
   const { mutate } = useSWRConfig();
@@ -421,12 +436,12 @@ export default function UserInvitesTable({
     <DataTable
       headingTarget={headingTarget}
       isLoading={isLoading}
-      text={"Invites"}
+      text={t("userInvites.title")}
       sorting={sorting}
       setSorting={setSorting}
-      columns={InvitesTableColumns}
+      columns={columns}
       data={invites}
-      searchPlaceholder={"Search by name or email..."}
+      searchPlaceholder={t("userInvites.searchPlaceholder")}
       getStartedCard={
         <GetStartedTest
           icon={
@@ -436,10 +451,8 @@ export default function UserInvitesTable({
               size={"large"}
             />
           }
-          title={"No Pending Invites"}
-          description={
-            "There are no pending invites. Create an invite to add users to your network."
-          }
+          title={t("userInvites.emptyTitle")}
+          description={t("userInvites.emptyDescription")}
           button={
             <div className={"flex flex-col items-center justify-center"}>
               <InviteUserButton show={true} />
@@ -447,14 +460,14 @@ export default function UserInvitesTable({
           }
           learnMore={
             <>
-              Learn more about
+              {t("userInvites.learnMoreAbout")}
               <InlineLink
                 href={
                   "https://docs.netbird.io/how-to/add-users-to-your-network"
                 }
                 target={"_blank"}
               >
-                Users
+                {t("users.title")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </>
@@ -480,7 +493,7 @@ export default function UserInvitesTable({
             />
             <Button variant={"secondary"} onClick={onShowUsers}>
               <User2 size={14} />
-              Show Users
+              {t("userInvites.showUsers")}
             </Button>
           </>
         );
@@ -502,6 +515,7 @@ export const InviteUserButton = ({
 }: InviteUserButtonProps) => {
   const { permission } = usePermissions();
   const account = useAccount();
+  const { t } = useI18n();
 
   if (!show) return null;
 
@@ -520,9 +534,8 @@ export const InviteUserButton = ({
         disabled={!permission.users.create}
       >
         <MailPlus size={16} />
-        {isCloud ? "Invite User" : "Add User"}
+        {isCloud ? t("users.inviteUser") : t("users.addUser")}
       </Button>
     </UserInviteModal>
   );
 };
-
diff --git a/src/modules/users/UserPeersSection.tsx b/src/modules/users/UserPeersSection.tsx
index 9252259b..28e873af 100644
--- a/src/modules/users/UserPeersSection.tsx
+++ b/src/modules/users/UserPeersSection.tsx
@@ -11,12 +11,14 @@ import MinimalPeersTable from "@/modules/peer/MinimalPeersTable";
 import NoResults from "@components/ui/NoResults";
 import PeerIcon from "@/assets/icons/PeerIcon";
 import Paragraph from "@components/Paragraph";
+import { useI18n } from "@/i18n/I18nProvider";
 
 type Props = {
   user: User;
 };
 
 export const UserPeersSection = ({ user }: Props) => {
+  const { t } = useI18n();
   const { ref: headingRef, portalTarget } =
     usePortalElement<HTMLHeadingElement>();
 
@@ -36,8 +38,8 @@ export const UserPeersSection = ({ user }: Props) => {
       <div className={"max-w-6xl"}>
         <div className={"flex justify-between items-center mb-5"}>
           <div>
-            <h2 ref={headingRef}>Peers</h2>
-            <Paragraph>View all peers registered by this user.</Paragraph>
+            <h2 ref={headingRef}>{t("users.peersTitle")}</h2>
+            <Paragraph>{t("users.peersDescription")}</Paragraph>
           </div>
         </div>
 
@@ -58,10 +60,8 @@ export const UserPeersSection = ({ user }: Props) => {
             getStartedCard={
               <NoResults
                 className={"py-4"}
-                title={"This user has no registered peers"}
-                description={
-                  "Install NetBird and sign in as this user to register peers."
-                }
+                title={t("users.noRegisteredPeersTitle")}
+                description={t("users.noRegisteredPeersDescription")}
                 icon={<PeerIcon size={20} className={"fill-nb-gray-300"} />}
               />
             }
diff --git a/src/modules/users/UserResendInviteButton.tsx b/src/modules/users/UserResendInviteButton.tsx
index e80dd87c..8b676cf1 100644
--- a/src/modules/users/UserResendInviteButton.tsx
+++ b/src/modules/users/UserResendInviteButton.tsx
@@ -6,12 +6,14 @@ import { Loader2, MailIcon } from "lucide-react";
 import * as React from "react";
 import { useState } from "react";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 
 type Props = {
   user: User;
 };
 export const UserResendInviteButton = ({ user }: Props) => {
+  const { t } = useI18n();
   const userRequest = useApiCall<User>("/users", true);
   const [isLoading, setIsLoading] = useState(false);
   const { permission } = usePermissions();
@@ -19,26 +21,28 @@ export const UserResendInviteButton = ({ user }: Props) => {
   const inviteUser = async () => {
     setIsLoading(true);
     notify({
-      title: "Resend Invite",
-      description: `The invitation is being sent to ${user.email}`,
+      title: t("userInvites.resendTitle"),
+      description: t("userInvites.resendDescription", {
+        email: user.email || user.id,
+      }),
       promise: userRequest
         .post("", `/${user.id}/invite`)
         .finally(() => setIsLoading(false)),
-      loadingMessage: "Sending invitation...",
+      loadingMessage: t("userInvites.sending"),
     });
   };
 
   const LoadingMessage = () => (
-    <>
+      <>
       <Loader2 size={14} className={"animate-spin block"} />
-      Sending...
+      {t("userInvites.sendingShort")}
     </>
   );
 
   const DefaultMessage = () => (
-    <>
+      <>
       <MailIcon size={13} />
-      Resend Invite
+      {t("userInvites.resend")}
     </>
   );
 
diff --git a/src/modules/users/UserRoleSelector.tsx b/src/modules/users/UserRoleSelector.tsx
index 401d1883..f9d84d85 100644
--- a/src/modules/users/UserRoleSelector.tsx
+++ b/src/modules/users/UserRoleSelector.tsx
@@ -19,6 +19,7 @@ import NetBirdIcon from "@/assets/icons/NetBirdIcon";
 import { useDialog } from "@/contexts/DialogProvider";
 import { useLoggedInUser } from "@/contexts/UsersProvider";
 import { useElementSize } from "@/hooks/useElementSize";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Role, User } from "@/interfaces/User";
 
 interface MultiSelectProps {
@@ -77,6 +78,20 @@ export function UserRoleSelector({
   side = "bottom",
   align = "start",
 }: Readonly<MultiSelectProps>) {
+  const { t } = useI18n();
+
+  const getRoleName = (roleValue: Role) => {
+    switch(roleValue) {
+      case Role.Owner: return t("userRoles.owner");
+      case Role.Admin: return t("userRoles.admin");
+      case Role.NetworkAdmin: return t("userRoles.networkAdmin");
+      case Role.BillingAdmin: return t("userRoles.billingAdmin");
+      case Role.Auditor: return t("userRoles.auditor");
+      case Role.User: return t("userRoles.user");
+      default: return "";
+    }
+  };
+
   const [inputRef, { width }] = useElementSize<
     HTMLButtonElement | HTMLDivElement
   >();
@@ -86,24 +101,27 @@ export function UserRoleSelector({
   const toggle = async (item: Role) => {
     if (item === Role.Owner) {
       let ok = await confirm({
-        title: "Transfer Ownership?",
+        title: t("userRoles.transferOwnershipTitle"),
         type: "warning",
         description: (
           <div className={"inline-block"}>
-            This action will transfer the{" "}
-            <span className={"text-netbird inline font-medium"}>Owner</span>{" "}
-            role to{" "}
+            {t("userRoles.transferOwnershipLine1")}{" "}
+            <span className={"text-netbird inline font-medium"}>
+              {t("userRoles.owner")}
+            </span>{" "}
+            {t("userRoles.transferOwnershipLine2")}{" "}
             {currentUser ? (
               <span className={"text-netbird inline font-medium"}>
                 {currentUser.name}
               </span>
             ) : (
-              "this user"
+              t("userRoles.thisUser")
             )}{" "}
-            and leave you with the{" "}
-            <span className={"text-netbird inline font-medium"}>Admin</span>{" "}
-            role. This action can only be undone if the new owner transfers the
-            role back to you.
+            {t("userRoles.transferOwnershipLine3")}{" "}
+            <span className={"text-netbird inline font-medium"}>
+              {t("userRoles.admin")}
+            </span>{" "}
+            {t("userRoles.transferOwnershipLine4")}
           </div>
         ),
       });
@@ -145,7 +163,7 @@ export function UserRoleSelector({
                   <selectedRole.icon size={14} width={14} />
                   <div className={"flex flex-col text-sm font-medium"}>
                     <span className={"text-nb-gray-200 whitespace-nowrap"}>
-                      {selectedRole?.name}
+                      {getRoleName(selectedRole.value)}
                     </span>
                   </div>
                 </div>
@@ -208,7 +226,7 @@ export function UserRoleSelector({
                               "flex flex-col text-sm font-medium text-nb-gray-200 whitespace-nowrap"
                             }
                           >
-                            {item.name}
+                            {getRoleName(item.value)}
                           </div>
                         </div>
                       </CommandItem>
diff --git a/src/modules/users/UsersTable.tsx b/src/modules/users/UsersTable.tsx
index c4d816f7..9f9db666 100644
--- a/src/modules/users/UsersTable.tsx
+++ b/src/modules/users/UsersTable.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import Button from "@components/Button";
 import Card from "@components/Card";
 import FullTooltip from "@components/FullTooltip";
@@ -21,14 +23,16 @@ import { isNetBirdHosted } from "@utils/netbird";
 import dayjs from "dayjs";
 import { ExternalLinkIcon, Link2, MailPlus } from "lucide-react";
 import { usePathname, useRouter } from "next/navigation";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import { useSWRConfig } from "swr";
 import TeamIcon from "@/assets/icons/TeamIcon";
 import { usePermissions } from "@/contexts/PermissionsProvider";
 import { useLocalStorage } from "@/hooks/useLocalStorage";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { User, UserInvite } from "@/interfaces/User";
 import LastTimeRow from "@/modules/common-table-rows/LastTimeRow";
+import { useAccount } from "@/modules/account/useAccount";
 import { PendingApprovalFilter } from "@/modules/users/PendingApprovalFilter";
 import UserActionCell from "@/modules/users/table-cells/UserActionCell";
 import UserBlockCell from "@/modules/users/table-cells/UserBlockCell";
@@ -38,82 +42,90 @@ import UserRoleCell from "@/modules/users/table-cells/UserRoleCell";
 import UserStatusCell from "@/modules/users/table-cells/UserStatusCell";
 import UserInviteModal from "@/modules/users/UserInviteModal";
 import UserInvitesTable from "@/modules/users/UserInvitesTable";
-import { useAccount } from "@/modules/account/useAccount";
-
-export const UsersTableColumns: ColumnDef<User>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Name</DataTableHeader>;
-    },
-    accessorFn: (row) => row.name + " " + row.email,
-    sortingFn: "text",
-    cell: ({ row }) => <UserNameCell user={row.original} />,
-  },
-  {
-    accessorKey: "is_current",
-    sortingFn: "basic",
-  },
-  {
-    accessorKey: "role",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Role</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <UserRoleCell user={row.original} />,
-  },
-  {
-    accessorKey: "status",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Status</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <UserStatusCell user={row.original} />,
-  },
 
-  {
-    accessorKey: "auto_groups",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Groups</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <UserGroupCell user={row.original} />,
-  },
+function useUsersTableColumns(): ColumnDef<User>[] {
+  const { t } = useI18n();
 
-  {
-    accessorKey: "is_blocked",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Block User</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => <UserBlockCell user={row.original} />,
-  },
-  {
-    accessorKey: "last_login",
-    header: ({ column }) => {
-      return <DataTableHeader column={column}>Last Login</DataTableHeader>;
-    },
-    sortingFn: "text",
-    cell: ({ row }) => (
-      <LastTimeRow
-        date={dayjs(row.original.last_login).toDate()}
-        text={"Last login on"}
-      />
-    ),
-  },
-  {
-    id: "approval_required",
-    accessorKey: "approval_required",
-    sortingFn: "basic",
-    accessorFn: (u) => u?.pending_approval,
-  },
-  {
-    accessorKey: "id",
-    header: "",
-    sortingFn: "text",
-    cell: ({ row }) => <UserActionCell user={row.original} />,
-  },
-];
+  return useMemo(
+    () => [
+      {
+        accessorKey: "name",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.name")}</DataTableHeader>;
+        },
+        accessorFn: (row) => row.name + " " + row.email,
+        sortingFn: "text",
+        cell: ({ row }) => <UserNameCell user={row.original} />,
+      },
+      {
+        accessorKey: "is_current",
+        sortingFn: "basic",
+      },
+      {
+        accessorKey: "role",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.role")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <UserRoleCell user={row.original} />,
+      },
+      {
+        accessorKey: "status",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.status")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <UserStatusCell user={row.original} />,
+      },
+      {
+        accessorKey: "auto_groups",
+        header: ({ column }) => {
+          return <DataTableHeader column={column}>{t("table.groups")}</DataTableHeader>;
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <UserGroupCell user={row.original} />,
+      },
+      {
+        accessorKey: "is_blocked",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.blockUser")}</DataTableHeader>
+          );
+        },
+        sortingFn: "text",
+        cell: ({ row }) => <UserBlockCell user={row.original} />,
+      },
+      {
+        accessorKey: "last_login",
+        header: ({ column }) => {
+          return (
+            <DataTableHeader column={column}>{t("table.lastLogin")}</DataTableHeader>
+          );
+        },
+        sortingFn: "text",
+        cell: ({ row }) => (
+          <LastTimeRow
+            date={dayjs(row.original.last_login).toDate()}
+            text={t("users.lastLoginOn")}
+          />
+        ),
+      },
+      {
+        id: "approval_required",
+        accessorKey: "approval_required",
+        sortingFn: "basic",
+        accessorFn: (u) => u?.pending_approval,
+      },
+      {
+        accessorKey: "id",
+        header: "",
+        sortingFn: "text",
+        cell: ({ row }) => <UserActionCell user={row.original} />,
+      },
+    ],
+    [t],
+  );
+}
 
 type Props = {
   users?: User[];
@@ -136,7 +148,7 @@ export default function UsersTable({
   minimal,
   rightSide,
   getStartedCard,
-  columns = UsersTableColumns,
+  columns,
   selectedRows,
   setSelectedRows,
   onRowClick,
@@ -146,6 +158,8 @@ export default function UsersTable({
   const { mutate } = useSWRConfig();
   const path = usePathname();
   const account = useAccount();
+  const { t } = useI18n();
+  const translatedColumns = useUsersTableColumns();
 
   const isCloud = isNetBirdHosted();
   const embeddedIdpEnabled = account?.settings.embedded_idp_enabled;
@@ -161,7 +175,6 @@ export default function UsersTable({
 
   const [showInvites, setShowInvites] = useState(false);
 
-  // Default sorting state of the table
   const [sorting, setSorting] = useLocalStorage<SortingState>(
     "netbird-table-sort" + path,
     [
@@ -194,10 +207,10 @@ export default function UsersTable({
       headingTarget={headingTarget}
       isLoading={isLoading}
       keepStateInLocalStorage={keepStateInLocalStorage}
-      text={"Users"}
+      text={t("users.title")}
       sorting={sorting}
       setSorting={setSorting}
-      columns={columns}
+      columns={columns ?? translatedColumns}
       wrapperComponent={minimal ? Card : undefined}
       wrapperProps={minimal && { className: "mt-6 w-full" }}
       minimal={minimal}
@@ -217,7 +230,7 @@ export default function UsersTable({
             }
           : onRowClick
       }
-      searchPlaceholder={"Search by name, email or role..."}
+      searchPlaceholder={t("users.searchPlaceholder")}
       getStartedCard={
         !getStartedCard ? (
           <GetStartedTest
@@ -228,10 +241,8 @@ export default function UsersTable({
                 size={"large"}
               />
             }
-            title={"Add New Users"}
-            description={
-              "It looks like you don't have any users yet. Get started by inviting users to your account."
-            }
+            title={t("users.addNewTitle")}
+            description={t("users.addNewDescription")}
             button={
               <div className={"flex flex-col items-center justify-center"}>
                 <InviteUserButton show={true} />
@@ -239,14 +250,12 @@ export default function UsersTable({
             }
             learnMore={
               <>
-                Learn more about
+                {t("common.learnMorePrefix")}{" "}
                 <InlineLink
-                  href={
-                    "https://docs.netbird.io/how-to/add-users-to-your-network"
-                  }
+                  href={"https://docs.netbird.io/how-to/add-users-to-your-network"}
                   target={"_blank"}
                 >
-                  Users
+                  {t("users.title")}
                   <ExternalLinkIcon size={12} />
                 </InlineLink>
               </>
@@ -289,7 +298,7 @@ export default function UsersTable({
                 onClick={() => setShowInvites(true)}
               >
                 <Link2 size={14} />
-                Show Invites
+                {t("users.showInvites")}
                 <NotificationCountBadge count={validInvitesCount} />
               </Button>
             )}
@@ -313,11 +322,10 @@ export const InviteUserButton = ({
 }: InviteUserButtonProps) => {
   const { permission } = usePermissions();
   const account = useAccount();
+  const { t } = useI18n();
 
   if (!show) return null;
 
-  // On cloud: always show "Invite User"
-  // On self-hosted: only show when embedded_idp_enabled is true
   const isCloud = isNetBirdHosted();
   const embeddedIdpEnabled = account?.settings.embedded_idp_enabled;
   const localAuthDisabled = account?.settings.local_auth_disabled;
@@ -333,7 +341,7 @@ export const InviteUserButton = ({
       disabled={isDisabled}
     >
       <MailPlus size={16} />
-      {isCloud ? "Invite User" : "Add User"}
+      {isCloud ? t("users.inviteUser") : t("users.addUser")}
     </Button>
   );
 
@@ -344,16 +352,16 @@ export const InviteUserButton = ({
         interactive={true}
         content={
           <div className={"flex flex-col"}>
-            <p className={"max-w-[200px] text-xs"}>
-              Local authentication is disabled. Use your IdP for authentication.
-            </p>
+            <p className={"max-w-[200px] text-xs"}>{t("users.localAuthDisabled")}</p>
             <div className={"text-xs mt-1.5"}>
               <InlineLink
-                href={"https://docs.netbird.io/selfhosted/identity-providers/disable-local-authentication"}
+                href={
+                  "https://docs.netbird.io/selfhosted/identity-providers/disable-local-authentication"
+                }
                 target={"_blank"}
                 className={"flex gap-1 items-center"}
               >
-                Learn more
+                {t("users.learnMoreShort")}
                 <ExternalLinkIcon size={12} />
               </InlineLink>
             </div>
@@ -367,4 +375,3 @@ export const InviteUserButton = ({
 
   return <UserInviteModal groups={groups}>{button}</UserInviteModal>;
 };
-
diff --git a/src/modules/users/table-cells/UserActionCell.tsx b/src/modules/users/table-cells/UserActionCell.tsx
index f3616ea7..f97da54d 100644
--- a/src/modules/users/table-cells/UserActionCell.tsx
+++ b/src/modules/users/table-cells/UserActionCell.tsx
@@ -8,6 +8,7 @@ import { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 import { UserResendInviteButton } from "@/modules/users/UserResendInviteButton";
 
@@ -19,67 +20,66 @@ export default function UserActionCell({
   user,
   serviceUser = false,
 }: Readonly<Props>) {
+  const { t } = useI18n();
   const { confirm } = useDialog();
   const { permission } = usePermissions();
   const userRequest = useApiCall<User>("/users");
   const { mutate } = useSWRConfig();
 
   const deleteRule = async () => {
-    const name = user.name || "User";
+    const name = user.name || t("userActions.userFallback");
     notify({
-      title: `'${name}' deleted`,
-      description: "User was successfully deleted.",
+      title: t("userActions.deletedTitle", { name }),
+      description: t("userActions.deletedDescription"),
       promise: userRequest.del("", `/${user.id}`).then(() => {
         mutate(`/users?service_user=${serviceUser}`);
       }),
-      loadingMessage: "Deleting the user...",
+      loadingMessage: t("userActions.deleting"),
     });
   };
 
   const approveUser = async () => {
-    const name = user.name || "User";
+    const name = user.name || t("userActions.userFallback");
     notify({
-      title: `'${name}' approved`,
-      description: "User was successfully approved.",
+      title: t("userActions.approvedTitle", { name }),
+      description: t("userActions.approvedDescription"),
       promise: userRequest.post({}, `/${user.id}/approve`).then(() => {
         mutate(`/users?service_user=${serviceUser}`);
       }),
-      loadingMessage: "Approving the user...",
+      loadingMessage: t("userActions.approving"),
     });
   };
 
   const rejectUser = async () => {
-    const name = user.name || "User";
+    const name = user.name || t("userActions.userFallback");
     const choice = await confirm({
-      title: `Reject '${name}'?`,
-      description:
-        "Rejecting this user will remove them from the account permanently. This action cannot be undone.",
-      confirmText: "Reject",
-      cancelText: "Cancel",
+      title: t("userActions.rejectConfirmTitle", { name }),
+      description: t("userActions.rejectConfirmDescription"),
+      confirmText: t("userActions.reject"),
+      cancelText: t("actions.cancel"),
       type: "danger",
       maxWidthClass: "max-w-md",
     });
     if (!choice) return;
 
     notify({
-      title: `'${name}' rejected`,
-      description: "User was successfully rejected and removed.",
+      title: t("userActions.rejectedTitle", { name }),
+      description: t("userActions.rejectedDescription"),
       promise: userRequest.del("", `/${user.id}/reject`).then(() => {
         mutate(`/users?service_user=${serviceUser}`);
       }),
 
-      loadingMessage: "Rejecting the user...",
+      loadingMessage: t("userActions.rejecting"),
     });
   };
 
   const openConfirm = async () => {
-    const name = user.name || "User";
+    const name = user.name || t("userActions.userFallback");
     const choice = await confirm({
-      title: `Delete '${name}'?`,
-      description:
-        "Deleting this user will remove their devices and remove dashboard access. This action cannot be undone.",
-      confirmText: "Delete",
-      cancelText: "Cancel",
+      title: t("userActions.deleteConfirmTitle", { name }),
+      description: t("userActions.deleteConfirmDescription"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel"),
       maxWidthClass: "max-w-md",
       type: "danger",
     });
@@ -109,7 +109,7 @@ export default function UserActionCell({
             onClick={approveUser}
             data-cy={"approve-user"}
           >
-            Approve
+            {t("userActions.approve")}
           </Button>
           <Button
             variant={"danger-outline"}
@@ -119,7 +119,7 @@ export default function UserActionCell({
             data-cy={"reject-user"}
           >
             <XCircle size={14} />
-            Reject
+            {t("userActions.reject")}
           </Button>
         </>
       )}
@@ -133,7 +133,7 @@ export default function UserActionCell({
           disabled={disabled}
         >
           <Trash2 size={16} />
-          Delete
+          {t("actions.delete")}
         </Button>
       )}
     </div>
diff --git a/src/modules/users/table-cells/UserBlockCell.tsx b/src/modules/users/table-cells/UserBlockCell.tsx
index 05135b04..31fe4e61 100644
--- a/src/modules/users/table-cells/UserBlockCell.tsx
+++ b/src/modules/users/table-cells/UserBlockCell.tsx
@@ -5,6 +5,7 @@ import React, { useMemo } from "react";
 import { useSWRConfig } from "swr";
 import { useDialog } from "@/contexts/DialogProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { User } from "@/interfaces/User";
 
 type Props = {
@@ -12,6 +13,7 @@ type Props = {
   isUserPage?: boolean;
 };
 export default function UserBlockCell({ user, isUserPage = false }: Props) {
+  const { t } = useI18n();
   const userRequest = useApiCall<User>("/users");
   const { mutate } = useSWRConfig();
   const { confirm } = useDialog();
@@ -24,24 +26,24 @@ export default function UserBlockCell({ user, isUserPage = false }: Props) {
   const disabled = user.is_current || user.role === "owner";
 
   const update = async (blocked: boolean) => {
-    const name = user.name || "User";
+    const name = user.name || t("userActions.userFallback");
 
     if (blocked) {
       const choice = await confirm({
-        title: `Block '${name}'?`,
-        description:
-          "This action will immediately revoke the user's access and disconnect all of their active peers.",
-        confirmText: "Block",
-        cancelText: "Cancel",
+        title: t("userBlock.confirmTitle", { name }),
+        description: t("userBlock.confirmDescription"),
+        confirmText: t("postureChecks.block"),
+        cancelText: t("actions.cancel"),
         type: "danger",
       });
       if (!choice) return;
     }
 
     notify({
-      title: blocked ? "User blocked" : "User unblocked",
-      description:
-        name + " was successfully " + (blocked ? "blocked." : "unblocked."),
+      title: blocked ? t("userBlock.blockedTitle") : t("userBlock.unblockedTitle"),
+      description: blocked
+        ? t("userBlock.blockedDescription", { name })
+        : t("userBlock.unblockedDescription", { name }),
       promise: userRequest
         .put(
           {
@@ -56,8 +58,8 @@ export default function UserBlockCell({ user, isUserPage = false }: Props) {
           if (isUserPage) mutate(`/users`);
         }),
       loadingMessage: blocked
-        ? "Blocking the user..."
-        : "Unblocking the user...",
+        ? t("userBlock.blocking")
+        : t("userBlock.unblocking"),
     });
   };
 
diff --git a/src/modules/users/table-cells/UserGroupCell.tsx b/src/modules/users/table-cells/UserGroupCell.tsx
index 6e676486..35f563d6 100644
--- a/src/modules/users/table-cells/UserGroupCell.tsx
+++ b/src/modules/users/table-cells/UserGroupCell.tsx
@@ -6,6 +6,7 @@ import Skeleton from "react-loading-skeleton";
 import { useSWRConfig } from "swr";
 import { useGroups } from "@/contexts/GroupsProvider";
 import { usePermissions } from "@/contexts/PermissionsProvider";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Group } from "@/interfaces/Group";
 import { User } from "@/interfaces/User";
 import GroupsRow from "@/modules/common-table-rows/GroupsRow";
@@ -14,6 +15,7 @@ type Props = {
   user: User;
 };
 export default function UserGroupCell({ user }: Readonly<Props>) {
+  const { t } = useI18n();
   const { groups, isLoading } = useGroups();
   const [modal, setModal] = useState(false);
   const { mutate } = useSWRConfig();
@@ -47,8 +49,8 @@ export default function UserGroupCell({ user }: Readonly<Props>) {
       groups?.map((group) => group?.id).filter((id) => id !== undefined) || [];
 
     notify({
-      title: user?.name || user?.email || "User",
-      description: "Groups of the user were successfully saved",
+      title: user?.name || user?.email || t("userActions.userFallback"),
+      description: t("userGroups.savedDescription"),
       promise: userRequest
         .put(
           {
@@ -63,14 +65,14 @@ export default function UserGroupCell({ user }: Readonly<Props>) {
           mutate(`/integrations/msp/switcher`);
           mutate("/groups");
         }),
-      loadingMessage: "Updating groups...",
+      loadingMessage: t("userGroups.updating"),
     });
   };
 
   return (
     <GroupsRow
-      label={"Auto-assigned Groups"}
-      description={"Groups will be assigned to peers added by this user."}
+      label={t("userGroups.label")}
+      description={t("userGroups.description")}
       groups={userGroupIds}
       onSave={handleSave}
       hideAllGroup={true}
diff --git a/src/modules/users/table-cells/UserRoleCell.tsx b/src/modules/users/table-cells/UserRoleCell.tsx
index 08fb7d8e..34f6dd32 100644
--- a/src/modules/users/table-cells/UserRoleCell.tsx
+++ b/src/modules/users/table-cells/UserRoleCell.tsx
@@ -3,6 +3,7 @@ import { cn } from "@utils/helpers";
 import { Cog, CreditCardIcon, EyeIcon, NetworkIcon, User2 } from "lucide-react";
 import React from "react";
 import NetBirdIcon from "@/assets/icons/NetBirdIcon";
+import { useI18n } from "@/i18n/I18nProvider";
 import { Role, User } from "@/interfaces/User";
 
 type Props = {
@@ -10,6 +11,7 @@ type Props = {
 };
 
 export default function UserRoleCell({ user }: Readonly<Props>) {
+  const { t } = useI18n();
   const role = user.role;
 
   return (
@@ -18,37 +20,37 @@ export default function UserRoleCell({ user }: Readonly<Props>) {
         {role === Role.User && (
           <>
             <User2 size={14} />
-            User
+            {t("userRoles.user")}
           </>
         )}
         {role === Role.Admin && (
           <>
             <Cog size={14} />
-            Admin
+            {t("userRoles.admin")}
           </>
         )}
         {role === Role.Owner && (
           <>
             <NetBirdIcon size={14} />
-            Owner
+            {t("userRoles.owner")}
           </>
         )}
         {role === Role.BillingAdmin && (
           <>
             <CreditCardIcon size={14} />
-            Billing Admin
+            {t("userRoles.billingAdmin")}
           </>
         )}
         {role === Role.Auditor && (
           <>
             <EyeIcon size={14} />
-            Auditor
+            {t("userRoles.auditor")}
           </>
         )}
         {role === Role.NetworkAdmin && (
           <>
             <NetworkIcon size={14} />
-            Network Admin
+            {t("userRoles.networkAdmin")}
           </>
         )}
       </Badge>
diff --git a/src/utils/meta.ts b/src/utils/meta.ts
index 56092083..1d4b9bfc 100644
--- a/src/utils/meta.ts
+++ b/src/utils/meta.ts
@@ -1 +1 @@
-export const globalMetaTitle = "NetBird Dashboard";
+export const globalMetaTitle = "Cloink Dashboard";
diff --git a/src/utils/netbird.ts b/src/utils/netbird.ts
index a08e9fcd..f982bb3a 100644
--- a/src/utils/netbird.ts
+++ b/src/utils/netbird.ts
@@ -4,7 +4,7 @@ const config = loadConfig();
 export const GRPC_API_ORIGIN = config.grpcApiOrigin;
 
 export const getNetBirdUpCommand = () => {
-  let cmd = "netbird up";
+  let cmd = "cloink up";
   if (GRPC_API_ORIGIN) {
     cmd += " --management-url " + GRPC_API_ORIGIN;
   }
@@ -18,9 +18,7 @@ export const getInstallUrl = () => {
 export const isNetBirdHosted = () => {
   const hostname = window.location.hostname;
   if (hostname.includes("selfhosted")) return false;
-  return (
-    hostname.endsWith(".netbird.io") || hostname.endsWith(".wiretrustee.com")
-  );
+  return hostname.endsWith(".netbird.io") || hostname.endsWith(".wiretrustee.com");
 };
 
 export const isLocalDev = () => {
diff --git a/src/utils/version.ts b/src/utils/version.ts
index 3b38a45d..80709edc 100644
--- a/src/utils/version.ts
+++ b/src/utils/version.ts
@@ -18,7 +18,7 @@ export const getLatestNetbirdRelease = async (
 
   if (runFetch) {
     const data = (await fetch(
-      `${GITHUB_API_ENDPOINT}/repos/netbirdio/netbird/releases/latest`,
+      `${GITHUB_API_ENDPOINT}/repos/cloinkio/cloink/releases/latest`,
     ).then((response) => response.json())) as any;
 
     try {
@@ -65,7 +65,7 @@ export const compareVersions = (
 /**
  * Check if peer as routing peer is supported by the provided version and operating system.
  * Routing peers are supported on Windows, macOS, iOS & Android starting from NetBird v0.36.6+.
- * @param version
+ * @param version 
  * @param os
  */
 export const isRoutingPeerSupported = (version: string, os: string) => {
@@ -77,7 +77,7 @@ export const isRoutingPeerSupported = (version: string, os: string) => {
 
 /**
  * Check if native SSH is supported.
- * Supported starting from NetBird v0.60.0+.
+ * Supported starting from Cloink v0.60.0+.
  * @param version
  */
 export const isNativeSSHSupported = (version: string) => {