Fixed Sponsor Buttons (#1154)

* Fixed Sponsor Buttons * Updated to pass code quality checks * Fixed indentation issues --------- Co-authored-by: Benjamin Granados <[email protected]>
json-schema-org · Dec 13, 2024 · 43aef96 · 43aef96
1 parent 85bb2fa
commit 43aef96
Showing 1 changed file with 24 additions and 21 deletions.
diff --git a/pages/index.page.tsx b/pages/index.page.tsx
@@ -538,7 +538,12 @@ const Home = (props: any) => {
             <h3 className='p-4 text-h4mobile md:text-h4 font-semibold my-4 dark:text-slate-200'>
               Gold Sponsors
             </h3>
-            <button className='w-[310px] h-[180px] mx-auto rounded-lg border-2 border-dotted bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'>
+            <a
+              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'
+            >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
                 className='h-6 w-6'
@@ -553,17 +558,17 @@ const Home = (props: any) => {
                   d='M12 4v16m8-8H4'
                 />
               </svg>
-              <a
-                href='https://opencollective.com/json-schema#category-CONTRIBUTE'
-                className='block'
-              >
-                Your logo here
-              </a>
-            </button>
+              <p className='block'>Your logo here</p>
+            </a>
             <h3 className='p-4 text-h4mobile md:text-h4 font-semibold my-4 dark:text-slate-200'>
               Silver Sponsors
             </h3>
-            <button className='w-[200px] h-[120px] mx-auto rounded-lg border-2 border-dotted bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'>
+            <a
+              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'
+            >
               <svg
                 xmlns='http://www.w3.org/2000/svg'
                 className='h-6 w-6'
@@ -578,10 +583,8 @@ const Home = (props: any) => {
                   d='M12 4v16m8-8H4'
                 />
               </svg>
-              <a href='https://opencollective.com/json-schema#category-CONTRIBUTE'>
-                Your logo here
-              </a>
-            </button>
+              <p>Your logo here</p>
+            </a>
             <h3 className='p-4 text-h4mobile md:text-h4 font-semibold my-4 dark:text-slate-200'>
               Bronze Sponsors
             </h3>
@@ -650,7 +653,12 @@ const Home = (props: any) => {
               >
                 <img src={apideck_logo} className=' w-44' />
               </a>
-              <button className='w-[155px] md:w-[176px] h-[44px] mx-auto rounded-lg border-2 border-dotted bg-primary text-white font-semibold flex items-center justify-center space-x-2 cursor-pointer px-3'>
+              <a
+                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'
+              >
                 <svg
                   xmlns='http://www.w3.org/2000/svg'
                   className='h-6 w-6'
@@ -665,13 +673,8 @@ const Home = (props: any) => {
                     d='M12 4v16m8-8H4'
                   />
                 </svg>
-                <a
-                  className='text-sm md:text-base'
-                  href='https://opencollective.com/json-schema#category-CONTRIBUTE'
-                >
-                  Your logo here
-                </a>
-              </button>
+                <p className='text-sm md:text-base'>Your logo here</p>
+              </a>
             </div>
           </div>
         </section>