diff --git a/apps/website/public/translations/en/translation.json b/apps/website/public/translations/en/translation.json
index 73122853c..616919e1c 100644
--- a/apps/website/public/translations/en/translation.json
+++ b/apps/website/public/translations/en/translation.json
@@ -103,5 +103,13 @@
"components": {
"link_learn_more": "Learn more...",
"list_with_screenshot_alt": "Screenshot of the feature being selected"
+ },
+ "download_now": {
+ "text": "Download now ",
+ "platform_big": "v{{version}} for {{platform}}",
+ "platform_small": "for {{platform}}",
+ "linux_big": "v{{version}} for Linux",
+ "linux_small": "for Linux",
+ "more_platforms": "More platforms & server setup"
}
}
diff --git a/apps/website/src/components/DownloadButton.tsx b/apps/website/src/components/DownloadButton.tsx
index 815f4cad8..119b0315e 100644
--- a/apps/website/src/components/DownloadButton.tsx
+++ b/apps/website/src/components/DownloadButton.tsx
@@ -4,6 +4,7 @@ import Button from "./Button.js";
import downloadIcon from "../assets/boxicons/bx-arrow-in-down-square-half.svg?raw";
import packageJson from "../../../../package.json" with { type: "json" };
import { useEffect, useState } from "preact/hooks";
+import { t } from "../i18n.js";
interface DownloadButtonProps {
big?: boolean;
@@ -24,10 +25,10 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
href={recommendedDownload.url}
iconSvg={downloadIcon}
text={<>
- Download now{" "}
+ {t("download_now.text")}
{big
- ? v{packageJson.version} for {recommendedDownload.name}
- : for {recommendedDownload.name}
+ ? {t("download_now.platform_big", { version: packageJson.version, platform: recommendedDownload.name })}
+ : {t("download_now.platform_small", { platform: recommendedDownload.name })}
}
>}
/>
@@ -37,17 +38,17 @@ export default function DownloadButton({ big }: DownloadButtonProps) {
href="/get-started/"
iconSvg={downloadIcon}
text={<>
- Download now{" "}
+ {t("download_now.text")}
{big
- ? v{packageJson.version} for Linux
- : for Linux
+ ? {t("download_now.linux_big")}
+ : {t("download_now.linux_small")}
}
>}
/>
)}
{big && (
- More platforms & server setup
+ {t("download_now.more_platforms")}
)}
>
)