diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 098f44bef..e91ce801a 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -225,12 +225,12 @@ const Home = (props: any) => {
 
               <p className='text-white mx-4 my-5 dark:text-slate-400'>
                 Please visit the JSON Schema{' '}
-                <a
+                <Link
                   className='underline'
                   href='https://landscape.json-schema.org/'
                 >
                   Landscape
-                </a>{' '}
+                </Link>{' '}
                 and discover more companies using JSON Schema.
               </p>
             </div>
@@ -302,7 +302,7 @@ const Home = (props: any) => {
               Start learning JSON Schema
             </h2>
             <button className='w-[170px] h-[45px] mx-auto hover:bg-blue-700 transition-all duration-300 ease-in-out rounded border-2 bg-primary text-white font-semibold dark:border-none'>
-              <a href='/docs '>Read the docs</a>
+              <Link href='/docs '>Read the docs</Link>
             </button>
           </div>
         </section>
@@ -332,7 +332,7 @@ const Home = (props: any) => {
               amazing Community.
             </p>
             <button className='w-full md:w-1/2 md:ml-28 lg:ml-0 mx-auto hover:bg-blue-700 transition-all duration-300 ease-in-out h-[45px] rounded border-2 bg-primary text-white dark:border-none'>
-              <a href='/tools/'>Explore</a>
+              <Link href='/tools/'>Explore</Link>
             </button>
           </div>
         </section>
@@ -389,7 +389,7 @@ const Home = (props: any) => {
                 </p>
               </Link>
               <button className='w-full lg:w-1/2 rounded border-2 bg-primary hover:bg-blue-700 transition-all duration-300 ease-in-out text-white h-[40px] flex items-center justify-center mx-auto dark:border-none'>
-                <a
+                <Link
                   href='https://json-schema.org/slack'
                   className='flex items-center '
                 >
@@ -405,7 +405,7 @@ const Home = (props: any) => {
                     </>
                   )}
                   Join Slack
-                </a>
+                </Link>
               </button>
             </div>
             {/* BlogPost Data */}
@@ -503,16 +503,22 @@ const Home = (props: any) => {
                   and by appointment. Open Community Working Meetings are every
                   third Monday of the month at 12:00 PT.
                 </p>
-                <div className=''>
-                  <button className='max-w-[300px] w-full text-center rounded border-2 bg-primary hover:bg-blue-700 transition-all duration-300 ease-in-out text-white  h-[40px] mb-4 flex items-center justify-center mx-auto dark:border-none'>
-                    <a href='https://github.com/orgs/json-schema-org/discussions/35'>
+                <div className='w-full flex flex-col items-center'>
+                  <button className='w-full max-w-[385px] min-w-[252px] text-center rounded border-2 bg-primary hover:bg-blue-700 transition-all duration-300 ease-in-out text-white h-auto py-2 px-4 mb-4 flex items-center justify-center dark:border-none'>
+                    <Link
+                      href='https://github.com/orgs/json-schema-org/discussions/35'
+                      className='text-center'
+                    >
                       Open Community Working Meetings
-                    </a>
+                    </Link>
                   </button>
-                  <button className='max-w-[200px] w-full text-center rounded border-2 bg-primary hover:bg-blue-700 transition-all duration-300 ease-in-out text-white  h-[40px] flex items-center justify-center mx-auto dark:border-none'>
-                    <a href='https://github.com/orgs/json-schema-org/discussions/34/'>
+                  <button className='w-full max-w-[385px] min-w-[252px] text-center rounded border-2 bg-primary hover:bg-blue-700 transition-all duration-300 ease-in-out text-white h-[40px] flex items-center justify-center dark:border-none'>
+                    <Link
+                      href='https://github.com/orgs/json-schema-org/discussions/34'
+                      className='text-center'
+                    >
                       Office Hours
-                    </a>
+                    </Link>
                   </button>
                 </div>
               </div>
@@ -540,14 +546,14 @@ const Home = (props: any) => {
                   </div>
                 </div>
 
-                <a
+                <Link
                   href='https://calendar.google.com/calendar/embed?src=json.schema.community%40gmail.com&ctz=Europe%2FLondon'
                   className='w-full lg:w-1/2 rounded border-2 bg-primary text-white hover:bg-blue-700 transition-all duration-300 ease-in-out h-[40px] text-center flex items-center justify-center mx-auto dark:border-none'
                   target='_blank'
                   rel='noopener noreferrer'
                 >
                   View Calendar
-                </a>
+                </Link>
               </div>
             </div>
           </div>
@@ -561,9 +567,9 @@ const Home = (props: any) => {
               Start contributing to JSON Schema
             </h2>
             <button className='w-[170px] h-[45px] mx-auto rounded border-2 bg-primary hover:bg-blue-700 transition-all duration-300 ease-in-out text-white font-semibold dark:border-none'>
-              <a href='https://github.com/json-schema-org#-contributing-to-json-schema'>
+              <Link href='https://github.com/json-schema-org#-contributing-to-json-schema'>
                 Contribute
-              </a>
+              </Link>
             </button>
           </div>
         </section>
@@ -577,36 +583,43 @@ const Home = (props: any) => {
             </h2>
             <p className='w-5/6 lg:w-3/5 mx-auto dark:text-slate-300'>
               If you ❤️ JSON Schema consider becoming a{' '}
-              <a
+              <Link
                 href='https://json-schema.org/overview/sponsors'
                 className='border-b border-black dark:border-white'
               >
                 sponsor
-              </a>{' '}
-              or a{' '}
-              <a
+              </Link>{' '}
+              , a{' '}
+              <Link
                 href='https://json-schema.org/overview/sponsors#benefits-of-being-an-individual-backer'
                 className='border-b border-black dark:border-white'
               >
                 backer
-              </a>{' '}
+              </Link>{' '}
+              or hiring our{' '}
+              <Link
+                href='/pro-help'
+                className='border-b border-black dark:border-white'
+              >
+                pro services
+              </Link>
               .
             </p>
 
             <p className='w-5/6 lg:w-3/5 mx-auto'>
-              <a
+              <Link
                 href='https://opencollective.com/json-schema'
                 className='border-b border-black dark:border-white'
               >
                 Support us!
-              </a>
+              </Link>
             </p>
           </div>
           <div className=' text-center mb-12 '>
             <h3 className='p-4 text-h4mobile md:text-h4 font-semibold my-4 dark:text-slate-200'>
               Gold Sponsors
             </h3>
-            <a
+            <Link
               href='https://opencollective.com/json-schema/contribute/golden-sponsor-68354/checkout?interval=month&amount=1000&name=&legalName=&email='
               target='_blank'
               rel='noreferrer'
@@ -627,11 +640,11 @@ const Home = (props: any) => {
                 />
               </svg>
               <p className='block'>Your logo here</p>
-            </a>
+            </Link>
             <h3 className='p-4 text-h4mobile md:text-h4 font-semibold my-4 dark:text-slate-200'>
               Silver Sponsors
             </h3>
-            <a
+            <Link
               href='https://opencollective.com/json-schema/contribute/silver-sponsor-68353/checkout?interval=month&amount=500&name=&legalName=&email='
               target='_blank'
               rel='noreferrer'
@@ -652,12 +665,12 @@ const Home = (props: any) => {
                 />
               </svg>
               <p>Your logo here</p>
-            </a>
+            </Link>
             <h3 className='p-4 text-h4mobile md:text-h4 font-semibold my-4 dark:text-slate-200'>
               Bronze Sponsors
             </h3>
             <div className='grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-12 items-center mx-auto  md:mx-0 px-4 '>
-              <a
+              <Link
                 href=' https://www.asyncapi.com/'
                 target='_blank'
                 rel='noreferrer'
@@ -673,8 +686,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://www.airbnb.com/'
                 target='_blank'
                 rel='noreferrer'
@@ -690,8 +703,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://www.postman.com/'
                 target='_blank'
                 rel='noreferrer'
@@ -707,8 +720,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a href='https://endjin.com/' target='_blank' rel='noreferrer'>
+              </Link>
+              <Link href='https://endjin.com/' target='_blank' rel='noreferrer'>
                 {isClient && (
                   <>
                     <Image
@@ -720,8 +733,12 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a href='https://www.llc.org/' target='_blank' rel='noreferrer'>
+              </Link>
+              <Link
+                href='https://www.llc.org/'
+                target='_blank'
+                rel='noreferrer'
+              >
                 {isClient && (
                   <>
                     <Image
@@ -733,8 +750,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://www.vpsserver.com/en-us/'
                 target='_blank'
                 rel='noreferrer'
@@ -750,8 +767,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://www.itflashcards.com/'
                 target='_blank'
                 rel='noreferrer'
@@ -767,8 +784,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://www.route4me.com/'
                 target='_blank'
                 rel='noreferrer'
@@ -784,8 +801,8 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a href='https://n8n.io/' target='_blank' rel='noreferrer'>
+              </Link>
+              <Link href='https://n8n.io/' target='_blank' rel='noreferrer'>
                 {isClient && (
                   <>
                     <Image
@@ -797,8 +814,12 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a href='https://copycopter.ai/' target='_blank' rel='noreferrer'>
+              </Link>
+              <Link
+                href='https://copycopter.ai/'
+                target='_blank'
+                rel='noreferrer'
+              >
                 {isClient && (
                   <>
                     <Image
@@ -810,11 +831,15 @@ const Home = (props: any) => {
                     />
                   </>
                 )}
-              </a>
-              <a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
+              </Link>
+              <Link
+                href='https://www.octue.com/'
+                target='_blank'
+                rel='noreferrer'
+              >
                 <img src={octue_logo} className=' w-44' />
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://www.apideck.com/'
                 target='_blank'
                 rel='noreferrer'
@@ -825,8 +850,8 @@ const Home = (props: any) => {
                   alt='The Realtime Unified API
 for Accounting integrations'
                 />
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://rxdb.info/?utm_source=sponsor&utm_medium=json-schema&utm_campaign=json-schema'
                 target='_blank'
                 rel='noreferrer'
@@ -836,8 +861,8 @@ for Accounting integrations'
                   className=' w-44'
                   alt='The local Database for JavaScript Applications'
                 />
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://topagency.webflow.io'
                 target='_blank'
                 rel='noreferrer'
@@ -847,8 +872,8 @@ for Accounting integrations'
                   className=' w-44'
                   alt='best website design agencies'
                 />
-              </a>
-              <a
+              </Link>
+              <Link
                 href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
                 target='_blank'
                 rel='noreferrer'
@@ -869,7 +894,7 @@ for Accounting integrations'
                   />
                 </svg>
                 <p className='text-sm md:text-base'>Your logo here</p>
-              </a>
+              </Link>
             </div>
           </div>
         </section>
@@ -885,17 +910,17 @@ for Accounting integrations'
               The following companies support us by letting us use their
               products.
               <br />
-              <a
+              <Link
                 href='mailto:info@json-schema.org'
                 className='border-b border-black dark:border-white'
               >
                 Email us
-              </a>{' '}
+              </Link>{' '}
               for more info!
             </p>
           </div>
           <div className='flex flex-col items-center md:flex-row justify-center text-center gap-x-14 gap-y-4'>
-            <a href='https://www.commonroom.io'>
+            <Link href='https://www.commonroom.io'>
               {isClient && (
                 <>
                   <Image
@@ -907,8 +932,8 @@ for Accounting integrations'
                   />
                 </>
               )}
-            </a>
-            <a href='https://json-schema.org/slack'>
+            </Link>
+            <Link href='https://json-schema.org/slack'>
               {isClient && (
                 <>
                   <Image
@@ -920,7 +945,7 @@ for Accounting integrations'
                   />
                 </>
               )}
-            </a>
+            </Link>
           </div>{' '}
         </section>
       </div>