From e632a30297f08d8c7f76d9aeb2229ac7856515cf Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Sun, 1 Mar 2026 19:18:56 +0530
Subject: [PATCH 01/10] fix: open card link in new tab using target _blank

---
 components/Card.tsx  | 7 ++++++-
 pages/index.page.tsx | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/Card.tsx b/components/Card.tsx
index a8e38c54b..482f960e9 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -108,7 +108,12 @@ const CardBody = ({
 
 const Card: React.FC<CardProps> = ({ link, ...props }) => {
   return link ? (
-    <Link href={link} data-test='card-link'>
+    <Link
+      href={link}
+      target="_blank"
+      rel="noopener noreferrer"
+      data-test="card-link"
+    >
       <CardBody link={link} {...props} />
     </Link>
   ) : (
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index bc627b9b5..21a8c7d51 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -526,7 +526,7 @@ const Home = (props: any) => {
                 <div className=''>
                   <a
                     href='https://github.com/orgs/json-schema-org/discussions/35'
-                    rel='noopener noreferrer'
+                    rel='noopener noreferrer' target='_blank'
                     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'
                   >
                     Open Community Working Meetings
@@ -534,7 +534,7 @@ const Home = (props: any) => {
 
                   <a
                     href='https://github.com/orgs/json-schema-org/discussions/34/'
-                    rel='noopener noreferrer'
+                    rel='noopener noreferrer' target='_blank'
                     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'
                   >
                     Office Hours

From 6d0066fd8714144c1842a748ce92868b0ceef492 Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Sun, 1 Mar 2026 22:37:55 +0530
Subject: [PATCH 02/10] fix: eslint and prettier issues

---
 components/Card.tsx  | 16 ++++++++--------
 pages/index.page.tsx |  6 ++++--
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/components/Card.tsx b/components/Card.tsx
index 482f960e9..7a3cf9508 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -40,21 +40,21 @@ const CardBody = ({
   };
 
   return (
-    <ShadcnCard className='group relative h-full w-full rounded-lg border border-gray-200 bg-white p-6 px-12 shadow-3xl dark:shadow-2xl dark:shadow-slate-900 transition-colors ease-in-out hover:bg-slate-100 dark:bg-slate-800 hover:dark:bg-slate-900/30'>
+    <ShadcnCard className='group relative h-full w-full rounded-lg border border-gray-200 bg-white p-6 px-12 shadow-3xl transition-colors ease-in-out hover:bg-slate-100 dark:bg-slate-800 dark:shadow-2xl dark:shadow-slate-900 hover:dark:bg-slate-900/30'>
       {image && (
-        <div className='flex justify-center '>
+        <div className='flex justify-center'>
           <Image
             src={image}
             alt={title}
             width={384}
             height={128}
-            className='h-32 p-2 object-contain'
+            className='h-32 object-contain p-2'
             data-test='card-image'
           />
         </div>
       )}
 
-      <div className='flex flex-row items-start '>
+      <div className='flex flex-row items-start'>
         {icon && (
           <span className='mr-6 flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-lg border bg-blue-200 px-3 text-gray-900 dark:text-white'>
             <Image
@@ -82,7 +82,7 @@ const CardBody = ({
 
       <p
         className={cn(
-          'mb-8 text-black mt-5 dark:text-white ',
+          'mb-8 mt-5 text-black dark:text-white',
           bodyTextSizeClasses[bodyTextSize],
         )}
         data-test='card-body'
@@ -110,9 +110,9 @@ const Card: React.FC<CardProps> = ({ link, ...props }) => {
   return link ? (
     <Link
       href={link}
-      target="_blank"
-      rel="noopener noreferrer"
-      data-test="card-link"
+      target='_blank'
+      rel='noopener noreferrer'
+      data-test='card-link'
     >
       <CardBody link={link} {...props} />
     </Link>
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 10f8db32a..4354fd0ad 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -526,7 +526,8 @@ const Home = (props: any) => {
                 <div className='flex flex-col'>
                   <a
                     href='https://github.com/orgs/json-schema-org/discussions/35'
-                    rel='noopener noreferrer' target='_blank'
+                    rel='noopener noreferrer'
+                    target='_blank'
                     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'
                   >
                     Open Community Working Meetings
@@ -534,7 +535,8 @@ const Home = (props: any) => {
 
                   <a
                     href='https://github.com/orgs/json-schema-org/discussions/34/'
-                    rel='noopener noreferrer' target='_blank'
+                    rel='noopener noreferrer'
+                    target='_blank'
                     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'
                   >
                     Office Hours

From e0266fce1c8825466864855d6681383dc876c233 Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Tue, 3 Mar 2026 12:58:51 +0530
Subject: [PATCH 03/10] fix: open slack link in new tab

---
 pages/index.page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 4354fd0ad..dea823350 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -411,7 +411,7 @@ const Home = (props: any) => {
               <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
                   href='https://json-schema.org/slack'
-                  className='flex items-center '
+                  className='flex items-center ' target='_blank'
                 >
                   {isClient && (
                     <>

From 762f2c840e8b59e9cd9fbd2d33e1b55881691f59 Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Tue, 3 Mar 2026 13:09:11 +0530
Subject: [PATCH 04/10] fix: open slack link in new tab

---
 pages/index.page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index dea823350..db6ca21af 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -411,7 +411,7 @@ const Home = (props: any) => {
               <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
                   href='https://json-schema.org/slack'
-                  className='flex items-center ' target='_blank'
+                  className='flex items-center ' target='_blank' rel='noreferrer'
                 >
                   {isClient && (
                     <>

From 058421284de2e02b6cf17b065f3e0f88db364602 Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Tue, 3 Mar 2026 13:22:39 +0530
Subject: [PATCH 05/10] fix: open slack link in new tab

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

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index db6ca21af..8847c2439 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -411,7 +411,9 @@ const Home = (props: any) => {
               <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
                   href='https://json-schema.org/slack'
-                  className='flex items-center ' target='_blank' rel='noreferrer'
+                  className='flex items-center'
+                  target='_blank'
+                  rel='noreferrer'
                 >
                   {isClient && (
                     <>

From 459fde7e6649e703d1e37d2c685066ff0cf83ead Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Mon, 9 Mar 2026 22:10:55 +0530
Subject: [PATCH 06/10] style: Improve select dropdown appearance by adding
 custom arrows and adjusting spacing.

---
 components/GettingStarted.tsx | 82 ++++++++++++++++++++---------------
 1 file changed, 46 insertions(+), 36 deletions(-)

diff --git a/components/GettingStarted.tsx b/components/GettingStarted.tsx
index 908cf5010..22faadfa2 100644
--- a/components/GettingStarted.tsx
+++ b/components/GettingStarted.tsx
@@ -139,26 +139,31 @@ const GettingStarted = () => {
     <>
       <div className='relative'>
         <div className='flex flex-col'>
-          <div className='flex items-end flex-row justify-between mt-5 mb-3 '>
+          <div className='flex items-end flex-row justify-between mt-5 mb-3'>
             <h2 className='text-h6 font-semibold mb-1 text-slate-900 dark:text-white'>
               JSON Schema
             </h2>
-            <div className='select-wrap'>
+            <div className='select-wrap flex items-center'>
               <label className='mr-2 max-sm:text-[12px] text-slate-700 dark:text-slate-300'>
                 Select a Schema:
               </label>
-              <select
-                name='Select a JSON Schema Validator'
-                className='p-2 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px]'
-                id='Examples'
-                onChange={handleSchemaChange}
-              >
-                {options.map((option: any, id: number) => (
-                  <option key={id} value={option.file}>
-                    {option.name}
-                  </option>
-                ))}
-              </select>
+              <div className='relative'>
+                <select
+                  name='Select a JSON Schema Validator'
+                  className='p-2 pr-8 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px] appearance-none cursor-pointer'
+                  id='Examples'
+                  onChange={handleSchemaChange}
+                >
+                  {options.map((option: any, id: number) => (
+                    <option key={id} value={option.file}>
+                      {option.name}
+                    </option>
+                  ))}
+                </select>
+                <span className='pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-slate-500 dark:text-slate-300 text-xl'>
+                  ▾
+                </span>
+              </div>
             </div>
           </div>
 
@@ -203,28 +208,33 @@ const GettingStarted = () => {
         </div>
 
         <div className='flex flex-col'>
-          <div className='flex items-end flex-row justify-between mt-5 mb-3 '>
-            <h2 className='text-h6 font-semibold mb-1 text-slate-900 dark:text-white'>
-              JSON Instance
-            </h2>
-            <div className='select-wrap'>
-              <label className='mr-2 max-sm:text-[12px] text-slate-700 dark:text-slate-300'>
-                Select an Instance:
-              </label>
-              <select
-                name='Select a JSON Schema Validator'
-                className='p-2 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px]'
-                id='Examples'
-                onChange={handleInstanceChange}
-              >
-                {instances.map((instance: any, id: number) => (
-                  <option key={id} value={instance.file}>
-                    {instance.name}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
+          <div className='flex items-end flex-row justify-between mt-5 mb-3'>
+  <h2 className='text-h6 font-semibold mb-1 text-slate-900 dark:text-white'>
+    JSON Instance
+  </h2>
+  <div className='select-wrap flex items-center'>
+    <label className='mr-2 max-sm:text-[12px] text-slate-700 dark:text-slate-300'>
+      Select an Instance:
+    </label>
+    <div className='relative'>
+      <select
+        name='Select a JSON Schema Validator'
+        className='p-2 pr-8 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px] appearance-none cursor-pointer'
+        id='Examples'
+        onChange={handleInstanceChange}
+      >
+        {instances.map((instance: any, id: number) => (
+          <option key={id} value={instance.file}>
+            {instance.name}
+          </option>
+        ))}
+      </select>
+      <span className='pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-slate-500 dark:text-slate-300 text-xl'>
+        ▾
+      </span>
+    </div>
+  </div>
+</div>
           <div className='overflow-x-auto flex-basis-0 max-w-full min-w-0 shrink lg:max-w-[800px] xl:max-w-[900px]'>
             <Highlight
               wrapLines={true}

From 40849604712491dab5ca42d3389ee65f5f8c9a3c Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Mon, 9 Mar 2026 22:13:41 +0530
Subject: [PATCH 07/10] fix: improve select dropdown appearance with custom
 arrows

---
 components/GettingStarted.tsx | 82 +++++++++++++++--------------------
 1 file changed, 36 insertions(+), 46 deletions(-)

diff --git a/components/GettingStarted.tsx b/components/GettingStarted.tsx
index 22faadfa2..908cf5010 100644
--- a/components/GettingStarted.tsx
+++ b/components/GettingStarted.tsx
@@ -139,31 +139,26 @@ const GettingStarted = () => {
     <>
       <div className='relative'>
         <div className='flex flex-col'>
-          <div className='flex items-end flex-row justify-between mt-5 mb-3'>
+          <div className='flex items-end flex-row justify-between mt-5 mb-3 '>
             <h2 className='text-h6 font-semibold mb-1 text-slate-900 dark:text-white'>
               JSON Schema
             </h2>
-            <div className='select-wrap flex items-center'>
+            <div className='select-wrap'>
               <label className='mr-2 max-sm:text-[12px] text-slate-700 dark:text-slate-300'>
                 Select a Schema:
               </label>
-              <div className='relative'>
-                <select
-                  name='Select a JSON Schema Validator'
-                  className='p-2 pr-8 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px] appearance-none cursor-pointer'
-                  id='Examples'
-                  onChange={handleSchemaChange}
-                >
-                  {options.map((option: any, id: number) => (
-                    <option key={id} value={option.file}>
-                      {option.name}
-                    </option>
-                  ))}
-                </select>
-                <span className='pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-slate-500 dark:text-slate-300 text-xl'>
-                  ▾
-                </span>
-              </div>
+              <select
+                name='Select a JSON Schema Validator'
+                className='p-2 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px]'
+                id='Examples'
+                onChange={handleSchemaChange}
+              >
+                {options.map((option: any, id: number) => (
+                  <option key={id} value={option.file}>
+                    {option.name}
+                  </option>
+                ))}
+              </select>
             </div>
           </div>
 
@@ -208,33 +203,28 @@ const GettingStarted = () => {
         </div>
 
         <div className='flex flex-col'>
-          <div className='flex items-end flex-row justify-between mt-5 mb-3'>
-  <h2 className='text-h6 font-semibold mb-1 text-slate-900 dark:text-white'>
-    JSON Instance
-  </h2>
-  <div className='select-wrap flex items-center'>
-    <label className='mr-2 max-sm:text-[12px] text-slate-700 dark:text-slate-300'>
-      Select an Instance:
-    </label>
-    <div className='relative'>
-      <select
-        name='Select a JSON Schema Validator'
-        className='p-2 pr-8 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px] appearance-none cursor-pointer'
-        id='Examples'
-        onChange={handleInstanceChange}
-      >
-        {instances.map((instance: any, id: number) => (
-          <option key={id} value={instance.file}>
-            {instance.name}
-          </option>
-        ))}
-      </select>
-      <span className='pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-slate-500 dark:text-slate-300 text-xl'>
-        ▾
-      </span>
-    </div>
-  </div>
-</div>
+          <div className='flex items-end flex-row justify-between mt-5 mb-3 '>
+            <h2 className='text-h6 font-semibold mb-1 text-slate-900 dark:text-white'>
+              JSON Instance
+            </h2>
+            <div className='select-wrap'>
+              <label className='mr-2 max-sm:text-[12px] text-slate-700 dark:text-slate-300'>
+                Select an Instance:
+              </label>
+              <select
+                name='Select a JSON Schema Validator'
+                className='p-2 border dark:border-slate-300 border-slate-300 dark:bg-slate-900 bg-white text-slate-800 dark:text-white rounded-md max-sm:text-[12px]'
+                id='Examples'
+                onChange={handleInstanceChange}
+              >
+                {instances.map((instance: any, id: number) => (
+                  <option key={id} value={instance.file}>
+                    {instance.name}
+                  </option>
+                ))}
+              </select>
+            </div>
+          </div>
           <div className='overflow-x-auto flex-basis-0 max-w-full min-w-0 shrink lg:max-w-[800px] xl:max-w-[900px]'>
             <Highlight
               wrapLines={true}

From c726f0eb1ff26db875882266ef3b7b46b589fb94 Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Sun, 15 Mar 2026 21:15:57 +0530
Subject: [PATCH 08/10] fix: add target=_blank to remaining external links

---
 pages/index.page.tsx                   | 16 ++++++++++++----
 pages/overview/pro-help/index.page.tsx |  8 ++++----
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 8847c2439..e5afe1d33 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -240,6 +240,8 @@ const Home = (props: any) => {
                 <a
                   className='underline'
                   href='https://landscape.json-schema.org/'
+                  target='_blank'
+                  rel="noopener noreferrer"
                 >
                   Landscape
                 </a>{' '}
@@ -375,7 +377,7 @@ const Home = (props: any) => {
           </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'>
-              <Link href='https://json-schema.org/slack'>
+              <Link href='https://json-schema.org/slack' target="_blank" rel="noopener noreferrer">
                 <h3 className='mb-4 font-semibold flex items-center dark:text-slate-200'>
                   Join the JSON Schema Slack Workspace!
                   {isClient && (
@@ -528,8 +530,8 @@ const Home = (props: any) => {
                 <div className='flex flex-col'>
                   <a
                     href='https://github.com/orgs/json-schema-org/discussions/35'
-                    rel='noopener noreferrer'
                     target='_blank'
+                    rel='noopener noreferrer'
                     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'
                   >
                     Open Community Working Meetings
@@ -537,8 +539,8 @@ const Home = (props: any) => {
 
                   <a
                     href='https://github.com/orgs/json-schema-org/discussions/34/'
-                    rel='noopener noreferrer'
                     target='_blank'
+                    rel='noopener noreferrer'
                     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'
                   >
                     Office Hours
@@ -612,6 +614,8 @@ const Home = (props: any) => {
               <a
                 href='https://json-schema.org/overview/sponsors'
                 className='border-b border-black dark:border-white'
+                target='_blank'
+                rel='noopener noreferrer'
               >
                 sponsor
               </a>{' '}
@@ -619,7 +623,9 @@ const Home = (props: any) => {
               <a
                 href='https://json-schema.org/overview/sponsors#benefits-of-being-an-individual-backer'
                 className='border-b border-black dark:border-white'
-              >
+                target='_blank'
+                rel='noopener noreferrer'
+                >
                 backer
               </a>{' '}
               .
@@ -629,6 +635,8 @@ const Home = (props: any) => {
               <a
                 href='https://opencollective.com/json-schema'
                 className='border-b border-black dark:border-white'
+                target='_blank'
+                rel='noopener noreferrer'
               >
                 Support us!
               </a>
diff --git a/pages/overview/pro-help/index.page.tsx b/pages/overview/pro-help/index.page.tsx
index 5978c6a56..c413fed1a 100644
--- a/pages/overview/pro-help/index.page.tsx
+++ b/pages/overview/pro-help/index.page.tsx
@@ -72,19 +72,19 @@ export default function ProHelp({ contractorData }: ProHelpPageProps) {
             Hiring our top contributors also helps funding the JSON Schema
             open-source organization, and as a consequence, the specifications
             that build on top of it, such as{' '}
-            <a href='https://www.openapis.org' className='underline'>
+            <a href='https://www.openapis.org' className='underline' target='_blank' rel='noopener noreferrer'>
               OpenAPI
             </a>
             ,
-            <a href='https://www.asyncapi.com' className='underline'>
+            <a href='https://www.asyncapi.com' className='underline' target="_blank" rel="noopener noreferrer">
               AsyncAPI
             </a>
             ,
-            <a href='https://raml.org' className='underline'>
+            <a href='https://raml.org' className='underline' target="_blank" rel="noopener noreferrer">
               RAML
             </a>
             ,
-            <a href='https://www.w3.org/WoT/' className='underline'>
+            <a href='https://www.w3.org/WoT/' className='underline' target="_blank" rel="noopener noreferrer">
               W3C WoT
             </a>
             , and many more.

From a999062310ce1c829fbbb9656f8bf608a4d21eb5 Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Sun, 15 Mar 2026 21:26:05 +0530
Subject: [PATCH 09/10] fix: open external links in new tab with proper
 formatting

---
 pages/index.page.tsx                   | 50 +++++++++++++-------------
 pages/overview/pro-help/index.page.tsx |  6 ++--
 2 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index e5afe1d33..8421c821e 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -377,7 +377,7 @@ const Home = (props: any) => {
           </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'>
-              <Link href='https://json-schema.org/slack' target="_blank" rel="noopener noreferrer">
+              <Link href='https://json-schema.org/slack' target="_blank" rel='noopener noreferrer'>
                 <h3 className='mb-4 font-semibold flex items-center dark:text-slate-200'>
                   Join the JSON Schema Slack Workspace!
                   {isClient && (
@@ -649,7 +649,7 @@ const Home = (props: any) => {
             <Link
               href='https://opencollective.com/json-schema/contribute/golden-sponsor-68354/checkout?interval=month&amount=1000&name=&legalName=&email='
               target='_blank'
-              rel='noreferrer'
+              rel='noopener 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
@@ -674,7 +674,7 @@ const Home = (props: any) => {
             <Link
               href='https://opencollective.com/json-schema/contribute/silver-sponsor-68353/checkout?interval=month&amount=500&name=&legalName=&email='
               target='_blank'
-              rel='noreferrer'
+              rel='noopener 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
@@ -700,7 +700,7 @@ const Home = (props: any) => {
               <a
                 href=' https://www.asyncapi.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 {isClient && (
                   <>
@@ -717,7 +717,7 @@ const Home = (props: any) => {
               <a
                 href='https://www.airbnb.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 {isClient && (
                   <>
@@ -734,7 +734,7 @@ const Home = (props: any) => {
               <a
                 href='https://www.postman.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 {isClient && (
                   <>
@@ -748,7 +748,7 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://endjin.com/' target='_blank' rel='noreferrer'>
+              <a href='https://endjin.com/' target='_blank' rel='noopener noreferrer'>
                 {isClient && (
                   <>
                     <Image
@@ -761,7 +761,7 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://www.llc.org/' target='_blank' rel='noreferrer'>
+              <a href='https://www.llc.org/' target='_blank' rel='noopener noreferrer'>
                 {isClient && (
                   <>
                     <Image
@@ -777,7 +777,7 @@ const Home = (props: any) => {
               <a
                 href='https://www.vpsserver.com/en-us/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 {isClient && (
                   <>
@@ -794,7 +794,7 @@ const Home = (props: any) => {
               <a
                 href='https://www.itflashcards.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 {isClient && (
                   <>
@@ -811,7 +811,7 @@ const Home = (props: any) => {
               <a
                 href='https://www.route4me.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 {isClient && (
                   <>
@@ -825,7 +825,7 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://n8n.io/' target='_blank' rel='noreferrer'>
+              <a href='https://n8n.io/' target='_blank' rel='noopener noreferrer'>
                 {isClient && (
                   <>
                     <Image
@@ -838,7 +838,7 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://copycopter.ai/' target='_blank' rel='noreferrer'>
+              <a href='https://copycopter.ai/' target='_blank' rel='noopener noreferrer'>
                 {isClient && (
                   <>
                     <Image
@@ -851,7 +851,7 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://www.octue.com/' target='_blank' rel='noreferrer'>
+              <a href='https://www.octue.com/' target='_blank' rel='noopener noreferrer'>
                 <img
                   src={logos.octue}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -872,7 +872,7 @@ for Accounting integrations'
               <a
                 href='https://rxdb.info/?utm_source=sponsor&utm_medium=json-schema&utm_campaign=json-schema'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 <img
                   src={logos.rxdb}
@@ -883,7 +883,7 @@ for Accounting integrations'
               <a
                 href='https://topagency.webflow.io'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 <img
                   src={logos.wda}
@@ -894,7 +894,7 @@ for Accounting integrations'
               <a
                 href='https://anonstories.com'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 <img
                   src={logos.anon}
@@ -902,14 +902,14 @@ for Accounting integrations'
                   alt='Instagram Story Viewer'
                 />
               </a>
-              <a href='https://supadata.ai/' target='_blank' rel='noreferrer'>
+              <a href='https://supadata.ai/' target='_blank' rel='noopener noreferrer'>
                 <img
                   src={logos.supadata}
                   className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='supadata logo'
                 />
               </a>
-              <a href='https://dottxt.ai/' target='_blank' rel='noreferrer'>
+              <a href='https://dottxt.ai/' target='_blank' rel='noopener noreferrer'>
                 <img
                   src={logos.dottxt}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -919,7 +919,7 @@ for Accounting integrations'
               <a
                 href='https://www.sourcemeta.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 <img
                   src={logos.sourcemeta}
@@ -927,7 +927,7 @@ for Accounting integrations'
                   alt='dottxt logo'
                 />
               </a>
-              <a href='https://www.n-ix.com/' target='_blank' rel='noreferrer'>
+              <a href='https://www.n-ix.com/' target='_blank' rel='noopener noreferrer'>
                 <img
                   src={logos.nix}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -937,7 +937,7 @@ for Accounting integrations'
               <a
                 href='https://www.oracle.com/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 <img
                   src={logos.oracle}
@@ -948,7 +948,7 @@ for Accounting integrations'
               <a
                 href='https://spinthewheel.io/'
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener noreferrer'
               >
                 <img
                   src={logos.spinthewheel}
@@ -956,7 +956,7 @@ for Accounting integrations'
                   alt='Spin the wheel logo'
                 />
               </a>
-              <a href='https://litslink.com/' target='_blank' rel='noreferrer'>
+              <a href='https://litslink.com/' target='_blank' rel='noopener noreferrer'>
                 <img
                   src={logos.litslink}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -973,7 +973,7 @@ for Accounting integrations'
               <a
                 href='https://opencollective.com/json-schema/contribute/sponsor-10816/checkout?interval=month&amount=100&name=&legalName=&email='
                 target='_blank'
-                rel='noreferrer'
+                rel='noopener 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 transition-transform duration-300 hover:scale-105'
               >
                 <svg
diff --git a/pages/overview/pro-help/index.page.tsx b/pages/overview/pro-help/index.page.tsx
index c413fed1a..3516455f6 100644
--- a/pages/overview/pro-help/index.page.tsx
+++ b/pages/overview/pro-help/index.page.tsx
@@ -76,15 +76,15 @@ export default function ProHelp({ contractorData }: ProHelpPageProps) {
               OpenAPI
             </a>
             ,
-            <a href='https://www.asyncapi.com' className='underline' target="_blank" rel="noopener noreferrer">
+            <a href='https://www.asyncapi.com' className='underline' target='_blank' rel='noopener noreferrer'>
               AsyncAPI
             </a>
             ,
-            <a href='https://raml.org' className='underline' target="_blank" rel="noopener noreferrer">
+            <a href='https://raml.org' className='underline' target='_blank' rel='noopener noreferrer'>
               RAML
             </a>
             ,
-            <a href='https://www.w3.org/WoT/' className='underline' target="_blank" rel="noopener noreferrer">
+            <a href='https://www.w3.org/WoT/' className='underline' target='_blank' rel='noopener noreferrer'>
               W3C WoT
             </a>
             , and many more.

From bdd9eeaf0b5b2c438d6859c723fcd35a01d02b1e Mon Sep 17 00:00:00 2001
From: tusharsingla22222-source <tusharsingla22222@gmail.com>
Date: Sun, 15 Mar 2026 21:30:20 +0530
Subject: [PATCH 10/10] fix: open external links in new tab

---
 pages/index.page.tsx                   | 64 +++++++++++++++++++++-----
 pages/overview/pro-help/index.page.tsx | 28 +++++++++--
 2 files changed, 76 insertions(+), 16 deletions(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 8421c821e..d26c12f99 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -241,7 +241,7 @@ const Home = (props: any) => {
                   className='underline'
                   href='https://landscape.json-schema.org/'
                   target='_blank'
-                  rel="noopener noreferrer"
+                  rel='noopener noreferrer'
                 >
                   Landscape
                 </a>{' '}
@@ -377,7 +377,11 @@ const Home = (props: any) => {
           </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'>
-              <Link href='https://json-schema.org/slack' target="_blank" rel='noopener noreferrer'>
+              <Link
+                href='https://json-schema.org/slack'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 <h3 className='mb-4 font-semibold flex items-center dark:text-slate-200'>
                   Join the JSON Schema Slack Workspace!
                   {isClient && (
@@ -625,7 +629,7 @@ const Home = (props: any) => {
                 className='border-b border-black dark:border-white'
                 target='_blank'
                 rel='noopener noreferrer'
-                >
+              >
                 backer
               </a>{' '}
               .
@@ -748,7 +752,11 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://endjin.com/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://endjin.com/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 {isClient && (
                   <>
                     <Image
@@ -761,7 +769,11 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://www.llc.org/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://www.llc.org/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 {isClient && (
                   <>
                     <Image
@@ -825,7 +837,11 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://n8n.io/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://n8n.io/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 {isClient && (
                   <>
                     <Image
@@ -838,7 +854,11 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://copycopter.ai/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://copycopter.ai/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 {isClient && (
                   <>
                     <Image
@@ -851,7 +871,11 @@ const Home = (props: any) => {
                   </>
                 )}
               </a>
-              <a href='https://www.octue.com/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://www.octue.com/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 <img
                   src={logos.octue}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -902,14 +926,22 @@ for Accounting integrations'
                   alt='Instagram Story Viewer'
                 />
               </a>
-              <a href='https://supadata.ai/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://supadata.ai/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 <img
                   src={logos.supadata}
                   className='w-44 transition-transform duration-300 hover:scale-105'
                   alt='supadata logo'
                 />
               </a>
-              <a href='https://dottxt.ai/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://dottxt.ai/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 <img
                   src={logos.dottxt}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -927,7 +959,11 @@ for Accounting integrations'
                   alt='dottxt logo'
                 />
               </a>
-              <a href='https://www.n-ix.com/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://www.n-ix.com/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 <img
                   src={logos.nix}
                   className='w-44 transition-transform duration-300 hover:scale-105'
@@ -956,7 +992,11 @@ for Accounting integrations'
                   alt='Spin the wheel logo'
                 />
               </a>
-              <a href='https://litslink.com/' target='_blank' rel='noopener noreferrer'>
+              <a
+                href='https://litslink.com/'
+                target='_blank'
+                rel='noopener noreferrer'
+              >
                 <img
                   src={logos.litslink}
                   className='w-44 transition-transform duration-300 hover:scale-105'
diff --git a/pages/overview/pro-help/index.page.tsx b/pages/overview/pro-help/index.page.tsx
index 3516455f6..47649cc63 100644
--- a/pages/overview/pro-help/index.page.tsx
+++ b/pages/overview/pro-help/index.page.tsx
@@ -72,19 +72,39 @@ export default function ProHelp({ contractorData }: ProHelpPageProps) {
             Hiring our top contributors also helps funding the JSON Schema
             open-source organization, and as a consequence, the specifications
             that build on top of it, such as{' '}
-            <a href='https://www.openapis.org' className='underline' target='_blank' rel='noopener noreferrer'>
+            <a
+              href='https://www.openapis.org'
+              className='underline'
+              target='_blank'
+              rel='noopener noreferrer'
+            >
               OpenAPI
             </a>
             ,
-            <a href='https://www.asyncapi.com' className='underline' target='_blank' rel='noopener noreferrer'>
+            <a
+              href='https://www.asyncapi.com'
+              className='underline'
+              target='_blank'
+              rel='noopener noreferrer'
+            >
               AsyncAPI
             </a>
             ,
-            <a href='https://raml.org' className='underline' target='_blank' rel='noopener noreferrer'>
+            <a
+              href='https://raml.org'
+              className='underline'
+              target='_blank'
+              rel='noopener noreferrer'
+            >
               RAML
             </a>
             ,
-            <a href='https://www.w3.org/WoT/' className='underline' target='_blank' rel='noopener noreferrer'>
+            <a
+              href='https://www.w3.org/WoT/'
+              className='underline'
+              target='_blank'
+              rel='noopener noreferrer'
+            >
               W3C WoT
             </a>
             , and many more.