feat(ST-611): add tour screenshots to public/screenshots

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

.gitignore

@@ -23,6 +23,7 @@
 # misc
 .DS_Store
 *.pem
+Brainstorm.md
 
 # debug
 npm-debug.log*
@@ -52,3 +53,7 @@ next-env.d.ts
 
 # Editor
 .vscode/
+
+#Screenshots (lokale bron-bestanden negeren, maar /public/screenshots wordt wel gecommit)
+screenshots/
+!public/screenshots/

app/page.tsx

@@ -128,21 +128,21 @@ export default async function LandingPage() {
             <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
               {[
                 {
-                  src: '/screenshots/sprint-board.png',
+                  src: '/screenshots/sprint-board.jpg',
                   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/product-backlog.png',
+                  src: '/screenshots/product-backlog.jpg',
                   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.png',
+                  src: '/screenshots/solo-paneel.jpg',
                   alt: 'Solo Paneel — persoonlijk Kanban-bord met drie statuskolommen',
                   title: 'Solo Paneel',
                   caption: