Initial import of the Astro vicibox.com site

src/components/Downloads.astro

@@ -0,0 +1,47 @@
+---
+import release from '../data/release.json';
+
+interface Props {
+  // Show the beta ISOs under the stable ones.
+  showBeta?: boolean;
+}
+
+const { showBeta = true } = Astro.props;
+
+const gb = (bytes: number) => `${(bytes / 1024 ** 3).toFixed(1)} GB`;
+const fmtDate = (d: string) =>
+  new Date(`${d}T12:00:00Z`).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });
+
+const sections = [
+  { heading: `ViciBox v.${release.stable.version}`, note: `Current stable release, ${fmtDate(release.stable.date)}`, rel: release.stable, beta: false },
+  ...(showBeta
+    ? [{ heading: `ViciBox v.${release.beta.version}`, note: `Beta, ${fmtDate(release.beta.date)} — for testing only, not for production`, rel: release.beta, beta: true }]
+    : []),
+];
+---
+
+<div class="vb-downloads">
+  {sections.map((s) => (
+    <div class={s.beta ? 'vb-download vb-download-beta' : 'vb-download'}>
+      <h3>{s.heading}</h3>
+      <p class="vb-download-note">{s.note}</p>
+      <table>
+        <thead>
+          <tr><th>Installer</th><th>Size</th><th>MD5</th></tr>
+        </thead>
+        <tbody>
+          {s.rel.isos.map((iso) => (
+            <tr>
+              <td><a class="vb-download-link" href={`${release.isoBase}${iso.file}`}>{iso.label}</a><br /><span class="vb-filename">{iso.file}</span></td>
+              <td>{gb(iso.size)}</td>
+              <td><code>{iso.md5}</code></td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  ))}
+  <p class="vb-download-more">
+    Older releases are in the <a href={`${release.isoBase}archive/`}>download archive</a>. See the <a href="https://docs.vicibox.com/">Installation Manual</a> before installing.
+  </p>
+</div>