feat: add new photo to website

src/components/page-heading.astro

@@ -1,4 +1,9 @@
 ---
+interface Props {
+  title: string;
+  description: string | { html: string };
+}
+
 const { title, description } = Astro.props;
 ---
 
@@ -8,9 +13,16 @@ const { title, description } = Astro.props;
   >
     {title}
   </h2>
-  <p
-    class="mt-3 text-sm leading-6 text-neutral-600 dark:text-neutral-400 sm:mt-4 lg:mt-6 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
-  >
-    {description}
-  </p>
+  {typeof description === 'string' ? (
+    <p
+      class="mt-3 text-sm leading-6 text-neutral-600 dark:text-neutral-400 sm:mt-4 lg:mt-6 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
+    >
+      {description}
+    </p>
+  ) : (
+    <p
+      class="mt-3 text-sm leading-6 text-neutral-600 dark:text-neutral-400 sm:mt-4 lg:mt-6 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
+      set:html={description.html}
+    />
+  )}
 </div>

src/pages/aboutme.astro

@@ -10,17 +10,15 @@ import Layout from "../layouts/main.astro";
   <section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
     <PageHeading
       title="About Me"
-      description="Hello 👋 I'm a fullstack and data engineer from Essen, Germany. I'm passionate about building new products and learning new technology."
+      description="Hello 👋 I'm a fullstack and data engineer with extensive experience in a wide range of technologies from Essen, Germany. I'm passionate about building new products and learning new technology - with a bit of effort, anything is possible!"
     />
 
-    <img src="/assets/images/about.jpg" class="relative z-30 w-full my-10 rounded-xl" />
+
+    <!-- <img src="/assets/images/about.jpg" class="relative z-30 w-full my-10 rounded-xl" /> -->
 
-    <h2 class="mb-2 text-2xl font-bold dark:text-neutral-200">Bio</h2>
     <p
-      class="text-sm leading-6 text-gray-600 dark:text-neutral-400 sm:leading-7 lg:leading-8 sm:text-base lg:text-lg"
+      class="text-sm leading-6 text-gray-600 dark:text-neutral-400 sm:leading-7 lg:leading-8 sm:text-base pt-6 lg:text-lg"
     >
-    Full Stack and Data Engineering expert with extensive experience in a wide range of technologies and programming languages. Passionate about solving complex problems – with a bit of effort, anything is possible!
-
     Do you have an exciting project? Feel free to contact me!
 
     I speak fluent German, English, and Spanish, and I can also converse in French.