diff --git a/public/images/logo/einstack.png b/public/images/logo/einstack.png new file mode 100644 index 0000000..7709275 Binary files /dev/null and b/public/images/logo/einstack.png differ diff --git a/images/glide_bird_in_circle.png b/public/images/logo/glide.png similarity index 100% rename from images/glide_bird_in_circle.png rename to public/images/logo/glide.png diff --git a/src/components/Footer.module.css b/src/components/Footer.module.css new file mode 100644 index 0000000..bea1ada --- /dev/null +++ b/src/components/Footer.module.css @@ -0,0 +1,37 @@ +.content { + display: flex; + flex-direction: column; + justify-content: space-between; + width: 100%; +} + +.sections { + display: flex; + flex-direction: row; + justify-content: space-between; + align-content: center; + align-items: center; + width: 100%; + row-gap: 1rem; +} + +.company { + +} + +.companyLogo img { + width: 5rem; +} + +.socials { + display: flex; +} + +.socials .social { + height: 2rem; + width: 2rem; +} + +.copyright { + @apply text-center; +} diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index a27f7be..023e183 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,12 +1,47 @@ import React from "react"; +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import { faDiscord, faLinkedin, faGithub } from '@fortawesome/free-brands-svg-icons' + +import styles from "./Footer.module.css" + +const EinStackLogo = () => { + return ( +