feat: add peaks of the balkan page

src/components/Picture.astro

@@ -0,0 +1,11 @@
+---
+import Image from "./Image.astro";
+const {src, alt, caption} = Astro.props;
+---
+
+<figure style="display: inline-block; text-align: center; margin-block: 1em;">
+  <Image src={src} alt={alt} style="max-width: 100%; height: auto;" />
+  <figcaption style="font-size: 0.9rem; text-align: center; color: #666; margin-top: 0.5rem;">
+    {caption}
+  </figcaption>
+</figure>

src/pages/blog/index.astro

@@ -16,7 +16,7 @@ const featuredPosts = posts.slice(0, 3);
 const otherPosts = posts.slice(3);
 ---
 
-<Layout title="Dude">
+<Layout title="Max Richter | Posts">
   {featuredPosts.map((post) => <HeroCard post={post} />)}
 
   <div class="grid grid-cols-2 gap-4 mt-4">

src/pages/photos/index.astro

@@ -10,6 +10,6 @@ const pages = await getCollection("photos");
 const posts = filterCollection(pages, locale);
 ---
 
-<Layout title="Dude">
+<Layout title="Max Richter | Photos">
   {posts.map((post) => <HeroCard post={post} />)}
 </Layout>

src/pages/projects/index.astro

@@ -12,6 +12,6 @@ const posts = filterCollection(pages, locale)
   .sort((a) => (a.data.featured ? -1 : 1));
 ---
 
-<Layout title="Dude">
+<Layout title="Max Richter">
   {posts.map((post) => <HeroCard post={post} />)}
 </Layout>