From 2fcb7830ca4631fb85486874412137973963ab91 Mon Sep 17 00:00:00 2001
From: Adnaan-786 <adnaangouri58@gmail.com>
Date: Sat, 13 Dec 2025 20:01:14 +0530
Subject: [PATCH] BlogCard layout and image optimization

---
 components/blog-card.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/blog-card.tsx b/components/blog-card.tsx
index 47d6438..2bfd6be 100644
--- a/components/blog-card.tsx
+++ b/components/blog-card.tsx
@@ -44,9 +44,12 @@ export default function BlogCard({ post }: BlogCardProps) {
         </div>
 
         <div className="flex flex-col flex-grow p-6">
-          <h2 className="text-xl font-bold text-gray-900 mb-3 line-clamp-2 group-hover:bg-gradient-to-r group-hover:from-[#228B22] group-hover:to-[#91A511] group-hover:bg-clip-text group-hover:text-transparent transition-all duration-300">
+          <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 mb-3 line-clamp-2 
+            group-hover:bg-gradient-to-r group-hover:from-[#228B22] group-hover:to-[#91A511] 
+            dark:group-hover:from-[#4ade80] dark:group-hover:to-[#facc15]
+            group-hover:bg-clip-text group-hover:text-transparent transition-all duration-300">
             {post.title}
-          </h2>
+        </h2>
 
           <p className="text-gray-600 mb-4 line-clamp-3">{post.excerpt}</p>