import { faDiscord , faTwitter } from "@fortawesome/free-brands-svg-icons" ; import { faEnvelope , faInfoCircle } from "@fortawesome/free-solid-svg-icons" ; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" ; import React from "react" ; import { Link } from "react-router-dom" ; const Footer = React . memo ( ( ) => { return ( < footer className = "px-6 sm:px-12 md:px-24 pb-12 mx-auto max-w-screen bg-gray-50" > < div className = "flex flex-col items-start justify-between pt-10 mt-10 border-t border-gray-100 md:flex-row md:items-center" > < p className = "mb-2 font-semibold text-sm text-left text-gray-600 md:mb-0" > © 2021 { " " } < a href = "https://collegecompendium.org" className = "text-fuchsia-500" > College Compendium Nonprofit Corporation < /a>{" "} < /p> < span className = "mb-0 text-xs text-left text-gray-600 md:mb-0 flex flex-col md:flex-row justify-between" > < p className = "mb-2 md:mb-0 pr-6" > College Compendium is not affiliated with any colleges or classes . Please do < i > not < /i> contact professors. < /p> < Link to = "/tos" className = "mb-2 md:mb-0 hover:underline pr-6 flex items-center" data - attr = "tos-ref" > Terms { " " } < FontAwesomeIcon icon = { faInfoCircle } className = "ml-2 inline" / > < /Link> < a className = "mb-2 md:mb-0 hover:underline pr-6 flex items-center" href = "https://twitter.com/CSCompendium" data - attr = "twitter-ref" > Twitter < FontAwesomeIcon icon = { faTwitter } className = "ml-2 inline" / > < /a> < a className = "mb-2 md:mb-0 hover:underline pr-6 flex items-center" href = "https://discord.gg/gKYSMeJ" data - attr = "discord-ref" > Discord < FontAwesomeIcon icon = { faDiscord } className = "ml-2 inline" / > < /a> < a className = "mb-2 md:mb-0 hover:underline pr-6 flex items-center" data - attr = "email-ref" href = "mailto:team@collegecompendium.org&subject=College Compendium Inquiry" > Contact { " " } < FontAwesomeIcon icon = { faEnvelope } className = "ml-2 inline" / > < /a> < /span> < /div> < /footer>); } ) ; export default Footer ;