From b9e1b468846d337547c27ea9ef4db394628e0b01 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 13 Oct 2025 18:42:15 +0300
Subject: [PATCH] chore(website/i18n): few translations in support us

---
 .../website/public/translations/en/translation.json |  7 +++++++
 apps/website/src/pages/SupportUs/SupportUs.tsx      | 13 +++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/website/public/translations/en/translation.json b/apps/website/public/translations/en/translation.json
index 9b46dc611..5619e4715 100644
--- a/apps/website/public/translations/en/translation.json
+++ b/apps/website/public/translations/en/translation.json
@@ -121,5 +121,12 @@
     "github_discussions": "GitHub Discussions",
     "matrix": "Matrix",
     "reddit": "Reddit"
+  },
+  "support_us": {
+    "title": "Support us",
+    "github_sponsors": "GitHub Sponsors",
+    "paypal": "PayPal",
+    "buy_me_a_coffee": "Buy Me A Coffee",
+    "other_ways_to_contribute": "Other ways to contribute"
   }
 }
diff --git a/apps/website/src/pages/SupportUs/SupportUs.tsx b/apps/website/src/pages/SupportUs/SupportUs.tsx
index d7f8d77e2..c1f5cd64f 100644
--- a/apps/website/src/pages/SupportUs/SupportUs.tsx
+++ b/apps/website/src/pages/SupportUs/SupportUs.tsx
@@ -6,13 +6,14 @@ import buyMeACoffeeIcon from "../../assets/boxicons/bx-buy-me-a-coffee.svg?raw";
 import Button, { Link } from "../../components/Button.js";
 import Card from "../../components/Card.js";
 import { usePageTitle } from "../../hooks.js";
+import { t } from "../../i18n.js";
 
 export default function Donate() {
-    usePageTitle("Support us");
+    usePageTitle(t("support_us.title"));
 
     return (
         <>
-            <Section title="Support us" className="donate fill">
+            <Section title={t("support_us.title")} className="donate fill">
                 <div class="grid-2-cols">
                     <Card title="Financial donations">
                         <p>
@@ -27,7 +28,7 @@ export default function Donate() {
                                 <Button
                                     iconSvg={githubIcon}
                                     href="https://github.com/sponsors/eliandoran"
-                                    text="GitHub Sponsors"
+                                    text={t("support_us.github_sponsors")}
                                     openExternally
                                 />
                             </li>
@@ -36,7 +37,7 @@ export default function Donate() {
                                 <Button
                                     iconSvg={paypalIcon}
                                     href="https://paypal.me/eliandoran"
-                                    text="PayPal"
+                                    text={t("support_us.paypal")}
                                     openExternally
                                     outline
                                 />
@@ -46,7 +47,7 @@ export default function Donate() {
                                 <Button
                                     iconSvg={buyMeACoffeeIcon}
                                     href="https://buymeacoffee.com/eliandoran"
-                                    text="Buy Me A Coffee"
+                                    text={t("support_us.buy_me_a_coffee")}
                                     openExternally
                                     outline
                                 />
@@ -54,7 +55,7 @@ export default function Donate() {
                         </ul>
                     </Card>
 
-                    <Card title="Other ways to contribute">
+                    <Card title={t("support_us.other_ways_to_contribute")}>
                         <ul>
                             <li>Translate the application into your native language via <Link href="https://hosted.weblate.org/engage/trilium/" openExternally>Weblate</Link>.</li>
                             <li>Interact with the community on <Link href="https://github.com/orgs/TriliumNext/discussions" openExternally>GitHub Discussions</Link> or on <Link href="https://matrix.to/#/#triliumnext:matrix.org" openExternally>Matrix</Link>.</li>