blog style fixes

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