feat(landing): tour uitbreiden naar 6 screenshots incl. Ideas/Insights

Vervangt de oude 3 .jpg-screenshots door 6 nieuwe .png's met de huidige
visuele staat van de app. Volgorde toont de hele flow: ideeën binnen →
producten → backlog → sprint → solo → insights.

- Tour-array van 3 naar 6 figures, grid blijft lg:grid-cols-3 (2x2-rijen)
- Intro-tekst aangepast: "Zes weergaven van Scrum4Me — van inkomende
  ideeën tot persoonlijk Kanban-bord en voortgangs-inzichten"
- Bestandsnamen gehernoemd naar lowercase-dash-conventie:
  Sprint.png → sprint.png, Solo.png → solo.png, "Product Backlog.png" →
  product-backlog.png, Producten.png → producten.png, Insights.png →
  insights.png, Ideas-table.png → ideas-table.png,
  Ideas-detail.png → ideas-detail.png (alleen voorbereiding, nog niet in
  tour gebruikt)
- Oude .jpg-bestanden verwijderd

Niet onderdeel: hero/architectuur/handleiding-rewrite voor v3 — die staan
gepland onder ST-1224 en blijven open.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Janpeter Visser 2026-05-06 08:35:54 +02:00
parent 6015357905
commit 6ce12dfd59
11 changed files with 30 additions and 8 deletions

View file

@ -182,33 +182,55 @@ export default async function LandingPage() {
<div className="max-w-6xl mx-auto">
<h2 className="text-xl font-semibold mb-2">Bekijk Scrum4Me in actie</h2>
<p className="text-muted-foreground text-sm mb-10 max-w-2xl">
Drie schermen die de kern van Scrum4Me afdekken van Product Backlog tot persoonlijk
Kanban-bord. Elke weergave is desktop-first en gebouwd op MD3-tokens en shadcn-componenten.
Zes weergaven van Scrum4Me van inkomende ideeën tot persoonlijk Kanban-bord en
voortgangs-inzichten. Elke weergave is desktop-first en gebouwd op MD3-tokens en
shadcn-componenten.
</p>
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
{[
{
src: '/screenshots/sprint-board.jpg',
alt: 'Sprint Board met drie panelen: Product Backlog, Sprint Backlog en Taken',
title: 'Sprint Board',
src: '/screenshots/ideas-table.png',
alt: 'Ideas-dashboard met idee-kaarten in DRAFT/GRILLED/PLAN_READY-statussen',
title: 'Ideas-dashboard',
caption:
'Drie panelen op één scherm: Product Backlog links, Sprint Backlog in het midden, taken van de geselecteerde story rechts. Stories slepen tussen panelen werkt via dnd-kit.',
'Persoonlijk overzicht van je ideeën met status (DRAFT → GRILLED → PLAN_READY → PLANNED). Klik "Grill me" of "Make plan" om een lokale agent te starten; bij materialiseren ontstaat exact één PBI met stories en taken.',
},
{
src: '/screenshots/product-backlog.jpg',
src: '/screenshots/producten.png',
alt: 'Producten-dashboard met overzicht van actieve projecten',
title: 'Producten',
caption:
'Eén overzicht van alle producten waar je toegang toe hebt — eigen producten plus die waar je als developer bent toegevoegd. Vanaf hier spring je naar Backlog, Sprint of Solo.',
},
{
src: '/screenshots/product-backlog.png',
alt: 'Product Backlog met PBIs gegroepeerd op prioriteit en stories per PBI',
title: 'Product Backlog',
caption:
'PBIs gegroepeerd op prioriteit (Kritiek → Laag) in het linkerpaneel. Klik op een PBI om de stories rechts te zien, gerangschikt per urgentie en versleepbaar.',
},
{
src: '/screenshots/solo-paneel.jpg',
src: '/screenshots/sprint.png',
alt: 'Sprint Board met drie panelen: Product Backlog, Sprint Backlog en Taken',
title: 'Sprint Board',
caption:
'Drie panelen op één scherm: Product Backlog links, Sprint Backlog in het midden, taken van de geselecteerde story rechts. Stories slepen tussen panelen werkt via dnd-kit.',
},
{
src: '/screenshots/solo.png',
alt: 'Solo Paneel — persoonlijk Kanban-bord met drie statuskolommen',
title: 'Solo Paneel',
caption:
'Persoonlijk Kanban-bord per product. Toont alleen taken van stories die jij hebt geclaimd, in drie kolommen (To Do, Bezig, Klaar). Drag-and-drop tussen kolommen verandert de status.',
},
{
src: '/screenshots/insights.png',
alt: 'Insights-dashboard met voortgangsmetrics en agent-throughput',
title: 'Insights',
caption:
'Voortgang per product: doorlooptijden, agent-throughput en sprintresultaten in één blik. Helpt patronen herkennen — welke stories liepen vast, welke gingen vlot.',
},
].map((s) => (
<figure
key={s.src}

Binary file not shown.

After

Width:  |  Height:  |  Size: 400 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 732 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 377 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 578 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 617 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 409 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 735 KiB

BIN
public/screenshots/solo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 673 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 574 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 980 KiB