diff --git a/src/icons/SocialRedditIcon.js b/src/icons/SocialRedditIcon.js
new file mode 100644
index 0000000..191322f
--- /dev/null
+++ b/src/icons/SocialRedditIcon.js
@@ -0,0 +1,17 @@
+import React from "react";
+
+function SocialRedditIcon() {
+ return (
+
+ );
+}
+
+export default SocialRedditIcon;
diff --git a/src/icons/SocialTwitterIcon.js b/src/icons/SocialTwitterIcon.js
new file mode 100644
index 0000000..9b52ab0
--- /dev/null
+++ b/src/icons/SocialTwitterIcon.js
@@ -0,0 +1,17 @@
+import React from "react";
+
+function SocialTwitterIcon() {
+ return (
+
+ );
+}
+
+export default SocialTwitterIcon;
diff --git a/src/icons/SocialYouTubeIcon.js b/src/icons/SocialYouTubeIcon.js
new file mode 100644
index 0000000..00ccfd4
--- /dev/null
+++ b/src/icons/SocialYouTubeIcon.js
@@ -0,0 +1,17 @@
+import React from "react";
+
+function SocialYouTubeIcon() {
+ return (
+
+ );
+}
+
+export default SocialYouTubeIcon;
diff --git a/src/routes/Home.js b/src/routes/Home.js
index bae773e..9bc7d04 100644
--- a/src/routes/Home.js
+++ b/src/routes/Home.js
@@ -1,5 +1,5 @@
import React, { useState, useEffect, useContext } from "react";
-import { Flex, Button, Image, Text } from "theme-ui";
+import { Flex, Button, Image, Text, IconButton, Link } from "theme-ui";
import Footer from "../components/Footer";
@@ -9,6 +9,10 @@ import DonateModal from "../modals/DonationModal";
import AuthContext from "../contexts/AuthContext";
+import RedditIcon from "../icons/SocialRedditIcon";
+import TwitterIcon from "../icons/SocialTwitterIcon";
+import YouTubeIcon from "../icons/SocialYouTubeIcon";
+
import owlington from "../images/Owlington.png";
function Home() {
@@ -60,6 +64,23 @@ function Home() {
>
Support Us
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
setIsJoinModalOpen(false)}