diff --git a/src/components/BoardSelector.svelte b/src/components/BoardSelector.svelte
index ee0dc78..d428229 100644
--- a/src/components/BoardSelector.svelte
+++ b/src/components/BoardSelector.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { BoardDef } from "../lib/types";
-  import { boards } from "../lib/boards";
+  import { boards, badgeText, badgeColor } from "../lib/boards";
 
   interface Props {
     selected: BoardDef | null;
@@ -11,28 +11,6 @@
 
   let query = $state("");
 
-  function badgeText(board: BoardDef): string {
-    switch (board.flashMethod) {
-      case "web-serial":
-        return "Web Flash";
-      case "uf2":
-        return "UF2 Download";
-      case "download-only":
-        return "CLI Only";
-    }
-  }
-
-  function badgeColor(board: BoardDef): string {
-    switch (board.flashMethod) {
-      case "web-serial":
-        return "text-accent";
-      case "uf2":
-        return "text-info";
-      case "download-only":
-        return "text-warn";
-    }
-  }
-
   function matches(board: BoardDef, q: string): boolean {
     const needle = q.trim().toLowerCase();
     if (!needle) return true;
diff --git a/src/components/Flasher.svelte b/src/components/Flasher.svelte
index 1a19500..50157f5 100644
--- a/src/components/Flasher.svelte
+++ b/src/components/Flasher.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { BoardDef, Release } from "../lib/types";
+  import { boards } from "../lib/boards";
   import { fetchReleases } from "../lib/github";
   import BoardSelector from "./BoardSelector.svelte";
   import VersionSelector from "./VersionSelector.svelte";
@@ -29,6 +30,14 @@
       });
   });
 
+  // Pre-select board from ?board=<id> deep link (e.g. from the homepage grid)
+  $effect(() => {
+    const boardId = new URLSearchParams(window.location.search).get("board");
+    if (!boardId) return;
+    const found = boards.find((b) => b.id === boardId);
+    if (found) selectedBoard = found;
+  });
+
   function handleBoardSelect(board: BoardDef) {
     selectedBoard = board;
   }
diff --git a/src/lib/boards.ts b/src/lib/boards.ts
index 8591cd2..fb9233e 100644
--- a/src/lib/boards.ts
+++ b/src/lib/boards.ts
@@ -67,12 +67,14 @@ export const boards: BoardDef[] = [
   },
   {
     id: "rak_wisblock_4631",
-    name: "RAK WisBlock 4631",
+    name: "RAK4631 WisBlock",
     mcu: "nRF52840",
     radio: "SX1262",
     family: "nrf52840",
     flashMethod: "uf2",
     assetPattern: "donglora-rak_wisblock_4631-v{version}.uf2",
+    notes:
+      "RAK4631 Core (nRF52840 + SX1262) on a RAK19007 base, optionally with the RAK1921 OLED. Flashes over native USB CDC-ACM via the Adafruit nRF52 UF2 bootloader — double-tap RESET to expose the RAK4631 drive.",
   },
   {
     id: "wio_tracker_l1",
@@ -98,6 +100,28 @@ export function getAssetName(board: BoardDef, version: string): string {
   return board.assetPattern.replace("{version}", version);
 }
 
+export function badgeText(board: BoardDef): string {
+  switch (board.flashMethod) {
+    case "web-serial":
+      return "Web Flash";
+    case "uf2":
+      return "UF2 Download";
+    case "download-only":
+      return "CLI Only";
+  }
+}
+
+export function badgeColor(board: BoardDef): string {
+  switch (board.flashMethod) {
+    case "web-serial":
+      return "text-accent";
+    case "uf2":
+      return "text-info";
+    case "download-only":
+      return "text-warn";
+  }
+}
+
 import type { ReleaseAsset } from "./types";
 
 export interface AssetUrls {
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b269e6d..1576cb8 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,11 @@
 ---
 import Base from "../layouts/Base.astro";
 import { Code } from "astro:components";
+import { boards, badgeText, badgeColor } from "../lib/boards";
+
+const sortedBoards = [...boards].sort((a, b) =>
+  a.name.localeCompare(b.name, "en", { sensitivity: "base" }),
+);
 
 const quickStartCode = `import donglora as dl
 
@@ -224,36 +229,20 @@ your code ──► client lib ──┘</pre>
   <section class="py-12">
     <h2 class="font-mono text-2xl font-bold mb-6 text-text">Supported Boards</h2>
     <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
-      <div class="bg-bg-card border border-border p-5 rounded">
-        <h3 class="font-mono font-medium text-text mb-2">ELECROW ThinkNode-M2</h3>
-        <p class="text-sm text-text-muted">ESP32-S3 &middot; SX1262</p>
-        <p class="text-xs text-warn mt-2 font-mono">CLI Only</p>
-      </div>
-      <div class="bg-bg-card border border-border p-5 rounded">
-        <h3 class="font-mono font-medium text-text mb-2">Heltec V3</h3>
-        <p class="text-sm text-text-muted">ESP32-S3 &middot; SX1262</p>
-        <p class="text-xs text-accent mt-2 font-mono">Web Flash</p>
-      </div>
-      <div class="bg-bg-card border border-border p-5 rounded">
-        <h3 class="font-mono font-medium text-text mb-2">Heltec V4</h3>
-        <p class="text-sm text-text-muted">ESP32-S3 &middot; SX1262</p>
-        <p class="text-xs text-accent mt-2 font-mono">Web Flash</p>
-      </div>
-      <div class="bg-bg-card border border-border p-5 rounded">
-        <h3 class="font-mono font-medium text-text mb-2">RAK WisBlock 4631</h3>
-        <p class="text-sm text-text-muted">nRF52840 &middot; SX1262</p>
-        <p class="text-xs text-info mt-2 font-mono">UF2 Download</p>
-      </div>
-      <div class="bg-bg-card border border-border p-5 rounded">
-        <h3 class="font-mono font-medium text-text mb-2">Wio Tracker L1</h3>
-        <p class="text-sm text-text-muted">nRF52840 &middot; SX1262</p>
-        <p class="text-xs text-info mt-2 font-mono">UF2 Download</p>
-      </div>
-      <div class="bg-bg-card border border-border p-5 rounded">
-        <h3 class="font-mono font-medium text-text mb-2">Waveshare RP2040-LoRa</h3>
-        <p class="text-sm text-text-muted">RP2040 &middot; SX1262</p>
-        <p class="text-xs text-info mt-2 font-mono">UF2 Download</p>
-      </div>
+      {
+        sortedBoards.map((board) => (
+          <a
+            href={`/flash?board=${board.id}`}
+            class="block bg-bg-card border border-border p-5 rounded transition-colors hover:border-border-bright hover:bg-bg-elevated no-underline"
+          >
+            <h3 class="font-mono font-medium text-text mb-2">{board.name}</h3>
+            <p class="text-sm text-text-muted">
+              {board.mcu} &middot; {board.radio}
+            </p>
+            <p class={`text-xs ${badgeColor(board)} mt-2 font-mono`}>{badgeText(board)}</p>
+          </a>
+        ))
+      }
     </div>
   </section>