diff --git a/website/src/components/BlogPost.astro b/website/src/components/BlogPost.astro
index b5b82680..6117d3ce 100644
--- a/website/src/components/BlogPost.astro
+++ b/website/src/components/BlogPost.astro
@@ -1,7 +1,7 @@
 ---
 import type { CollectionEntry } from 'astro:content';
 
-type Props = CollectionEntry<'blog'>['data'];
+type Props = { post: CollectionEntry<'blog'> };
 
 const { post } = Astro.props;
 const { Content } = await post.render();
@@ -9,7 +9,7 @@ import { format } from 'date-fns';
 ---
 
 <article
-  class="prose max-w-none prose-headings:font-sans prose-headings:font-black prose-headings:text-slate-900 dark:prose-headings:text-gray-200 dark:text-gray-400 dark:prose-strong:text-gray-400 dark:prose-code:text-slate-400 dark:prose-a:text-gray-300 prose-a:text-slate-900 prose-blockquote:text-slate-800 dark:prose-blockquote:text-slate-400"
+  class="prose max-w-none prose-headings:font-sans prose-headings:font-black prose-headings:text-slate-900 dark:prose-headings:text-gray-200 dark:text-gray-400 dark:prose-strong:text-gray-400 dark:prose-code:text-slate-400 dark:prose-a:text-gray-300 prose-a:text-slate-900 prose-blockquote:text-slate-800 dark:prose-blockquote:text-slate-400 border-b-4 border-lineHighlight pt-4"
 >
   <div class="pb-2">
     <div class="md:flex justify-between">
diff --git a/website/src/pages/blog.astro b/website/src/pages/blog.astro
index 80270353..43845a69 100644
--- a/website/src/pages/blog.astro
+++ b/website/src/pages/blog.astro
@@ -32,7 +32,16 @@ const posts = (await getCollection('blog')).sort((a, b) => compareDesc(a.data.da
             <LeftSidebar currentPage={currentPage} />
           </aside>
           <PageContent>
-            {posts.map((post) => <BlogPost post={post} />)}
+            <div class="border-b-4 border-lineHighlight pt-4">
+              <h1>Strudel Blog</h1>
+              <p>
+                Welcome to the Strudel Blog, where you we will keep you updated with the latest changes and things
+                happening in the strudelsphere.
+              </p>
+            </div>
+            <div class="space-y-8">
+              {posts.map((post) => <BlogPost post={post} />)}
+            </div>
           </PageContent>
           <aside class="fixed right-0 h-full overflow-auto pr-4 pl-0 pb-16 hidden xl:block" title="Table of Contents">
             <RightSidebar