From d978c38b808a84fd62d8aab3800c56ddce3c8189 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 13 Oct 2025 19:05:05 +0300
Subject: [PATCH] feat(website/i18n): translate 404

---
 apps/website/public/translations/en/translation.json | 4 ++++
 apps/website/src/pages/_404.tsx                      | 7 ++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/website/public/translations/en/translation.json b/apps/website/public/translations/en/translation.json
index ea1a1352a..8613c3860 100644
--- a/apps/website/public/translations/en/translation.json
+++ b/apps/website/public/translations/en/translation.json
@@ -138,5 +138,9 @@
     "way_reports": "Report bugs via <Link>GitHub issues</Link>.",
     "way_document": "Improve the documentation by informing us on gaps in the documentation or contributing guides, FAQs or tutorials.",
     "way_market": "Spread the word: Share Trilium Notes with friends, or on blogs and social media."
+  },
+  "404": {
+    "title": "404: Not Found",
+    "description": "The page you were looking for could not be found. Maybe it was deleted or the URL is incorrect."
   }
 }
diff --git a/apps/website/src/pages/_404.tsx b/apps/website/src/pages/_404.tsx
index 07d936437..036e5a843 100644
--- a/apps/website/src/pages/_404.tsx
+++ b/apps/website/src/pages/_404.tsx
@@ -1,13 +1,14 @@
 import Section from "../components/Section.js";
 import { usePageTitle } from "../hooks.js";
+import { t } from "../i18n.js";
 import "./_404.css";
 
 export function NotFound() {
-    usePageTitle("404");
+    usePageTitle(t("404.title"));
 
 	return (
-		<Section title="404: Not Found" className="section-404">
-            The page you were looking for could not be found. Maybe it was deleted or the URL is incorrect.
+		<Section title={t("404.title")} className="section-404">
+            {t("404.description")}
 		</Section>
 	);
 }