From c9b2a01c69251304e4c8d73c4e2619e2abd990c6 Mon Sep 17 00:00:00 2001
From: Kavin Rau <vexital05@Vexital05s-MacBook-Pro.local>
Date: Tue, 6 Oct 2026 01:40:22 +0530
Subject: [PATCH] Use next/image in author avatar in page.tsx

---
 app/blog/author/[slug]/page.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/blog/author/[slug]/page.tsx b/app/blog/author/[slug]/page.tsx
index 632c940..b93d7db 100644
--- a/app/blog/author/[slug]/page.tsx
+++ b/app/blog/author/[slug]/page.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Image from "next/image";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { Clock } from "lucide-react";
@@ -34,7 +35,7 @@ export default async function AuthorPage({ params }: { params: Promise<{ slug: s
         <div className="min-h-screen bg-transparent text-white pt-24 pb-16">
             <div className="max-w-3xl mx-auto px-4">
                 <div className="flex items-center gap-4 mb-12">
-                    <img src={author.avatar} alt={author.name} className="w-16 h-16 rounded-full object-contain bg-neutral-900 p-2 border border-neutral-800" />
+                    <Image src={author.avatar} alt={author.name} width={64} height={64} className="w-16 h-16 rounded-full object-contain bg-neutral-900 p-2 border border-neutral-800" />
                     <div>
                         <h1 className="text-3xl font-bold text-white">{author.name}</h1>
                         <p className="text-neutral-500 text-sm">{author.bio}</p>