Feat: add links to non monetary sponsor logos

sliit-foss · Sep 18, 2024 · 1cc9ee2 · 1cc9ee2
1 parent 08ae27e
commit 1cc9ee2
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/apps/2024/src/components/landing/in-kind-partners/data.js b/apps/2024/src/components/landing/in-kind-partners/data.js
@@ -4,6 +4,7 @@ export const partners = [
   {
     name: 'HackSL',
     logo: HackSL,
+    link: 'https://facebook.com/hacksl.tech',
     classNames: 'w-8/12'
   },
   {

diff --git a/apps/2024/src/components/landing/in-kind-partners/index.jsx b/apps/2024/src/components/landing/in-kind-partners/index.jsx
@@ -8,16 +8,19 @@ const InKindPartners = () => {
     <div className="w-full flex flex-col py-6 px-10 lg:px-24 gap-y-10">
       <SectionBadge id="knowledge-partners">In-kind Partners</SectionBadge>
       <div className="grid grid-cols-1 xxs:grid-cols-2 sm:grid-cols-4 gap-8">
-        {partners.map(({ name, logo: Logo, classNames }) => (
-          <div
+        {partners.map(({ name, logo: Logo, link, classNames }) => (
+          <a
             key={name}
+            href={link}
+            target="_blank"
+            rel="noopener noreferrer"
             className="bg-white w-full aspect-square flex flex-col items-center justify-center rounded-3xl p-8 xxs:p-4 xs:p-6 md:p-7 xl:p-12 text-white animated-border from-black to-white">
             {name && Logo ? (
               <Logo className={twMerge('w-full', classNames)} />
             ) : (
               <RxQuestionMark className="h-full w-7/12 text-black" strokeWidth={0} />
             )}
-          </div>
+          </a>
         ))}
       </div>
     </div>

diff --git a/apps/2024/src/components/landing/knowledge-partners/data.js b/apps/2024/src/components/landing/knowledge-partners/data.js
@@ -3,10 +3,12 @@ import { CNCF, IFS } from '@/icons';
 export const partners = [
   {
     name: 'IFS',
-    logo: IFS
+    logo: IFS,
+    link: 'https://www.ifs.com/'
   },
   {
     name: 'CNCF',
-    logo: CNCF
+    logo: CNCF,
+    link: 'https://www.cncf.io/'
   }
 ];
diff --git a/apps/2024/src/components/landing/knowledge-partners/index.jsx b/apps/2024/src/components/landing/knowledge-partners/index.jsx
@@ -7,16 +7,19 @@ const KnowledgePartners = () => {
     <div className="w-full flex flex-col py-6 px-10 lg:px-24 gap-y-10">
       <SectionBadge id="knowledge-partners">Knowledge Partners</SectionBadge>
       <div className="grid grid-cols-1 xxs:grid-cols-2 sm:grid-cols-4 gap-8">
-        {partners.map(({ name, logo: Logo }) => (
-          <div
+        {partners.map(({ name, logo: Logo, link }) => (
+          <a
             key={name}
+            href={link}
+            target="_blank"
+            rel="noopener noreferrer"
             className="bg-white w-full aspect-square flex flex-col items-center justify-center rounded-3xl p-8 xxs:p-4 xs:p-6 md:p-7 xl:p-12 text-white animated-border from-black to-white">
             {name && Logo ? (
               <Logo className="w-full" />
             ) : (
               <RxQuestionMark className="h-full w-7/12 text-black" strokeWidth={0} />
             )}
-          </div>
+          </a>
         ))}
       </div>
     </div>