feat(website/download): improved descriptions

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

@@ -18,7 +18,10 @@ export const downloadMatrix = {
                 x64: "Windows 64-bit",
                 arm64: "Windows on ARM"
             },
-            description: "Compatible with Windows 10 and 11.",
+            description: {
+                x64: "Compatible with Intel or AMD devices running Windows 10 and 11.",
+                arm64: "Compatible with ARM devices (e.g. with Qualcomm Snapdragon).",
+            },
             downloads: {
                 exe: {
                     recommended: true,
@@ -34,7 +37,10 @@ export const downloadMatrix = {
                 x64: "Linux 64-bit",
                 arm64: "Linux on ARM"
             },
-            description: "Runs on most major distributions.",
+            description: {
+                x64: "For most Linux distributions, compatible with x86_64 architecture.",
+                arm64: "For ARM-based Linux distributions, compatible with aarch64 architecture.",
+            },
             downloads: {
                 deb: {
                     recommended: true,
@@ -56,7 +62,10 @@ export const downloadMatrix = {
                 x64: "macOS for Intel",
                 arm64: "macOS for Apple Silicon"
             },
-            description: "Works on macOS Big Sur and up.",
+            description: {
+                x64: "For Intel-based Macs running macOS Big Sur or later.",
+                arm64: "For Apple Silicon Macs such as those with M1 and M2 chips.",
+            },
             downloads: {
                 dmg: {
                     recommended: true,

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

@@ -34,7 +34,7 @@
             
             <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>
-                <p class="text-gray-700 mb-12">{platform.description}</p>                
+                <p class="text-gray-700 mb-12">{platform.description[architecture]}</p>                
                 <div class="space-y-2 mt-auto w-full">
                     {#if recommended}
                         <a href={buildDesktopDownloadUrl(platformId as Platform, recommended[0], architecture)} class="mt-auto block text-center {bgColor} {hoverColor} text-white font-medium py-2 px-5 rounded-full shadow transition">