Add card layout to tutorials/ and examples/ index pages

examples/index.md

@@ -1,9 +1,23 @@
 # Examples
 
-Worked examples showing `spatialdata-plot` on real spatial-omics datasets.
-Use these to see how the API composes on data you'd actually analyse.
+Worked examples on real datasets you'd actually analyse.
+
+::::{grid} 1 2 2 2
+:gutter: 3
+
+:::{grid-item-card} Visium mouse brain
+:link: visium_mouse_brain
+:link-type: doc
+:img-top: visium_mouse_brain.png
+
+Render H&E tissue, overlay spots, color by gene expression and by cluster,
+and finish with a publication-style figure.
+:::
+
+::::
 
 ```{toctree}
+:hidden:
 :maxdepth: 1
 
 visium_mouse_brain

tutorials/index.md

@@ -1,10 +1,23 @@
 # Tutorials
 
-End-to-end workflows demonstrating `spatialdata-plot` on real spatial-omics
-datasets. Each tutorial walks through loading a published dataset, layering
-spatial elements, and styling a publication-ready figure.
+Entry-point material for learning the API on synthetic data.
+
+::::{grid} 1 2 2 2
+:gutter: 3
+
+:::{grid-item-card} Getting started
+:link: getting_started
+:link-type: doc
+:img-top: getting_started.png
+
+The fluent `.pl` API, layering, and styling on the in-memory `blobs`
+dataset. Ideal first read.
+:::
+
+::::
 
 ```{toctree}
+:hidden:
 :maxdepth: 1
 
 getting_started