feat(website/download): improved platform titles

apps/website/src/lib/download-helper.ts

@@ -14,7 +14,10 @@ export function buildDesktopDownloadUrl(platform: Platform, format: string, arch
 export const downloadMatrix = {
     desktop: {
         windows: {
-            title: "Windows",
+            title: {
+                x64: "Windows 64-bit",
+                arm64: "Windows on ARM"
+            },
             description: "Compatible with Windows 10 and 11.",
             downloads: {
                 exe: {
@@ -27,7 +30,10 @@ export const downloadMatrix = {
             }
         },
         linux: {
-            title: "Linux",
+            title: {
+                x64: "Linux 64-bit",
+                arm64: "Linux on ARM"
+            },
             description: "Runs on most major distributions.",
             downloads: {
                 deb: {
@@ -46,7 +52,10 @@ export const downloadMatrix = {
             }
         },
         macos: {
-            title: "macOS",
+            title: {
+                x64: "macOS for Intel",
+                arm64: "macOS for Apple Silicon"
+            },
             description: "Works on macOS Big Sur and up.",
             downloads: {
                 dmg: {

apps/website/src/routes/download/+page.svelte

@@ -33,7 +33,7 @@
             {@const hoverColor = (platformId === "windows" ? "hover:bg-blue-700" : platformId === "linux" ? "hover:bg-violet-700" : "hover:bg-gray-900")}
             
             <div class="bg-white border border-gray-200 rounded-2xl shadow-lg p-8 flex flex-col items-start">
-                <h3 class="text-2xl font-semibold {textColor} mb-2">{platform.title} ({architecture})</h3>
+                <h3 class="text-2xl font-semibold {textColor} mb-2">{platform.title[architecture]}</h3>
                 <p class="text-gray-700 mb-12">{platform.description}</p>                
                 <div class="space-y-2 mt-auto w-full">
                     {#if recommended}