---
import "./Footer.scss";
import logo from "../../../src/assets/lume-logo.png";
---

<footer>
  <div>
    <div class="footer-logo">
      <a href="/">
        <img src={logo.src} alt="Lume" />
      </a>
    </div>
    <div class="footer-contact">
      <a href="mailto:contact@lumeweb.com">
        <span></span> contact@lumeweb.com
      </a>
    </div>
    <div class="footer-phrase">Freedom, privacy, ownership.</div>
  </div>
  <div>
    <h5>General</h5>
    <ul>
      <li>
        <a href="/">Home</a>
      </li>
      <li>
        <a href="#">Get Started</a>
      </li>
      <li>
        <a href="#">Documentation</a>
      </li>
      <li>
        <a href="#">Projects</a>
      </li>
    </ul>
  </div>
  <div>
    <h5>Community</h5>
    <ul>
      <li>
        <a href="#">GitHub</a>
      </li>
      <li>
        <a href="#">Discord</a>
      </li>
      <li>
        <a href="#">Twitter</a>
      </li>
      <li>
        <a href="#">Facebook</a>
      </li>
    </ul>
  </div>
  <div>
    <h5>Ecosystem</h5>
    <ul>
      <li>
        <a href="#">Browser</a>
      </li>
      <li>
        <a href="#">Extension</a>
      </li>
      <li>
        <a href="#">Universal Storage</a>
      </li>
    </ul>
  </div>
  <div>
    <h5>Other</h5>
    <ul>
      <li>
        <a href="#">Browser</a>
      </li>
      <li>
        <a href="#">Extension</a>
      </li>
      <li>
        <a href="#">Universal Storage</a>
      </li>
    </ul>
  </div>
  <div>
    <h5>Support Us</h5>
    <ul>
      <li>
        <a href="#">Donate</a>
      </li>
      <li>
        <a href="#">Download App</a>
      </li>
      <li>
        <a href="#">Partnerships</a>
      </li>
    </ul>
  </div>
</footer>