Claude improvements

src/pages/404.astro

@@ -1,12 +1,33 @@
 ---
+import ArticleList from '../components/ArticleList.astro';
 import Page from '../layouts/Page.astro';
+import { getPublishedPosts } from '../lib/site';
+
+const posts = await getPublishedPosts();
+const recent = posts.slice(0, 5);
 ---
 
-<Page title="Not Found" description="The page you are looking for does not exist.">
-  <div class="prose">
-    <p>
-      Try the <a href="/articles/">articles archive</a>, the
-      <a href="/projects/">project index</a>, or the <a href="/">homepage</a>.
-    </p>
+<Page
+  title="Not Found"
+  description="The page you are looking for does not exist."
+  noindex
+>
+  <div class="empty-state">
+    <div class="prose">
+      <p>
+        Try the <a href="/articles/">articles archive</a>, the
+        <a href="/projects/">project index</a>, the
+        <a href="/tags/">tag index</a>, or head back to the
+        <a href="/">homepage</a>.
+      </p>
+    </div>
   </div>
+
+  <section class="home-section" aria-labelledby="404-recent">
+    <div class="section-heading">
+      <h2 id="404-recent">Recent articles</h2>
+      <a href="/articles/">All articles →</a>
+    </div>
+    <ArticleList posts={recent} />
+  </section>
 </Page>