Add sponsors

src/app/page.tsx

@@ -4,13 +4,15 @@ import styles from './page.module.scss';
 import Hero from '@/sections/landing/hero';
 import Welcome from '@/sections/landing/welcome';
 import Tracks from '@/sections/landing/tracks';
+import Sponsors from '@/sections/landing/sponsors';
 
 export default function Home() {
   return (
     <main className={styles.main}>
       <Hero />
       <Welcome />
       <Tracks />
+      <Sponsors />
     </main>
   );
 }

src/sections/landing/sponsors/index.tsx

@@ -0,0 +1,24 @@
+import styles from './style.module.scss';
+import { SPONSORS } from './sponsors';
+import Link from 'next/link';
+
+const Sponsors = () => {
+  return (
+    <div className={styles.pageContainer}>
+      <h2>Sponsors</h2>
+      <div className={styles.sponsors}>
+        {SPONSORS.map(({ url, src }) => (
+          <Link href={url} target="_blank" rel="noopener noreferrer" key={url}>
+            <img src={`/sponsors/${src}`} alt={url} className={styles.sponsor} />
+          </Link>
+        ))}
+      </div>
+      <span>
+        Interested in collaborating with us to make DiamondHacks happen? Reach out at{' '}
+        <Link href="mailto:[email protected]">[email protected]</Link>!
+      </span>
+    </div>
+  );
+};
+
+export default Sponsors;

src/sections/landing/sponsors/sponsors.tsx

@@ -0,0 +1,47 @@
+interface Sponsor {
+  url: string;
+  src: string;
+}
+
+export const SPONSORS = [
+  {
+    url: 'https://www.quokkabrew.com/',
+    src: 'quokka.png',
+  },
+  {
+    url: 'https://hhkeyboard.us/',
+    src: 'hhkb.png',
+  },
+  {
+    url: 'https://cocalc.com/',
+    src: 'cocalc.png',
+  },
+  {
+    url: 'https://www.wolfram.com/',
+    src: 'wolfram.png',
+  },
+  {
+    url: 'https://www.pololu.com/',
+    src: 'pololu.png',
+  },
+  {
+    url: 'https://1password.com/',
+    src: '1password.svg',
+  },
+  {
+    url: 'https://www.echo3d.com/',
+    src: 'echo3d.png',
+  },
+  {
+    url: 'https://www.desmos.com/',
+    src: 'desmos.png',
+  },
+  {
+    url: 'https://www.northropgrumman.com/',
+    src: 'northrop.png',
+  },
+  {
+    url: 'https://codecrafters.io/event/diamondhacks',
+    src: 'codecrafters.png',
+  },
+];

src/sections/landing/sponsors/style.module.scss

@@ -0,0 +1,27 @@
+.pageContainer {
+  margin-top: 8rem;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  h2 {
+    font-size: 36px;
+  }
+
+  .sponsors {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+    flex-wrap: wrap;
+    align-items: center;
+
+    .sponsor {
+      max-width: 10rem;
+      height: fit-content;
+      background-color: white;
+      padding: 1rem;
+      border-radius: 0.75rem;
+    }
+  }
+}

src/sections/navbar/index.tsx

@@ -13,7 +13,7 @@ const LINKS = [
     href: '/',
   },
   {
-    name: 'FAQ',
+    name: 'FAQs',
     href: '/faq',
   },
 ];