From 4edd701c29c2c4cfd2d60c6395906ffafc1c5785 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 14 Jun 2025 13:25:19 +0300
Subject: [PATCH] feat(website/download): add a basic architecture selector

---
 apps/website/src/routes/download/+page.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/apps/website/src/routes/download/+page.svelte b/apps/website/src/routes/download/+page.svelte
index ea3041a0b..5ee4ed281 100644
--- a/apps/website/src/routes/download/+page.svelte
+++ b/apps/website/src/routes/download/+page.svelte
@@ -2,6 +2,24 @@
     <h2 class="text-3xl font-bold text-center mb-12">Desktop application</h2>
 
     <div class="grid md:grid-cols-3 gap-10">
+        <!-- Architecture pill selector -->
+        <div class="col-span-3 flex justify-center items-center gap-3">
+            <span class="text-gray-600 font-medium mr-2">Architecture:</span>
+            <div class="inline-flex bg-violet-100 rounded-full shadow p-1">
+                <button class="py-2 px-6 rounded-full font-semibold focus:outline-none transition
+                    text-violet-100 bg-violet-700 shadow
+                    aria-pressed:bg-violet-700 aria-pressed:text-violet-100
+                    " aria-pressed="true">
+                    x86
+                </button>
+                <button class="py-2 px-6 rounded-full font-semibold focus:outline-none transition
+                    text-violet-700 bg-transparent hover:bg-violet-200
+                    " aria-pressed="false">
+                    ARM
+                </button>
+            </div>
+        </div>
+
         <div class="bg-white rounded-xl shadow overflow-hidden">
             <div class="p-6">
                 <h3 class="text-xl font-semibold mb-2">Windows</h3>