This commit is contained in:
sasha-astiadi
2024-05-04 11:52:00 +02:00
parent 0176ba951a
commit a61a0df908
13 changed files with 200 additions and 186 deletions

BIN
content/home/img/hero2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

View File

@@ -9,75 +9,93 @@ weight: 1
<!-- section 1 (header) -->
{% row(style="left" margin="narrow" reverse="rightreserve" padding="top") %}
<div class="px-2 md:px-8 lg:px-14">
{% row(style="left" margin="hero" padding="top") %}
<br>
<br>
<br>
# Become the Hero of your own digital world.
### Start owning your data and digital life.
<p>With Hero, we can build a conscious collective intelligence together.</p>
![placeholder](./img/hero2.png#mx-auto)
|||
# Start Owning Your Data <br>and Digital Life
### With **Hero**, We Can Build a Conscious Collective Intelligence Together.
<p>Meet <b>Hero</b>: your unique digital avatar, streamlining your online presence by eliminating the need for duplicate identities across platforms.</p>
<br>
<button onclick="yourlink">
Learn More
</button>
</div>
<br>
|||
![placeholder](./img/img_header.png#mx-auto)
{% end %}
<!-- section 6 in the news -->
{% row(style="center" padding="top") %}
[![logo1](img/brand1.png#sm)](yourlink)
|||
[![logo2](img/brand2.png#sm)](yourlink)
|||
[![logo3](img/brand3.png#sm)](yourlink)
|||
[![logo3](img/brand5.png#sm)](yourlink)
|||
[![logo4](img/brand2.png#sm)](yourlink)
{% end %}
<!-- section 2 WHAT -->
{% row(style="left" margin="hero" padding="bottom") %}
![placeholder](./img/img_section.png#mx-auto)
{% row(style="right" margin="hero" reverse="rightreserve" padding="bottom") %}
|||
## Everyone can be a Hero
## Everyone Can be a Hero
<p>Hero is your own personal intelligent digital identity that fosters a collective intelligence and empower everyone to enhance our digital existence with unfettered access to essential tools for learning, participating, and thriving within the Mycelium Network.</p>
### Discover how Hero empowers <br>everyone to become digital pioneers.
<p><b>Heroes</b> were designed with technologies<br> that promote universal accessibility,<br> freedom, equality, and personal growth for all.</p>
<br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
<div class="border-t border-gray-200 dark:border-gray-700 ml-auto w-3/4"></div>
<br>
<ul>
<li>◉ Unified Digital Identity</li>
<li>◉ Enhanced Privacy and Security</li>
<li>◉ Seamless Integration and Accessibility</li>
<li>◉ Customizable and Extensible Experiences</li>
<li>Decentralized Identity (DID) for <b>Digital Sovereignty</b></li>
<li>Blockchain Encryption for <b>Enhanced Security</b></li>
<li>dApps Interoperability for <b>Global Scalability</b></li>
<li>Community Governance Model for <b>True Equality</b></li>
</ul>
<br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
<a href onclick="hero.md"><h5><u>Learn More about Hero</u></h5></a>
|||
![placeholder](./img/img_section.png#mx-auto)
<br>
<a href="/hero.md"><p class="link2"><b>→ Learn More About Hero</b></p></a>
{% end %}
@@ -86,14 +104,15 @@ weight: 1
<!-- section 3 (myc) -->
<div class="container mx-auto">
{% row(style="center" margin="withContainer" padding="none") %}
## Our Alter Ego within the Mycelium Network
## Hero: The Digital Identity Within the Mycelium Network
### Your Gateway to True Decentralized Internet
![](img/mycelium.png#mx-auto)
{% end %}
@@ -101,7 +120,7 @@ weight: 1
{% row(style="center" margin="hero" padding="bottom") %}
<p>Discover how Mycelium Network is revolutionizing internet access with a decentralized, community-powered approach. We aim to empower individuals worldwide by enabling them to own and manage internet resources collectively.</p>
<p>Discover how <b>Mycelium Network</b> is revolutionizing internet access with a community-powered connectivity approach. We aim to empower individuals worldwide by enabling them to own and manage internet resources collectively.</p>
<br>
@@ -121,11 +140,11 @@ weight: 1
|||
## Powered by Mycelium Nodes
### h3 h3 h3 h3
### The Fundamental Building Blocks of Decentralized Internet
<p>Mycelium Network and Heroes exist thanks to a vast network of cloud capacity deployed by Farmers- who deploy Mycelium Nodes in supporting locations worldwide.</p>
<p><b>Mycelium Network</b> and <b>Heroes</b> exist thanks to a vast network of cloud capacity deployed by <b>Farmers</b>- who deploy Mycelium Nodes in supporting locations worldwide.</p>
br>
<br>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>
@@ -134,9 +153,9 @@ br>
<br>
<ul>
<li> Decentralized and globally distributed.</li>
<li> Fully Autonomous Operations</li>
<li> Peer-to-Peer Technologies</li>
<li> Decentralized and globally distributed.</li>
<li> Fully Autonomous Operations</li>
<li> Peer-to-Peer Technologies</li>
</ul>
<br>
@@ -150,7 +169,7 @@ br>
<br>
<a href="/hero.md"><p class="link2"><b>Learn More About Mycelium Nodes</b></p></a>
<a href onclick="hero.md"><h5><u>Learn More about Mycelium Nodes</u></h5></a>
{% end %}
@@ -165,40 +184,41 @@ br>
{% row(style="center" margin="hero" padding="bottom") %}
## Join The Movement
### A New Era of Digital Sovereignty
<p>Hero invites you to your new sovereign digital life with 3 easy steps</p>
<p>Embark on a journey towards digital sovereignty with Hero, where you take a full control of your online identity and data, starting with these 3 easy steps:</p>
{% end %}
{% row(style="center" margin="narrow" padding="bottom") %}
<div class="mx-4 my-4">
<div class="border border-gray-300 rounded-lg mx-4 my-4 pt-5 pb-6 px-6 py-6 shadow-md">
![Image](./img/item1.png#mx-auto)
![Image](img/item1.png#3col)
#### Get A Node & Earn
<p>Get a Mycelium Node and add capacity to the Mycelium Network.</p>
#### __Get A Node & Earn__
<p>Get a Mycelium Node and add capacity to the <b>Mycelium Network</b>.</p>
</div>
|||
<div class="mx-4 my-4">
<div class="border border-gray-300 rounded-lg mx-4 my-4 pt-5 pb-6 px-6 py-6 shadow-md">
![Image](./img/item2.png#mx-auto)
![Image](img/item1.png#3col)
#### Get Your Hero
<p>Register and reserve your own Hero - your sovereign digital identity.<p>
#### __Activate Your Hero__
<p>Reserve and activate your own <b>Hero</b> - your sovereign digital identity.<p>
</div>
|||
<div class="mx-4 my-4">
<div class="border border-gray-300 rounded-lg mx-4 my-4 pt-5 pb-6 px-6 py-6 shadow-md">
![Image](./img/item3.png#mx-auto)
![Image](img/item3.png#3col)
#### Acquire INCA Token
<p>Purchase INCA - The digital currency of the Mycelium Network.</p>
#### __Acquire INCA Tokens__
<p>Purchase INCA Tokens- The digital currency of the <b>Mycelium Network</b>.</p>
</div>
@@ -217,7 +237,7 @@ br>
## Hero Xperiences
<p>Dive into a world of fully decentralized and completely secure applications on the Mycelium Network, built to empower and enable our Heroes with innovative digital Xperiences.</p>
<p>Dive into a world of fully decentralized and completely secure applications on the <b>Mycelium Network</b>, built to empower and enable our Heroes with innovative digital Xperiences.</p>
<br>
@@ -240,34 +260,11 @@ br>
<br>
<a href="/hero.md"><p class="link2"><b>Explore Hero Xperiences</b></p></a>
<a href onclick="hero.md"><h5><u>Explore Hero Xperiences</u></h5></a>
{% end %}
<br><br>
<!-- section 6 in the news -->
{% row(style="center" padding="bottom") %}
[![logo1](img/brand1.png#small)](yourlink)
|||
[![logo2](img/brand3.png#small)](yourlink)
|||
[![logo3](img/brand5.png#small)](yourlink)
|||
[![logo4](img/brand2.png#small)](yourlink)
{% end %}
<div class="border-t border-gray-200 dark:border-gray-700">
</div>