diff --git a/frontend/public/images/collaborations/Proton_Pass_Icon.webp b/frontend/public/images/collaborations/Proton_Pass_Icon.webp
new file mode 100644
index 0000000..7920ab5
Binary files /dev/null and b/frontend/public/images/collaborations/Proton_Pass_Icon.webp differ
diff --git a/frontend/public/images/collaborations/brick.png b/frontend/public/images/collaborations/brick.png
new file mode 100644
index 0000000..b975d85
Binary files /dev/null and b/frontend/public/images/collaborations/brick.png differ
diff --git a/frontend/public/images/collaborations/focumon-icon-filled-256.png b/frontend/public/images/collaborations/focumon-icon-filled-256.png
new file mode 100644
index 0000000..7210e2a
Binary files /dev/null and b/frontend/public/images/collaborations/focumon-icon-filled-256.png differ
diff --git a/frontend/src/routes/MediaKit.svelte b/frontend/src/routes/MediaKit.svelte
index 46e1054..e3a8510 100644
--- a/frontend/src/routes/MediaKit.svelte
+++ b/frontend/src/routes/MediaKit.svelte
@@ -70,7 +70,7 @@
         <div class="py-8 text-gray-500 dark:text-gray-400">Loading…</div>
     </main>
 {:else}
-    <main class="grid grid-cols-2 max-w-6xl mx-auto pt-20 pb-10">
+    <main class="grid grid-cols-2 max-w-6xl mx-auto pt-20 pb-10 gap-10">
         <div class="">
             <div class="px-5">
                 <div class="flex justify-end items-start">
@@ -165,8 +165,10 @@
             </div>
         </div>
         <!-- 2nd column -->
-        <div class="">
-            <div class="border-cyan-300 border-2 rounded-lg translate-y-2">
+        <div class="flex flex-col justify-start items-start gap-5">
+            <div
+                class="border-cyan-300 border-2 rounded-lg translate-y-2 w-fit"
+            >
                 <div
                     class="-translate-x-20 px-5 py-5 text-4xl bg-cyan-300 text-black rounded-xl -translate-y-2"
                 >
@@ -174,6 +176,17 @@
                     <b>RythonDev</b>
                 </div>
             </div>
+            <div class="mt-5">
+                <div class="text-white font-bold text-4xl mb-2">About Me</div>
+                <p>
+                    {content.about ?? ""}
+                </p>
+            </div>
+            <div>
+                <div class="text-white font-bold text-4xl mb-2">
+                    Collaborations
+                </div>
+            </div>
         </div>
     </main>
 {/if}