text: import "../styles/Footer.scss"
  import React from "react"
  import Telegram from "../images/Telegram.png"
  import Twitter from "../images/Twitter.png"
  import Github from "../images/Github.png"
  import Medium from "../images/Medium.png"
  import Discord from "../images/Discord.png"
  
  const Footer = () => {
    return (
      <div className="footer">
        <ul className="f-site-links">
          <li>
            <a href="https://trade.psyoptions.io">Launch App</a>
          </li>
          <li>
            <a href="https://docs.psyoptions.io">Docs</a>
          </li>
          <li>
            <a href="https://psyoptions.hire.trakstar.com/">Careers</a>
          </li>
          <li>
            <a href="https://forum.psyoptions.io">Forum</a>
          </li>
        </ul>
        <ul className="f-social-links">
          <li>
            <a href="https://twitter.com/PsyOptions">
              <img src={Twitter} alt="Link to PsyOptions' Twitter page" />
            </a>
          </li>
          <li>
            <a href="https://github.com/mithraiclabs">
              <img src={Github} alt="Link to PsyOptions' Github profile" />
            </a>
          </li>
          <li>
            <a href="https://t.me/psyoptions">
              <img src={Telegram} alt="Link to Telegram" />
            </a>
          </li>
          <li>
            <a href="https://discord.gg/MgDdJKgZJc">
              <img src={Discord} alt="Join our Discord" />
            </a>
          </li>
          <li>
            <a href="https://medium.com/psyoptions">
              <img src={Medium} alt="Read updates from PsyOptions on Medium" />
            </a>
          </li>
        </ul>
        <div className="f-made-by">made by mithraiclabs</div>
      </div>
    )
  }
  
  export default Footer
  