Polish portfolio, blog, and site chrome for clearer browsing.

Add patterned title bands, lightbox gallery, project link bar, footer stats/credit, gradient link hovers, and more reliable blog covers/body rendering.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/BlogSection.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { BlogCoverImage } from "@/components/BlogCoverImage";
 import { getBlogCoverImage, getBlogs } from "@/lib/api";
 
 export async function BlogSection() {
@@ -51,14 +52,8 @@ export async function BlogSection() {
                 }`}
               >
                 <Link href={`/blog/${post.slug}`} className="block">
-                  <div className="relative mb-4 overflow-hidden rounded-2xl bg-paper-deep">
-                    {image ? (
-                      <img
-                        src={image}
-                        alt=""
-                        className="h-auto w-full transition duration-700 group-hover:scale-105"
-                      />
-                    ) : null}
+                  <div className="relative mb-4 overflow-hidden rounded-2xl">
+                    <BlogCoverImage src={image} />
                   </div>
                   <h3 className="group-text-hover mb-2 line-clamp-2 text-lg font-normal leading-8 text-ink">
                     {post.title}