refactor: update footer menu
This commit is contained in:
parent
f386120ea8
commit
7163485324
GPG Key ID:
C997C339BE476FF2
|
|
@ -3,80 +3,75 @@ import logo from "/src/assets/lume-logo.png";
|
||||||
---
|
---
|
||||||
|
|
||||||
<footer
|
<footer
|
||||||
class="flex flex-col lg:flex-row py-24 font-body mb-3 mx-10 md:mx-20 xl:mx-40 max-w-screen"
|
class="flex flex-col lg:flex-row py-24 font-body mb-3 mx-10 md:mx-20 xl:mx-40 max-w-screen"
|
||||||
>
|
>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img src={logo.src} class="w-36 mb-2" alt="Lume" />
|
<img src={logo.src} class="w-36 mb-2" alt="Lume"/>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="mailto:contact@lumeweb.com"
|
href="mailto:contact@lumeweb.com"
|
||||||
class="flex flex-row items-center text-body text-xl"
|
class="flex flex-row items-center text-body text-xl"
|
||||||
>
|
|
||||||
<svg
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
stroke-width="1.5"
|
|
||||||
stroke="currentColor"
|
|
||||||
class="w-4 h-4 mr-2"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
|
|
||||||
>
|
>
|
||||||
</path>
|
<svg
|
||||||
</svg>
|
fill="none"
|
||||||
contact@lumeweb.com
|
viewBox="0 0 24 24"
|
||||||
</a>
|
stroke-width="1.5"
|
||||||
<div class="text-lg text-primary font-bold font-display my-10">
|
stroke="currentColor"
|
||||||
Freedom. Privacy. <br />Ownership.
|
class="w-4 h-4 mr-2"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
|
||||||
|
>
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
contact@lumeweb.com
|
||||||
|
</a>
|
||||||
|
<div class="text-lg text-primary font-bold font-display my-10">
|
||||||
|
Freedom. Privacy. <br/>Ownership.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 my-5 lg:my-0">
|
||||||
|
<h5 class="text-3xl mb-3">General</h5>
|
||||||
|
<ul class="text-body font-body text-xl">
|
||||||
|
<li>
|
||||||
|
<a href="/" class="hover:underline">Home</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://git.lumeweb.com" class="hover:underline">Git</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://docs.lumeweb.com" class="hover:underline">Docs</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 my-5 lg:my-0">
|
||||||
|
<h5 class="text-3xl mb-3">Community</h5>
|
||||||
|
<ul class="text-body font-body text-xl">
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/LumeWeb" class="hover:underline">GitHub</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://discord.gg/qpC8ADp3rS" class="hover:underline"
|
||||||
|
>Discord</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://twitter.com/lumeweb3" class="hover:underline"
|
||||||
|
>Twitter</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 my-5 lg:my-0">
|
||||||
|
<h5 class="text-3xl mb-3">Support Us</h5>
|
||||||
|
<ul class="text-body font-body text-xl">
|
||||||
|
<li>
|
||||||
|
<a href="/donate" class="hover:underline">Donate</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="flex-1 my-5 lg:my-0">
|
|
||||||
<h5 class="text-3xl mb-3">General</h5>
|
|
||||||
<ul class="text-body font-body text-xl">
|
|
||||||
<li>
|
|
||||||
<a href="/" class="hover:underline">Home</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://git.lumeweb.com" class="hover:underline">Git</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="flex-1 my-5 lg:my-0">
|
|
||||||
<h5 class="text-3xl mb-3">Community</h5>
|
|
||||||
<ul class="text-body font-body text-xl">
|
|
||||||
<li>
|
|
||||||
<a href="https://github.com/LumeWeb" class="hover:underline">GitHub</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://discord.gg/qpC8ADp3rS" class="hover:underline"
|
|
||||||
>Discord</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://twitter.com/lumeweb3" class="hover:underline"
|
|
||||||
>Twitter</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="flex-1 my-5 lg:my-0">
|
|
||||||
<h5 class="text-3xl mb-3">Ecosystem</h5>
|
|
||||||
<ul class="text-body font-body text-xl">
|
|
||||||
<li>
|
|
||||||
<a href="https://web3extension.io" class="hover:underline">Extension</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="flex-1 my-5 lg:my-0">
|
|
||||||
<h5 class="text-3xl mb-3">Support Us</h5>
|
|
||||||
<ul class="text-body font-body text-xl">
|
|
||||||
<li>
|
|
||||||
<a href="/donate" class="hover:underline">Donate</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue