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>
38
app/page.tsx
|
|
@ -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}
|
||||
|
|
|
|||
BIN
public/screenshots/ideas-detail.png
Normal file
|
After Width: | Height: | Size: 400 KiB |
BIN
public/screenshots/ideas-table.png
Normal file
|
After Width: | Height: | Size: 732 KiB |
BIN
public/screenshots/insights.png
Normal file
|
After Width: | Height: | Size: 377 KiB |
|
Before Width: | Height: | Size: 578 KiB |
BIN
public/screenshots/product-backlog.png
Normal file
|
After Width: | Height: | Size: 617 KiB |
BIN
public/screenshots/producten.png
Normal file
|
After Width: | Height: | Size: 409 KiB |
|
Before Width: | Height: | Size: 735 KiB |
BIN
public/screenshots/solo.png
Normal file
|
After Width: | Height: | Size: 673 KiB |
|
Before Width: | Height: | Size: 574 KiB |
BIN
public/screenshots/sprint.png
Normal file
|
After Width: | Height: | Size: 980 KiB |