---
import "./FooterStyles.css";
import logo from "../../../src/assets/lume-logo.webp";
---

<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>Home</li>
      <li>Get Started</li>
      <li>Documentation</li>
      <li>Projects</li>
    </ul>
  </div>
  <div>
    <h5>Community</h5>
    <ul>
      <li>GitHub</li>
      <li>Discord</li>
      <li>Twitter</li>
      <li>Facebook</li>
    </ul>
  </div>
  <div>
    <h5>Ecosystem</h5>
    <ul>
      <li>Browser</li>
      <li>Extension</li>
      <li>Universal Storage</li>
    </ul>
  </div>
  <div>
    <h5>Other</h5>
    <ul>
      <li>Browser</li>
      <li>Extension</li>
      <li>Universal Storage</li>
    </ul>
  </div>
  <div>
    <h5>Support Us</h5>
    <ul>
      <li>Donate</li>
      <li>Download App</li>
      <li>Partnerships</li>
    </ul>
  </div>
</footer>
