From e32ba61a3caf2097e1049b18a02d6ba056c989c4 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 11 Oct 2025 22:16:01 +0300
Subject: [PATCH] feat(website/i18n): translate extensibility benefits

---
 apps/website/public/translations/en/translation.json | 11 +++++++++++
 apps/website/src/pages/Home/index.tsx                | 10 +++++-----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/apps/website/public/translations/en/translation.json b/apps/website/public/translations/en/translation.json
index 3c5a43b08..b58ab0877 100644
--- a/apps/website/public/translations/en/translation.json
+++ b/apps/website/public/translations/en/translation.json
@@ -58,5 +58,16 @@
     "others_saved_searches": "saved searches",
     "others_render_note": "render note",
     "others_webview": "web views"
+  },
+  "extensibility_benefits": {
+    "title": "Sharing & extensibility",
+    "import_export_title": "Import/export",
+    "import_export_description": "Easily interact with other applications using Markdown, ENEX, OML formats.",
+    "share_title": "Share notes on the web",
+    "share_description": "If you have a server, it can be used to share a subset of your notes with other people.",
+    "scripting_title": "Advanced scripting",
+    "scripting_description": "Build your own integrations within Trilium with custom widgets, or server-side logic.",
+    "api_title": "REST API",
+    "api_description": "Interact with Trilium programatically using its builtin REST API."
   }
 }
diff --git a/apps/website/src/pages/Home/index.tsx b/apps/website/src/pages/Home/index.tsx
index a78c63ac0..3bacac5bf 100644
--- a/apps/website/src/pages/Home/index.tsx
+++ b/apps/website/src/pages/Home/index.tsx
@@ -187,12 +187,12 @@ function NoteTypesSection() {
 function ExtensibilityBenefitsSection() {
     return (
         <>
-            <Section className="benefits accented" title="Sharing & extensibility">
+            <Section className="benefits accented" title={t("extensibility_benefits.title")}>
                 <div className="benefits-container grid-4-cols">
-                    <Card iconSvg={importExportIcon} title="Import/export" moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Basic%20Concepts%20and%20Features/Import%20%26%20Export/Markdown/index.html">Easily interact with other applications using Markdown, ENEX, OML formats.</Card>
-                    <Card iconSvg={shareIcon} title="Share notes on the web" moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Advanced%20Usage/Sharing/Serving%20directly%20the%20content%20o.html">If you have a server, it can be used to share a subset of your notes with other people.</Card>
-                    <Card iconSvg={codeIcon} title="Advanced scripting" moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Scripting/Custom%20Widgets/index.html">Build your own integrations within Trilium with custom widgets, or server-side logic.</Card>
-                    <Card iconSvg={restApiIcon} title="REST API" moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Advanced%20Usage/ETAPI%20%28REST%20API%29/index.html">Interact with Trilium programatically using its builtin REST API.</Card>
+                    <Card iconSvg={importExportIcon} title={t("extensibility_benefits.import_export_title")} moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Basic%20Concepts%20and%20Features/Import%20%26%20Export/Markdown/index.html">{t("extensibility_benefits.import_export_description")}</Card>
+                    <Card iconSvg={shareIcon} title={t("extensibility_benefits.share_title")} moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Advanced%20Usage/Sharing/Serving%20directly%20the%20content%20o.html">{t("extensibility_benefits.share_description")}</Card>
+                    <Card iconSvg={codeIcon} title={t("extensibility_benefits.scripting_title")} moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Scripting/Custom%20Widgets/index.html">{t("extensibility_benefits.scripting_description")}</Card>
+                    <Card iconSvg={restApiIcon} title={t("extensibility_benefits.api_title")} moreInfoUrl="https://docs.triliumnotes.org/User%20Guide/User%20Guide/Advanced%20Usage/ETAPI%20%28REST%20API%29/index.html">{t("extensibility_benefits.api_description")}</Card>
                 </div>
             </Section>
         </>