Skip to content

feat(docs): reorder landing — phase kits after ribbon, foundation+accelerators in 2 cols#11

Merged
danielmeppiel merged 1 commit intomainfrom
feat/landing-reorder
May 8, 2026
Merged

feat(docs): reorder landing — phase kits after ribbon, foundation+accelerators in 2 cols#11
danielmeppiel merged 1 commit intomainfrom
feat/landing-reorder

Conversation

@danielmeppiel
Copy link
Copy Markdown
Contributor

Reorder landing for stronger information scent

Old order: SDLC ribbon → Foundation → Accelerators → Phase kits.

Problem: the SDLC ribbon points the developer at phase kits, but the page then makes them scroll past two single-card sections (Foundation, Accelerators) before getting to them.

New order:

  1. SDLC ribbon
  2. Phase kits — full-width grid, immediately under the ribbon they're the answer to
  3. Foundation | Accelerators — side-by-side, two columns

Foundation and Accelerators each have one card today; pairing them visually reinforces the relationship — mandatory floor on the left, opt-in episodic on the right — and uses the page width sensibly instead of stacking two skinny rows.

Collapses to single column under 60rem.

Files

  • docs/src/content/docs/index.mdx — section reorder, two <section>s wrapped in .landing-two-col.
  • docs/src/styles/custom.css.landing-two-col grid + responsive collapse.

Verified

npm run build → 25 pages green. Rendered HTML confirms the new section order and the landing-two-col wrapper.

Co-authored-by: Copilot 223556219+Copilot@users.noreply.github.com

…elerators in 2 cols

Old order: SDLC ribbon → Foundation → Accelerators → Phase kits.
The phase kits are the marketplace's headline content — burying them
below Foundation forced the eye to scroll past two single-card sections
to reach what most devs actually want.

New order:
  1. SDLC ribbon
  2. Phase kits (full-width grid, right where the ribbon points)
  3. Foundation | Accelerators (side-by-side, two columns)

Foundation and Accelerators are short (1 card each today) so a 2-col
layout uses the available width sensibly and visually pairs the
'mandatory floor' with the 'opt-in episodic' counterpart.

Collapses to single column under 60rem viewport.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@danielmeppiel danielmeppiel merged commit f7b9b06 into main May 8, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant