# Task 08 — Route cards and grid group

**Agent**: `component-builder` · **Model**: MiniMax-M3
**Depends on**: 07 · **Parallel with**: 09, 10, 11 · **Blocks**: 12
**Worktree**: `.agents/scripts/worktree.sh start 08 route-cards`

## Goal

The landing page's six chapter cards become one component over data.

## Scope

`src/components/blocks/RouteCard.astro`, `src/components/blocks/GridGroup.astro`.

## Source

`index.html` — six `<article class="card">` blocks differing only in number,
title, summary, and href. Textbook extraction. Styles in `landing.css` +
`chapters.css`.

## Steps

1. `GridGroup` from `.agents/templates/components/grid-group.astro`. Preserve
   the `gap:1px` over a coloured parent separator technique — it is deliberate.
2. `RouteCard` from `static-block.astro`: `number`, `title`, `summary`, `href`.
3. Card content moves to the `chapters` collection, both locales.

## Done when

- [ ] Six cards render identically to `index.html` today
- [ ] Screenshots at 560/800/1100/1600 match
- [ ] Zero JS
- [ ] `.agents/checklists/before-component.md` complete; `npm run gate` green

## Do not

Do not migrate `index.html` itself — that is task 12.