Add package links to landing page

site/decodal-site/src/pages/index.astro

@@ -25,6 +25,24 @@ Production = Server & {
     </div>
   </section>
 
+  <section class="home-packages" aria-label="Official packages">
+    <h2>Official packages</h2>
+    <div class="package-links">
+      <a href="https://crates.io/crates/decodal">
+        <span>Rust crate</span>
+        <strong>crates.io/crates/decodal</strong>
+      </a>
+      <a href="https://www.npmjs.com/package/decodal-wasm">
+        <span>npm package</span>
+        <strong>npmjs.com/package/decodal-wasm</strong>
+      </a>
+      <a href="https://jsr.io/@hare/decodal-wasm@0.1.2">
+        <span>JSR package</span>
+        <strong>jsr.io/@hare/decodal-wasm</strong>
+      </a>
+    </div>
+  </section>
+
   <section class="home-grid" aria-label="Decodal overview">
     <article class="home-card">
       <h2>What it is</h2>

site/decodal-site/src/style.css

@@ -518,6 +518,46 @@ button:disabled {
   color: var(--text);
 }
 
+.home-packages {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  margin-bottom: 1.5rem;
+  padding: 1.4rem;
+}
+
+.home-packages h2 {
+  margin-top: 0;
+}
+
+.package-links {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.package-links a {
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  display: block;
+  padding: 1rem;
+  text-decoration: none;
+}
+
+.package-links span {
+  color: var(--muted);
+  display: block;
+  font-size: 0.9rem;
+  margin-bottom: 0.3rem;
+}
+
+.package-links strong {
+  color: var(--text);
+  display: block;
+  font-size: 0.95rem;
+  overflow-wrap: anywhere;
+}
+
 .home-grid {
   display: grid;
   gap: 1rem;
@@ -564,7 +604,8 @@ button:disabled {
   }
   .playground-shell,
   .home-grid,
-  .home-example {
+  .home-example,
+  .package-links {
     grid-template-columns: 1fr;
   }
   .hero {