Add examples overview page

docs/.vitepress/config.mts

@@ -9,8 +9,8 @@ export default withMermaid({
 	themeConfig: {
 		// https://vitepress.dev/reference/default-theme-config
 		nav: [
-			{ text: 'Home', link: '/' },
 			{ text: 'Guide', link: '/guide/introduction', activeMatch: '/guide' },
+			{ text: 'Examples', link: '/examples', activeMatch: '/examples' },
 		],
 
 		sidebar: [

docs/examples.md

@@ -0,0 +1,22 @@
+---
+layout: home
+
+hero:
+    text: Examples
+    tagline: Various demos showcasing the usage of the features of Mediakit
+
+features:
+    - title: Metadata extraction
+      details: See how you can extract various metadata from an input media file.
+      link: /examples/metadata-extraction
+    - title: Feature B
+      details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+    - title: Feature C
+      details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+    - title: Feature A
+      details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+    - title: Feature B
+      details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+    - title: Feature C
+      details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+---