From 2728f6467eb5083672bb4f85a67e34de24ff51c2 Mon Sep 17 00:00:00 2001
From: Aditya <amanssm221@gmail.com>
Date: Tue, 11 Nov 2025 07:47:13 +0530
Subject: [PATCH 1/2] added hover effect

---
 pages/index.page.tsx | 64 +++++++++++++++++++++++++++++---------------
 1 file changed, 42 insertions(+), 22 deletions(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 2fc6ad878..201cb2d53 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -637,7 +637,9 @@ const Home = (props: any) => {
               href='https://opencollective.com/json-schema/contribute/golden-sponsor-68354/checkout?interval=month&amount=1000&name=&legalName=&email='
               target='_blank'
               rel='noreferrer'
-              className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
+              className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
+
+
             >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
@@ -662,7 +664,8 @@ const Home = (props: any) => {
               href='https://opencollective.com/json-schema/contribute/silver-sponsor-68353/checkout?interval=month&amount=500&name=&legalName=&email='
               target='_blank'
               rel='noreferrer'
-              className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
+              className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
+
             >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
@@ -693,7 +696,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={asyncapi_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='asyncapi'
@@ -710,7 +714,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={airbnb_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='airbnb'
@@ -727,7 +732,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={postman_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='postman'
@@ -740,7 +746,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={endjin_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='endjin'
@@ -753,7 +760,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={llc_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='llc'
@@ -770,7 +778,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={vpsserver_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='vpsserver'
@@ -787,7 +796,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={itflashcards_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='itflashcards'
@@ -804,7 +814,8 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={route4me_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
+
                       width={176}
                       height={100}
                       alt='route4me'
@@ -817,7 +828,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={n8n_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='n8n'
@@ -830,7 +841,7 @@ const Home = (props: any) => {
                   <>
                     <Image
                       src={ccopter_logo}
-                      className=' w-44'
+                      className='w-44 transition-transform duration-300 hover:scale-105'
                       width={176}
                       height={100}
                       alt='ccopter'
@@ -839,7 +850,8 @@ const Home = (props: any) => {
                 )}
               </a>
               <a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
-                <img src={octue_logo} className=' w-44' />
+                <img src={octue_logo} className='w-44 transition-transform duration-300 hover:scale-105'
+ />
               </a>
               <a
                 href='https://www.apideck.com/'
@@ -848,7 +860,8 @@ const Home = (props: any) => {
               >
                 <img
                   src={apideck_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+
                   alt='The Realtime Unified API
 for Accounting integrations'
                 />
@@ -860,7 +873,8 @@ for Accounting integrations'
               >
                 <img
                   src={rxdb_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+
                   alt='The local Database for JavaScript Applications'
                 />
               </a>
@@ -871,7 +885,8 @@ for Accounting integrations'
               >
                 <img
                   src={wda_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+
                   alt='best website design agencies'
                 />
               </a>
@@ -882,19 +897,22 @@ for Accounting integrations'
               >
                 <img
                   src={anon_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+
                   alt='Instagram Story Viewer'
                 />
               </a>
               <a href='https://supadata.ai/' target='_blank' rel='noreferrer'>
                 <img
                   src={supadata_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+
                   alt='supadata logo'
                 />
               </a>
               <a href='https://dottxt.ai/' target='_blank' rel='noreferrer'>
-                <img src={dottxt_logo} className=' w-44' alt='dottxt logo' />
+                <img src={dottxt_logo} className='w-44 transition-transform duration-300 hover:scale-105'
+ alt='dottxt logo' />
               </a>
               <a
                 href='https://www.sourcemeta.com/'
@@ -903,7 +921,8 @@ for Accounting integrations'
               >
                 <img
                   src={sourcemeta_logo}
-                  className=' w-44'
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+
                   alt='dottxt logo'
                 />
               </a>
@@ -911,7 +930,7 @@ for Accounting integrations'
                 href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
                 target='_blank'
                 rel='noreferrer'
-                className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'
+                className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
               >
                 <svg
                   xmlns='http://www.w3.org/2000/svg'
@@ -953,7 +972,8 @@ for Accounting integrations'
                 <>
                   <Image
                     src={devevents_logo}
-                    className='w-48 md:w-56'
+                    className='w-48 md:w-56 transition-transform duration-300 hover:scale-105'
+
                     width={192}
                     height={224}
                     alt='dev events'

From d7b3a8517ad66544378e8a4098d04baf335321a2 Mon Sep 17 00:00:00 2001
From: Aditya <amanssm221@gmail.com>
Date: Tue, 11 Nov 2025 09:04:36 +0530
Subject: [PATCH 2/2] chore: fixed formatting issues

---
 components/TableOfContentMarkdown.tsx |  7 ++----
 pages/index.page.tsx                  | 31 ++++++++-------------------
 styles/globals.css                    |  6 ++++--
 3 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/components/TableOfContentMarkdown.tsx b/components/TableOfContentMarkdown.tsx
index f71698952..fef4b115a 100644
--- a/components/TableOfContentMarkdown.tsx
+++ b/components/TableOfContentMarkdown.tsx
@@ -175,11 +175,8 @@ export const TableOfContent = ({ depth }: TableOfContentProps) => {
         <span>Table of Contents</span>
       </div>
       <div className='mt-2 bg-slate-50 dark:bg-slate-900 pt-6 pb-3 pr-3 border border-r-0 border-y-0 border-l-blue-400/40 border-l-[2.5px]'>
-        <TableOfContentMarkdown
-          markdown={fullMarkdown}
-          depth={depth}
-        />
+        <TableOfContentMarkdown markdown={fullMarkdown} depth={depth} />
       </div>
     </>
   );
-}; 
\ No newline at end of file
+};
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 201cb2d53..bc627b9b5 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -638,8 +638,6 @@ const Home = (props: any) => {
               target='_blank'
               rel='noreferrer'
               className='w-[310px] h-[180px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
-
-
             >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
@@ -665,7 +663,6 @@ const Home = (props: any) => {
               target='_blank'
               rel='noreferrer'
               className='w-[200px] h-[120px] mx-auto rounded-lg bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3 transition-transform duration-300 hover:scale-105'
-
             >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
@@ -697,7 +694,6 @@ const Home = (props: any) => {
                     <Image
                       src={asyncapi_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='asyncapi'
@@ -715,7 +711,6 @@ const Home = (props: any) => {
                     <Image
                       src={airbnb_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='airbnb'
@@ -733,7 +728,6 @@ const Home = (props: any) => {
                     <Image
                       src={postman_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='postman'
@@ -747,7 +741,6 @@ const Home = (props: any) => {
                     <Image
                       src={endjin_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='endjin'
@@ -761,7 +754,6 @@ const Home = (props: any) => {
                     <Image
                       src={llc_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='llc'
@@ -779,7 +771,6 @@ const Home = (props: any) => {
                     <Image
                       src={vpsserver_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='vpsserver'
@@ -797,7 +788,6 @@ const Home = (props: any) => {
                     <Image
                       src={itflashcards_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='itflashcards'
@@ -815,7 +805,6 @@ const Home = (props: any) => {
                     <Image
                       src={route4me_logo}
                       className='w-44 transition-transform duration-300 hover:scale-105'
-
                       width={176}
                       height={100}
                       alt='route4me'
@@ -850,8 +839,10 @@ const Home = (props: any) => {
                 )}
               </a>
               <a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
-                <img src={octue_logo} className='w-44 transition-transform duration-300 hover:scale-105'
- />
+                <img
+                  src={octue_logo}
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+                />
               </a>
               <a
                 href='https://www.apideck.com/'
@@ -861,7 +852,6 @@ const Home = (props: any) => {
                 <img
                   src={apideck_logo}
                   className='w-44 transition-transform duration-300 hover:scale-105'
-
                   alt='The Realtime Unified API
 for Accounting integrations'
                 />
@@ -874,7 +864,6 @@ for Accounting integrations'
                 <img
                   src={rxdb_logo}
                   className='w-44 transition-transform duration-300 hover:scale-105'
-
                   alt='The local Database for JavaScript Applications'
                 />
               </a>
@@ -886,7 +875,6 @@ for Accounting integrations'
                 <img
                   src={wda_logo}
                   className='w-44 transition-transform duration-300 hover:scale-105'
-
                   alt='best website design agencies'
                 />
               </a>
@@ -898,7 +886,6 @@ for Accounting integrations'
                 <img
                   src={anon_logo}
                   className='w-44 transition-transform duration-300 hover:scale-105'
-
                   alt='Instagram Story Viewer'
                 />
               </a>
@@ -906,13 +893,15 @@ for Accounting integrations'
                 <img
                   src={supadata_logo}
                   className='w-44 transition-transform duration-300 hover:scale-105'
-
                   alt='supadata logo'
                 />
               </a>
               <a href='https://dottxt.ai/' target='_blank' rel='noreferrer'>
-                <img src={dottxt_logo} className='w-44 transition-transform duration-300 hover:scale-105'
- alt='dottxt logo' />
+                <img
+                  src={dottxt_logo}
+                  className='w-44 transition-transform duration-300 hover:scale-105'
+                  alt='dottxt logo'
+                />
               </a>
               <a
                 href='https://www.sourcemeta.com/'
@@ -922,7 +911,6 @@ for Accounting integrations'
                 <img
                   src={sourcemeta_logo}
                   className='w-44 transition-transform duration-300 hover:scale-105'
-
                   alt='dottxt logo'
                 />
               </a>
@@ -973,7 +961,6 @@ for Accounting integrations'
                   <Image
                     src={devevents_logo}
                     className='w-48 md:w-56 transition-transform duration-300 hover:scale-105'
-
                     width={192}
                     height={224}
                     alt='dev events'
diff --git a/styles/globals.css b/styles/globals.css
index 7d786ece1..58e4130c6 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -108,11 +108,13 @@ border-radius: 4px; */
   ) !important;
 }
 .keyshadow {
-  --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
+  --docsearch-key-shadow:
+    inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
     0 1px 2px 1px rgba(30, 35, 90, 0.4) !important;
 }
 .keyshadow[data-theme='dark'] {
-  --docsearch-key-shadow: inset 0 -2px 0 0 #ffffff, inset 0 0 1px 1px #ffffff,
+  --docsearch-key-shadow:
+    inset 0 -2px 0 0 #ffffff, inset 0 0 1px 1px #ffffff,
     0 2px 2px 0 rgba(3, 4, 9, 0.3) !important;
 }