From 6a4250103e389fc6cc777e7afcc99b319d5610e3 Mon Sep 17 00:00:00 2001
From: Aditya <amanssm221@gmail.com>
Date: Wed, 19 Nov 2025 11:16:39 +0530
Subject: [PATCH 1/2] added hover

---
 pages/community/index.page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pages/community/index.page.tsx b/pages/community/index.page.tsx
index d68d6deb8..0b18b93b3 100644
--- a/pages/community/index.page.tsx
+++ b/pages/community/index.page.tsx
@@ -119,7 +119,9 @@ export default function communityPages(props: any) {
                       priority={index < 10}
                       loading={index < 10 ? 'eager' : 'lazy'}
                       quality={75}
-                      className='sm:w-[40px] md:w-[45px] lg:w-[50px] sm:h-[40px] md:h-[45px] lg:h-[50px] rounded-full border-black'
+                      className='sm:w-[40px] md:w-[45px] lg:w-[50px] sm:h-[40px] md:h-[45px] lg:h-[50px] 
+rounded-full border-black 
+transition-transform duration-200 hover:scale-110 hover:shadow-md'
                     />
                   ))}
               </div>

From 11e04d49af77da352c04290417eb85ff12a10b7e Mon Sep 17 00:00:00 2001
From: Aditya <amanssm221@gmail.com>
Date: Wed, 19 Nov 2025 12:28:33 +0530
Subject: [PATCH 2/2] added border

---
 pages/index.page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index bc627b9b5..6a840d08f 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -374,7 +374,7 @@ const Home = (props: any) => {
             </p>
           </div>
           <div className='grid grid-cols-1 lg:grid-cols-3 gap-6 mb-12 mx-auto w-5/6 md:w-3/5 lg:w-5/6'>
-            <div className='p-4 w-full mb-6 dark:shadow-2xl'>
+            <div className='p-4 w-full mb-6 border border-gray-300 dark:border-gray-700 dark:shadow-2xl rounded-xl'>
               <Link href='https://json-schema.org/slack'>
                 <h3 className='mb-4 font-semibold flex items-center dark:text-slate-200'>
                   Join the JSON Schema Slack Workspace!
@@ -429,7 +429,7 @@ const Home = (props: any) => {
               </button>
             </div>
             {/* BlogPost Data */}
-            <div className='p-4 w-full mb-6 dark:shadow-2xl'>
+            <div className='p-4 w-full mb-6 border border-gray-300 dark:border-gray-700 dark:shadow-2xl rounded-xl'>
               <Link href={`/blog/posts/${blogPosts[0].slug}`}>
                 <h3 className='mb-5 font-semibold pt-1 dark:text-slate-200'>
                   The JSON Schema Blog
@@ -513,7 +513,7 @@ const Home = (props: any) => {
               </div>
             </div>
             <div>
-              <div className='p-4 md:w-full mb-6 mr-4 dark:shadow-2xl'>
+              <div className='p-4 md:w-full mb-6 mr-4 border border-gray-300 dark:border-gray-700 dark:shadow-2xl rounded-xl'>
                 <h3 className='mb-2 font-semibold dark:text-slate-200'>
                   JSON Schema Community Meetings & Events
                 </h3>