From 64781112d8ce6b1ff634b0acbbf44b72db59dfef Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Sun, 3 May 2026 09:08:37 +0800
Subject: [PATCH] feat(website): add Browse by category nav to group page hero

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/build.py                |  1 +
 website/templates/category.html | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/website/build.py b/website/build.py
index 5a753a65..a00bc103 100644
--- a/website/build.py
+++ b/website/build.py
@@ -406,6 +406,7 @@ def build(repo_root: Path) -> None:
                 category_urls=category_urls,
                 current_path=group_path(group["slug"]),
                 filter_urls_json=filter_urls_json,
+                group_categories=group["categories"],
             ),
             encoding="utf-8",
         )
diff --git a/website/templates/category.html b/website/templates/category.html
index bb97ae61..ad147fdb 100644
--- a/website/templates/category.html
+++ b/website/templates/category.html
@@ -34,6 +34,23 @@
       <p class="category-subtitle">{{ category.description_html | safe }}</p>
       {% endif %}
     </div>
+
+    {% if group_categories %}
+    <nav class="hero-category-nav" aria-labelledby="hero-category-heading">
+      <div class="hero-category-meta">
+        <h2 id="hero-category-heading">Browse by category</h2>
+      </div>
+      <ul class="hero-category-links">
+        {% for sub in group_categories %}
+        <li>
+          <a class="hero-category-link" href="{{ category_urls[sub.name] }}"
+            >{{ sub.name }}</a
+          >
+        </li>
+        {% endfor %}
+      </ul>
+    </nav>
+    {% endif %}
   </div>
 </header>
 {% endblock %}