diff --git a/public/arrow-black.svg b/public/arrow-black.svg
new file mode 100644
index 0000000..6453d74
--- /dev/null
+++ b/public/arrow-black.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/arrow-white.svg b/public/arrow-white.svg
new file mode 100644
index 0000000..dbfb5bb
--- /dev/null
+++ b/public/arrow-white.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/github-black.svg b/public/github-black.svg
new file mode 100644
index 0000000..c59eb64
--- /dev/null
+++ b/public/github-black.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/github-white.svg b/public/github-white.svg
new file mode 100644
index 0000000..678670d
--- /dev/null
+++ b/public/github-white.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/instagram-black.svg b/public/instagram-black.svg
new file mode 100644
index 0000000..4b34256
--- /dev/null
+++ b/public/instagram-black.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/instagram-white.svg b/public/instagram-white.svg
new file mode 100644
index 0000000..8ef9d29
--- /dev/null
+++ b/public/instagram-white.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/join-discord-black.svg b/public/join-discord-black.svg
new file mode 100644
index 0000000..d4cc55f
--- /dev/null
+++ b/public/join-discord-black.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/join-discord-white.svg b/public/join-discord-white.svg
new file mode 100644
index 0000000..ff13539
--- /dev/null
+++ b/public/join-discord-white.svg
@@ -0,0 +1,5 @@
+
diff --git a/public/linkedin-black.svg b/public/linkedin-black.svg
new file mode 100644
index 0000000..7cac557
--- /dev/null
+++ b/public/linkedin-black.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/linkedin-white.svg b/public/linkedin-white.svg
new file mode 100644
index 0000000..3e4f6cc
--- /dev/null
+++ b/public/linkedin-white.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/app/results/Results.tsx b/src/app/results/Results.tsx
index 481307e..886ab43 100644
--- a/src/app/results/Results.tsx
+++ b/src/app/results/Results.tsx
@@ -1,6 +1,7 @@
'use client';
import Filters from '@/components/Filters';
+import Footer from '@/components/Footer';
import ResultsTable from '@/components/ResultsTable';
import TopMenu from '@/components/TopMenu';
import type {
@@ -84,6 +85,7 @@ export default function Results(props: Props) {
search={search}
/>
+
>
);
}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..62c6f63
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,231 @@
+'use client';
+
+import DarkArrow from '@/../public/arrow-black.svg';
+import LightArrow from '@/../public/arrow-white.svg';
+import DarkGitHub from '@/../public/github-black.svg';
+import LightGitHub from '@/../public/github-white.svg';
+import DarkInsta from '@/../public/instagram-black.svg';
+import LightInsta from '@/../public/instagram-white.svg';
+import DarkDiscord from '@/../public/join-discord-black.svg';
+import LightDiscord from '@/../public/join-discord-white.svg';
+import DarkLinkedin from '@/../public/linkedin-black.svg';
+import LightLinkedin from '@/../public/linkedin-white.svg';
+import { Tooltip } from '@mui/material';
+import Image from 'next/image';
+import Link from 'next/link';
+import NebulaLogo from './NebulaLogo';
+import { UTDRoomsLogoCombination } from './UTDRoomsLogo';
+
+/**
+ * Contact logo that displays a light and dark version based on the current theme
+ */
+function Icon(props: {
+ className?: string;
+ light: string;
+ dark: string;
+ alt: string;
+ size: number | `${number}`;
+}) {
+ return (
+ <>
+