From 8a2f7679c5234654b87d78953d08944a2f7668be Mon Sep 17 00:00:00 2001
From: Aditya <amanssm221@gmail.com>
Date: Tue, 23 Dec 2025 19:20:37 +0530
Subject: [PATCH 1/2] solved1936

---
 pages/community/index.page.tsx | 7 ++++++-
 pages/index.page.tsx           | 6 +++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/pages/community/index.page.tsx b/pages/community/index.page.tsx
index dccf67ba0..4e17879af 100644
--- a/pages/community/index.page.tsx
+++ b/pages/community/index.page.tsx
@@ -119,7 +119,12 @@ 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 border-black dark:border-gray-300
+'
                     />
                   ))}
               </div>
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 8d3c9bce9..65de46b57 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -366,7 +366,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 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!
@@ -421,7 +421,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 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
@@ -505,7 +505,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 w-full mb-6 shadow-2xl rounded-xl'>
                 <h3 className='mb-2 font-semibold dark:text-slate-200'>
                   JSON Schema Community Meetings & Events
                 </h3>

From 11fd01d424e28951dccc3b8c0623ff8efcbb74f8 Mon Sep 17 00:00:00 2001
From: Aditya <amanssm221@gmail.com>
Date: Wed, 24 Dec 2025 18:49:52 +0530
Subject: [PATCH 2/2] added changes

---
 pages/community/index.page.tsx | 5 +++--
 pages/tools/index.page.tsx     | 4 ++--
 styles/globals.css             | 7 +++++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/pages/community/index.page.tsx b/pages/community/index.page.tsx
index 4e17879af..4014648ed 100644
--- a/pages/community/index.page.tsx
+++ b/pages/community/index.page.tsx
@@ -122,8 +122,9 @@ export default function communityPages(props: any) {
                       className='
 sm:w-[40px] md:w-[45px] lg:w-[50px]
 sm:h-[40px] md:h-[45px] lg:h-[50px]
-rounded-full
-border border-black dark:border-gray-300
+rounded-full border border-black dark:border-gray-300
+transition-all duration-200
+hover:scale-110 hover:ring-2 hover:ring-blue-500
 '
                     />
                   ))}
diff --git a/pages/tools/index.page.tsx b/pages/tools/index.page.tsx
index 563a15d8c..3d79aff08 100644
--- a/pages/tools/index.page.tsx
+++ b/pages/tools/index.page.tsx
@@ -218,7 +218,7 @@ export default function ToolingPage({
             <div className='flex flex-row items-center gap-2 w-full'>
               <div className='flex items-center justify-center gap-2 w-1/2'>
                 <Link
-                  className='flex-none max-w-full'
+                  className='flex-none max-w-full hover:scale-105 transition-transform duration-200'
                   href='https://github.com/json-schema-org/website/issues/new?assignees=&labels=Status%3A+Triage&template=adding-your-tooling.yml'
                   target='_blank'
                   rel='noreferrer'
@@ -239,7 +239,7 @@ export default function ToolingPage({
 
               <div className='flex items-center justify-center gap-2 w-1/2'>
                 <Link
-                  className='flex-none max-w-full'
+                  className='flex-none max-w-full hover:scale-105 transition-transform duration-200'
                   href='https://bowtie.report'
                   target='_blank'
                   rel='noreferrer'
diff --git a/styles/globals.css b/styles/globals.css
index 58e4130c6..62e43ec3a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -302,3 +302,10 @@ border-radius: 4px; */
 .scrollbar-hidden::-webkit-scrollbar {
   display: none;
 }
+.collective-btn {
+  transition: transform 0.25s ease;
+  border-radius: 12px; /* NEW */
+}
+.collective-btn:hover {
+  transform: scale(1.06);
+}