diff --git a/public/games/age-of-dwarves/guide/src/pages/HomePage.tsx b/public/games/age-of-dwarves/guide/src/pages/HomePage.tsx
index 21c79b19..26473848 100644
--- a/public/games/age-of-dwarves/guide/src/pages/HomePage.tsx
+++ b/public/games/age-of-dwarves/guide/src/pages/HomePage.tsx
@@ -189,22 +189,57 @@ const CardIcon = styled.span`
// ─── Data ────────────────────────────────────────────────────────────────────
+interface NavSection {
+ category: string
+ links: Array<{ icon: string; label: string; to: string }>
+}
+
// Game 1 scope: no /magic/* routes exist in App.tsx. The Magic Schools /
// Spells / Archons pages were purged during p2-09's scope-narrow pass.
// Those entries were previously here and redirected to `/` via the wildcard
// catch-all route — a broken UX reported by the user. When Game 2/3 routes
// return, add them back wrapped in an episode-gate filter so they only
// render in the dev bundle (VITE_DEV_GUIDE=1). Tracked by p1-14.
-const SECTIONS = [
- { icon: '🗺', label: 'Terrain', to: '/map/terrain' },
- { icon: '💎', label: 'Resources', to: '/map/resources' },
- { icon: '🧝', label: 'Races', to: '/empire/races' },
- { icon: '🏛', label: 'Government', to: '/empire/government' },
- { icon: '🔬', label: 'Tech Tree', to: '/research/tech-tree' },
- { icon: '⚔', label: 'Units', to: '/military/units' },
- { icon: '🗡', label: 'Combat', to: '/military/combat' },
- { icon: '🏗', label: 'Buildings', to: '/buildings/buildings' },
- { icon: '🌍', label: 'Climate', to: '/climate' },
+const GUIDE_SECTIONS: readonly NavSection[] = [
+ {
+ category: 'The Map',
+ links: [
+ { icon: '🗺', label: 'Terrain', to: '/map/terrain' },
+ { icon: '💎', label: 'Resources', to: '/map/resources' },
+ ],
+ },
+ {
+ category: 'Empire',
+ links: [
+ { icon: '🧝', label: 'Races', to: '/empire/races' },
+ { icon: '🏛', label: 'Government', to: '/empire/government' },
+ ],
+ },
+ {
+ category: 'Research',
+ links: [
+ { icon: '🔬', label: 'Tech Tree', to: '/research/tech-tree' },
+ ],
+ },
+ {
+ category: 'Military',
+ links: [
+ { icon: '⚔', label: 'Units', to: '/military/units' },
+ { icon: '🗡', label: 'Combat', to: '/military/combat' },
+ ],
+ },
+ {
+ category: 'Building Your Empire',
+ links: [
+ { icon: '🏗', label: 'Buildings', to: '/buildings/buildings' },
+ ],
+ },
+ {
+ category: 'Climate & Survival',
+ links: [
+ { icon: '🌍', label: 'Climate', to: '/climate' },
+ ],
+ },
]
// ─── Component ───────────────────────────────────────────────────────────────
@@ -283,14 +318,19 @@ export default function HomePage(): ReactElement {