diff --git a/bun.lockb b/bun.lockb
index 9638034..769ed06 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index d64400c..06fc23a 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,10 @@
"lint:format": "prettier --write src"
},
"dependencies": {
+ "@fortawesome/fontawesome-svg-core": "^6.6.0",
+ "@fortawesome/free-brands-svg-icons": "^6.6.0",
+ "@fortawesome/free-solid-svg-icons": "^6.6.0",
+ "@fortawesome/react-fontawesome": "^0.2.2",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"sass": "^1.80.6"
diff --git a/src/assets/react.svg b/src/assets/react.svg
deleted file mode 100644
index 6c87de9..0000000
--- a/src/assets/react.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/assets/wildhacks-logo-square.svg b/src/assets/wildhacks-logo-square.svg
new file mode 100644
index 0000000..c0dad56
--- /dev/null
+++ b/src/assets/wildhacks-logo-square.svg
@@ -0,0 +1,105 @@
+
+
\ No newline at end of file
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
index b8da33e..f56d673 100644
--- a/src/components/Footer/Footer.scss
+++ b/src/components/Footer/Footer.scss
@@ -17,11 +17,23 @@
display: flex;
flex-direction: row;
gap: 1em;
+ text-wrap: nowrap;
+ align-items: center;
+
+ .footer__image {
+ img {
+ width: 6rem;
+ }
+ }
}
h2 {
font-weight: 900;
}
+
+ a {
+ color: colors.$global-light;
+ }
}
@media (max-width: 800px) {
@@ -29,6 +41,7 @@
flex-direction: column;
.footer__flexbox {
+ padding: 0.5rem;
width: 100%;
align-items: center;
justify-content: center;
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index e6b8b18..2dbfb7b 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -1,5 +1,8 @@
import React from "react";
-import reactLogo from "../../assets/react.svg";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faInstagram, faLinkedin } from "@fortawesome/free-brands-svg-icons";
+import { faEnvelope } from "@fortawesome/free-solid-svg-icons";
+import wildhacksLogo from "../../assets/wildhacks-logo-square.svg";
import "./Footer.scss";
interface IFooter {}
@@ -8,15 +11,26 @@ export const Footer: React.FC = () => {
return (
+ 
+