New footer

Author: andrewhong04

src/components/footer.tsx

@@ -1,5 +1,33 @@
 import styles from '@/styles/footer.module.css';
+import Link from 'next/link';
 
 export default function Footer() {
-  return <div className={styles.footer}>Pygame Community Website</div>;
+  return (
+    <div className={styles.footer}>
+      <div className={styles.footerCol}>
+        <h3>Pygame Community Edition</h3>
+        <p>
+          pygame - Community Edition is a free open-source Python library for multimedia applications (like games).
+          Built on top of the excellent SDL library.
+        </p>
+      </div>
+      <div className={styles.footerCol}>
+        <h3>Social Media</h3>
+        <ul>
+          <li>
+            <Link href="https://twitter.com/pygamecommunity">Twitter</Link>
+          </li>
+          <li>
+            <Link href="https://www.youtube.com/@pygamecommunity">YouTube</Link>
+          </li>
+          <li>
+            <Link href="https://github.com/pygame-community">GitHub</Link>
+          </li>
+          <li>
+            <Link href="https://discord.gg/pygame">Discord</Link>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
 }

src/styles/footer.module.css

@@ -1,5 +1,15 @@
 .footer {
+  display: flex;
+  justify-content: space-around;
   background-color: rgb(20, 20, 20);
+}
+
+.footerCol {
   padding: 30px;
-  text-align: center;
+  width: 30%;
+}
+
+.footerCol ul {
+  text-decoration: none;
+  list-style-type: none;
 }