edit homepage

This commit is contained in:
sasha-astiadi 2024-08-13 16:40:49 +02:00
parent 97509845b5
commit 92cb252d48
21 changed files with 97 additions and 104 deletions

View File

@ -4,7 +4,7 @@ description: ""
insert_anchor_links: "left"
template: "partials/footer.html"
extra:
logoPath: "images/logo.png"
logoPath: "images/logo.svg"
socialLinks: { Github: "https://github.com/ourworldfreezone", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" }
---

View File

@ -4,7 +4,7 @@ description: "this is a header."
insert_anchor_links: "left"
template: "partials/header.html"
extra:
logoPath: "/images/logo.png"
logoPath: "/images/logo.svg"
imgPath: ""
---

View File

@ -1,5 +1,5 @@
---
title: "Hero"
title: "TF9"
description: ""
date: 2018-09-14
updated: 2021-02-20

View File

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -5,5 +5,5 @@ date: 2018-09-14
updated: 2021-02-20
draft: false
weight: 1
template: "layouts/mycelium2.html"
template: "layouts/home1.html"
---

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -2,7 +2,7 @@
{% extends "_default/base.html" %}
{% block content %}
{% include "partials/mycelium2.html" %}
{% include "partials/home1.html" %}
{% include "partials/logos.html" %}
@ -17,8 +17,6 @@
{% include "partials/benefits.html" %}
{% include "partials/technologies.html" %}
{% include "partials/blogs.html" %}
{% include "partials/stats.html" %}

View File

@ -2,10 +2,10 @@
{% block content %}
<!-- mycelium.md page template, has a banner and rows of page summaries -->
{% include "partials/mycelium2.html" %}
{% include "partials/home1.html" %}
<div>
{% set page = get_page(path="mycelium2/index.md") %}
{% set page = get_page(path="home1/index.md") %}
{{page.content | safe}}
</div>

View File

@ -6,26 +6,29 @@
<div class="mx-auto max-w-2xl lg:mx-0">
<br>
<br>
<h2 class="tracking-tight lg:text-4xl sm:text-base">Welcome to Mycelium Network</h2>
<h2 class="text-base font-semibold leading-7 text-indigo-400 mb-4">PLATFORM</h2>
<h2 class="tracking-tight lg:text-4xl sm:text-base">Revolutionizing Cloud Infrastructure</h2>
<br>
<p class="mt-2 text-base">MyNet, short for Mycelium Network, is the new decentralized internet. It offers a reliable, always-on network that is secure and tamper-proof.</p>
<p class="mt-2 mb-6 lg:mb-2 text-base">Weve developed an ultra secure planetary-scale edge and AI cloud platform with self-healing capabilities.<br><br>
Our unique technology provides unparalleled sovereignty, scalability and efficiency features that emerging IT workloads require and that traditional cloud infrastructures cannot deliver.
</p>
</div>
<dl class="pb-10 grid grid-cols-1 gap-8 sm:mt-16 sm:grid-cols-2 lg:grid-cols-4">
<dl class="pb-10 grid grid-cols-1 gap-8 mt-6 sm:grid-cols-2 lg:grid-cols-4">
<div class="flex flex-col-reverse">
<dt class="text-base leading-7 text-gray-300"> Experience a network that is resilient, even in the face of disasters.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">Reliable Internet</dd>
<dt class="text-base leading-7 text-gray-300"> Fully autonomous behaviour with self healing capabilities is possible.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">Fully Autonomous</dd>
</div>
<div class="flex flex-col-reverse">
<dt class="text-base leading-7 text-gray-300">Your data is secure with our advanced encryption protocols.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">End-to-End Encryption</dd>
<dt class="text-base leading-7 text-gray-300">Scalable to the planet, from the edge to massive datacenter scale.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">Ultra-scalable</dd>
</div>
<div class="flex flex-col-reverse">
<dt class="text-base leading-7 text-gray-300">Our mesh network architecture ensures no single point of failure.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">Decentralized Network</dd>
<dt class="text-base leading-7 text-gray-300">Compatible with web2/3 and AI, everything can run on our stack.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">Cross-compatible</dd>
</div>
<div class="flex flex-col-reverse">
<dt class="text-base leading-7 text-gray-300">Leverage AI to enhance network performance and connectivity.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">AI integration</dd>
<dt class="text-base leading-7 text-gray-300">Engineered to minimize energy consumption with max performance.</dt>
<dd class="text-xl font-semibold leading-9 tracking-tight text-white">Energy Efficient</dd>
</div>
</dl>
</div>

View File

@ -1,8 +1,8 @@
<div class="lg:py-12 py-16 lg:px-12 sm:py-16">
<div class="lg:py-12 py-16 lg:px-12">
<div class="mx-auto max-w-7xl px-6 lg:px-8 py-4 lg:py-12">
<div class="mx-auto max-w-2xl lg:text-center">
<h2 class=" text-center">Why Choose Mycelium Network?</h2>
<p class="mt-4 text-center"> Mycelium Network offers numerous advantages over traditional internet networks.</p>
<h2 class=" text-center">Why Choose TF9?</h2>
<p class="mt-4 text-center"> TF9 offers numerous advantages over traditional cloud infrastructures.</p>
</div>
<div class="mx-auto mt-2 max-w-2xl mt-6 lg:mt-12 lg:max-w-none">
<dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
@ -11,13 +11,10 @@
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z" clip-rule="evenodd" />
</svg>
Always Online
Improved Performance
</dt>
<dd class="mt-1 flex flex-auto flex-col">
<p class="flex-auto text-base">Stay connected at all times, no matter the situation. Our robust network architecture ensures uninterrupted connectivity even during natural disasters or power outages.</p>
<p class="mt-4">
<a href="#" class="text-sm font-semibold leading-6">Learn more <span aria-hidden="true"></span></a>
</p>
<p class="flex-auto text-base">Enhance operational efficiency by achieving faster response times and minimizing latency.</p>
</dd>
</div>
<div class="flex flex-col p-4">
@ -25,13 +22,10 @@
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
</svg>
Inclusive Access
Enhanced Security
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7 ">
<p class="flex-auto text-base">Mycelium Routers provide cost-effective network expansion. This allows for greater internet accessibility in underserved and remote areas.</p>
<p class="mt-4">
<a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true"></span></a>
</p>
<p class="flex-auto text-base">Encrypted, compressed, fragmented, and distributed data enhances security, efficiency, and resilience across interconnected nodes.</p>
</dd>
</div>
<div class="flex flex-col p-4">
@ -39,16 +33,49 @@
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
Internet Freedom
Data Sovereignty
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">Publish, find, buy, and sell anything on our network. Enjoy the freedom to share and access information without restrictions or censorship.</p>
<p class="mt-4">
<a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true"></span></a>
</p>
<p class="flex-auto text-base">Empowering nations, businesses, and individuals with deliberate design, granting control and ownership over their data.</p>
</dd>
</div>
</dl>
<dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
Planet-Friendly
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">Reducing the carbon footprint of data transmission by enabling more efficient use of resources.</p>
</dd>
</div>
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
IoT Connectivity
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">Facilitate connectivity between loT devices enabling a wider range of applications and use cases.</p>
</dd>
</div>
<div class="flex flex-col p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
Horizontal Scalability
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">The network has the capability to amplify resources without the need to individually augment the capacity of each resource.</p>
</dd>
</div>
</dl>
</div>
</div>
</div>

View File

@ -1,4 +1,4 @@
<div class="lg:py-24 py-12">
<div class="pt-6">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0">
<h2 class="text-base font-semibold leading-7 text-indigo-600 mb-4">BLOG</h2>

View File

@ -8,51 +8,35 @@
</div>
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0">
<h2 class="text-base font-semibold leading-7 text-indigo-600 mb-4">CONCEPTS</h2>
<h2>Discover Mycelium Network</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">Unlock the Future of Decentralized Networks with MyNet's endless possibilites.</p>
<h2 class="text-base font-semibold leading-7 text-indigo-400 mb-4">TECHNOLOGY</h2>
<h2>Compute (GPU & CPU), Storage and Network Technologies enable our Cloud</h2>
<p class="mt-6 text-lg leading-8 text-gray-300">Our cloud platform harnesses the latest innovations in compute, storage, and network technologies to deliver exceptional performance and efficiency.</p>
</div>
<div class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-6 mt-8 lg:mt-12 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-8">
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
<div class="text-base leading-7">
<h4 class="font-semibold text-white">Mycelium ID</h4>
<p class="mt-2 text-lg text-gray-300">Identify objects, files, and images uniquely with short, human-readable IDs.
<h4 class="font-semibold text-white">Zero-OS</h4>
<p class="mt-2 text-lg text-gray-300">The Bare Metal Operating System can be hosted by everyone on any computer hardware and doesnt need human intervention.
</p>
</div>
</div>
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
<div class="text-base leading-7">
<h3 class="font-semibold text-white">Mycelium ID</h3>
<p class="mt-2 text-lg text-gray-300">Identify objects, files, and images uniquely with short, human-readable IDs.
<h3 class="font-semibold text-white">Fungistor</h3>
<p class="mt-2 text-lg text-gray-300">The Quantum Safe Storage system is upto 10x more efficient, allows data to be stored with full control over locality, data can not be lost nor corrupted.
</p>
</div>
</div>
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
<div class="text-base leading-7">
<h3 class="font-semibold text-white">Mycelium ID</h3>
<p class="mt-2 text-lg text-gray-300">Identify objects, files, and images uniquely with short, human-readable IDs.
<h3 class="font-semibold text-white">Mycelium</h3>
<p class="mt-2 text-lg text-gray-300">Mycelium Network is compatible with any Internet and is capable to find the shortest path between participants (apps and people).
</p>
</div>
</div>
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
<div class="text-base leading-7">
<h3 class="font-semibold text-white">Mycelium ID</h3>
<p class="mt-2 text-lg text-gray-300">Identify objects, files, and images uniquely with short, human-readable IDs.
</p>
</div>
</div>
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
<div class="text-base leading-7">
<h3 class="font-semibold text-white">Mycelium Accounting</h3>
<p class="mt-2 text-lg text-gray-300">Handle millions of transactions per second without the need for blockchain.</p>
</div>
</div>
<div class="flex gap-x-4 rounded-xl bg-white/5 p-6 ring-1 ring-inset ring-white/10">
<div class="text-base leading-7">
<h3 class="font-semibold text-white">Mycelium Settlor</h3>
<p class="mt-2 text-lg text-gray-300">Settle transactions in a regulated sandbox with legal ownership of digital and fiat currencies.</p>
</div>
</div>
</div>
<div class="justify-center items-center flex">
<a href="#" class="rounded-md mt-8 bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
</div>
</div>
</div>

View File

@ -12,7 +12,7 @@
<div class="mx-auto flex z-50 shadow justify-between items-center pl-6 pr-2 md:pl-0 md:pr-0 lg:py-1 sm:px-8 md:px-12 py-2 lg:px-28 lg:justify-start lg:space-x-20">
<div>
<a href="/" class="flex">
<img class="w-40 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Ourworld Logo" />
<img class="w-40 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="tf9 Logo" />
</a>
</div>
<div class="mr-2 -my-2 lg:hidden">

View File

@ -7,19 +7,19 @@
<div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
<div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
</div>
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
<div class="mx-auto max-w-3xl py-32 py-48">
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
<div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-400 ring-1 ring-white/10 hover:ring-white/20">
Announcing our next round of funding. <a href="#" class="font-semibold text-white"><span class="absolute inset-0" aria-hidden="true"></span>Read more <span aria-hidden="true">&rarr;</span></a>
</div>
</div>
<div class="text-center">
<h1 class="text-4xl font-bold leading-8 tracking-tight text-white sm:text-6xl mb-4">Project Mycelium</h1>
<h2>Reverse the Internet for the Better</h2>
<p class="mt-6 leading-8">Welcome to The New Internet: Mycelium Network (MMM). <br>Restore the Internet how it was intended to be.</p>
<h1 class="text-6xl font-bold leading-8 tracking-tight text-white sm:text-6xl mb-4">TF9</h1>
<h2 class="lg:text-4xl text-3xl mt-2">Autonomous Computing of the Future</h2>
<p class="mt-4 leading-8 text-gray-50">A cloud computing system designed for planetary-scale scalability, offering secure, immutable data storage that ensures integrity and permanence.</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#" class="rounded-md bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Get started</a>
<a href="#" class="text-sm font-semibold leading-6 text-white">Learn more <span aria-hidden="true"></span></a>
<a href="#" class="rounded-md bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Technologies</a>
<a href="#" class="text-sm font-semibold leading-6 text-white">Use Cases <span aria-hidden="true"></span></a>
</div>
</div>
</div>

View File

@ -2,13 +2,11 @@
<div class="mx-auto max-w-7xl lg:py-4 sm:px-6 sm:py-12 lg:px-8">
<div class="relative isolate overflow-hidden px-6 lg:py-12 py-8 text-center shadow-2xl rounded-3xl sm:px-8">
<img src="images/mesh2.gif" blend-mode="multiply" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
<h2 class="mx-auto max-w-2xl lg:text-3xl leading-8 tracking-tight text-white text-xl lg:py-4 m-2 py-8">A digital Mesh that Comes Together by Simply Connecting the Dots.</h2>
<p class="inline mx-auto mt-2 max-w-xl text-lg lg:text-2xl font-semibold leading-8 text-white">A Mesh</p>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">A network of interconnected elements.</p><br>
<p class="inline mx-auto mt-2 max-w-xl text-lg lg:text-2xl font-semibold leading-8 text-white">Come together
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">to gather or assemble in one place.</p><br>
<p class="inline mx-auto mt-2 max-w-xl text-lg lg:text-2xl font-semibold leading-8 text-white"> Simply </p>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">in a straight forward or uncomplicated way.</p>
<h2 class="mx-auto max-w-2xl lg:text-3xl leading-8 tracking-tight text-white text-xl lg:py-4 m-2 py-2">Revolutionizing the Future of Cloud Infrastructure.</h2>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">At TF9, we're redefining cloud computing with our secure, scalable, and energy-efficient platform. </p><br>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">TF9 is designed to meet the demands of modern IT workloads.</p><br>
<p class="inline mx-auto mt-2 max-w-xl text-base lg:text-xl leading-8 text-gray-100">Our platform ensures performance, sovereignty, and efficiency at every scale.</p><br><br>
<a href="#" class="rounded-md mt-6 bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">About Us</a>
</div>
</div>
</div>

View File

@ -1,32 +1,15 @@
<div class="relative isolate overflow-hidden bg-gray-900 py-12 lg:py-12">
<div class="relative isolate overflow-hidden bg-gray-900 py-12 lg:py-12 mt-24">
<img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2850&q=80&blend=111827&blend-mode=multiply&sat=-100&exp=15" alt="" class="absolute inset-0 -z-10 h-full w-full object-cover">
<div class="relative mx-auto max-w-7xl px-6 lg:px-8">
<div class="absolute -bottom-8 -left-96 -z-10 transform-gpu blur-3xl sm:-bottom-64 sm:-left-40 lg:-bottom-32 lg:left-8 xl:-left-10" aria-hidden="true">
<div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
<div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#a7a6c3] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
</div>
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
<h2 class="text-base font-semibold leading-8 text-indigo-400">STATS</h2>
<h2 class="text-base font-semibold leading-8 text-indigo-400">COMPANY</h2>
<p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A Growing Community worldwide</p>
<p class="mt-6 text-lg leading-8 text-gray-300">MyNet is rapidly expanding, with thousands of active users across more than 50 countries, processing millions of transactions daily and providing seamless connectivity through an ever-growing network of Mycelium Routers.</p>
<p class="mt-6 mb-8 text-lg leading-8 text-gray-300">With 30+ years of global innovation, we lead the DePIN cloud movement, harmonizing tradition with hyperscalable infrastructure.</p>
<a href="#" class="rounded-md bg-indigo-500 px-3.5 py-2.5 font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-400">Our People</a>
</div>
<dl class="mx-auto mt-8 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 text-white sm:mt-20 sm:grid-cols-2 sm:gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-4">
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Internet Capacity</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">32.74 PB+</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Mynet Nodes</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">2569</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Countries</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">61</dd>
</div>
<div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
<dt class="text-sm leading-6">Cores</dt>
<dd class="order-first text-3xl font-semibold tracking-tight">63,968+</dd>
</div>
</dl>
</div>
</div>