start docs

docs/sections/screenshots.typ

@@ -0,0 +1,31 @@
+#heading[Screenshots en gebruiksscenario's]
+
+In dit hoofdstuk worden enkele representatieve screenshots van de applicatie opgenomen. Om het
+Typst-document compileerbaar te houden, zijn er placeholder-afbeeldingen voorzien in
+`docs/screenshots/`. Vervang deze placeholders later door echte screenshots (bijvoorbeeld PNG) en
+pas de bestandsnamen/paden hieronder aan.
+
+#figure(
+  image("../screenshots/home.svg"),
+  caption: [Startscherm met fullscreen kaart en zijbalk met finds]
+)
+
+#figure(
+  image("../screenshots/find-detail.svg"),
+  caption: [Detailpagina van een find met media, likes, comments en rating]
+)
+
+#figure(
+  image("../screenshots/friends.svg"),
+  caption: [Vriendenoverzicht en privacy-bewuste filtering van finds]
+)
+
+#figure(
+  image("../screenshots/notifications.svg"),
+  caption: [In-app notificaties en Web Push-permissies]
+)
+
+#figure(
+  image("../screenshots/mobile.svg"),
+  caption: [Mobiele weergave met zijbalk en dynamische mapcentrering]
+)