ourworld_web/www_mycelium
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

edit text colior
Some checks are pending
www2.threefold_io / Deploy (push) Waiting to run
Details
www2.threefold_io / Wait for Website Update (push) Blocked by required conditions
Details
www2.threefold_io / Check for Broken Links (push) Blocked by required conditions
Details

Browse Source
This commit is contained in:
sasha-astiadi
2025-02-18 22:40:40 +08:00
parent 4f59562c2d
commit 40e8971ca1
63 changed files with 411 additions and 324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/partials/home/bento.html
View File

@@ -1,7 +1,7 @@
<div class=" py-24 sm:py-32">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<span class="text-base/7 font-light text-white tracking-wide">CONCEPT</span>
<p class="mt-2 max-w-lg text-4xl font-medium tracking-tight text-pretty text-white sm:text-5xl">Value Propositions</p>
<span class="text-base/7 font-light text-black tracking-wide">CONCEPT</span>
<p class="mt-2 max-w-lg text-4xl font-medium tracking-tight text-pretty text-black sm:text-5xl">Value Propositions</p>
<div class="mt-10 grid grid-cols-1 gap-4 sm:mt-16 lg:grid-cols-6 lg:grid-rows-3">
<!-- row1 2col -->
<div class="relative lg:col-span-3">
@@ -9,10 +9,10 @@
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-t-[calc(2rem+1px)] lg:rounded-tl-[calc(2rem+1px)]">
<img class="h-80 object-cover object-left" src="/images/freezone2.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">NEXT-GEN BUSINESS</h3>
<p class="mt-1 lg:text-2xl text-xl font-normal tracking-normal text-white">Digital Freezone</p>
<h3 class="text-base/7 font-light text-black tracking-wide">NEXT-GEN BUSINESS</h3>
<p class="mt-1 lg:text-2xl text-xl font-normal tracking-normal text-black">Digital Freezone</p>
<!-- row1 2col -->
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">A future-focused ecosystem with streamlined business processes, decentralized systems, and global connectivity.</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">A future-focused ecosystem with streamlined business processes, decentralized systems, and global connectivity.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5 max-lg:rounded-t-[2rem] lg:rounded-tl-[2rem]"></div>
@@ -23,9 +23,9 @@
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-tr-[calc(2rem+1px)]">
<img class="h-80 object-cover object-left lg:object-right" src="images/dc2.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">SUSTAINABLE CLOUD & AI INFRASTRUCTURE</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">DataCenter City</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Zanzibar’s largest, most sustainable data center, equipped with Threefold Nodes and co-owned AI integrated with city services.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">SUSTAINABLE CLOUD & AI INFRASTRUCTURE</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">DataCenter City</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Zanzibar’s largest, most sustainable data center, equipped with Threefold Nodes and co-owned AI integrated with city services.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5 lg:rounded-tr-[2rem]"></div>
@@ -36,9 +36,9 @@
<div class="relative flex h-full flex-col overflow-hidden ">
<img class="h-80 object-cover object-left" src="images/bot2.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">SECURE AI & DIGITAL IDENTITY</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">Digital Hero</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Private, secure communication and transactions with efficient AI assisted collaboration and full control of your own data and digital identity.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">SECURE AI & DIGITAL IDENTITY</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">Digital Hero</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Private, secure communication and transactions with efficient AI assisted collaboration and full control of your own data and digital identity.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5 lg:rounded-bl-[2rem]"></div>
@@ -49,9 +49,9 @@
<div class="relative flex h-full flex-col overflow-hidden ">
<img class="h-80 object-cover" src="/images/startup1.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">STARTUP GROWTH & INNOVATION HUB</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">Venture Creator</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Empowers startups with strategic guidance, funding support, global networking, talent acquisition, and operational resources.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">STARTUP GROWTH & INNOVATION HUB</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">Venture Creator</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Empowers startups with strategic guidance, funding support, global networking, talent acquisition, and operational resources.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5"></div>
@@ -62,9 +62,9 @@
<div class="relative flex h-full flex-col overflow-hidden ">
<img class="h-80 object-cover" src="/images/eco3.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">SUSTAINABLE FUTURE</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">Regenerative Living</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Tech-driven sustainable living powered by clean energy, organic food, and a resilient, collaborative community with global impact.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">SUSTAINABLE FUTURE</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">Regenerative Living</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Tech-driven sustainable living powered by clean energy, organic food, and a resilient, collaborative community with global impact.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5 max-lg:rounded-b-[2rem] lg:rounded-br-[2rem]"></div>
@@ -75,9 +75,9 @@
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] lg:rounded-bl-[calc(2rem+1px)]">
<img class="h-80 object-cover object-left" src="/images/zone2.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">DECENTRALIZED ECONOMY</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">Digital Assets</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Tokenized assets drive fair trade, sustainable economies, and stability with resilient digital currencies.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">DECENTRALIZED ECONOMY</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">Digital Assets</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Tokenized assets drive fair trade, sustainable economies, and stability with resilient digital currencies.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5 lg:rounded-bl-[2rem]"></div>
@@ -88,9 +88,9 @@
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)]">
<img class="h-80 object-cover" src="/images/zone1.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">LEGAL AUTONOMY </h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">Autonomous Zone</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Enjoy legal independence, data ownership, and secure connections in a future-focused global ecosystem.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">LEGAL AUTONOMY </h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">Autonomous Zone</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Enjoy legal independence, data ownership, and secure connections in a future-focused global ecosystem.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5"></div>
@@ -101,9 +101,9 @@
<div class="relative flex h-full flex-col overflow-hidden rounded-[calc(var(--radius-lg)+1px)] max-lg:rounded-b-[calc(2rem+1px)] lg:rounded-br-[calc(2rem+1px)]">
<img class="h-80 object-cover" src="/images/home1.jpg" alt="">
<div class="p-10 pt-4">
<h3 class="text-base/7 font-light text-white tracking-wide">AI-POWERED INFRASTRUCTURE</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-white">Augmented Intelligence</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-white">Homes power Zanzibar’s data center, with co-owned AI integrated into services and generating citizen income.</p>
<h3 class="text-base/7 font-light text-black tracking-wide">AI-POWERED INFRASTRUCTURE</h3>
<p class="mt-2 lg:text-2xl text-xl font-normal tracking-normal text-black">Augmented Intelligence</p>
<p class="mt-2 max-w-lg lg:text-md text-sm font-light text-black">Homes power Zanzibar’s data center, with co-owned AI integrated into services and generating citizen income.</p>
</div>
</div>
<div class="pointer-events-none absolute inset-px rounded-lg ring-1 shadow-sm ring-black/5 max-lg:rounded-b-[2rem] lg:rounded-br-[2rem]"></div>

4
templates/partials/home/cta.html
View File

@@ -1,13 +1,13 @@
<div class="bg-transparent pt-12 pb-12">
<div class="mx-auto rounded-2xl bg-white/5 max-w-7xl px-6 py-12 lg:flex lg:items-center lg:justify-between lg:px-20">
<h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight text-white lg:text-5xl text-3xl fade-in">
<h2 class="lg:text-balance max-w-xl leading-tight text-left items-start font-normal tracking-tight text-black lg:text-5xl text-3xl fade-in">
Build the <br>Internet of Tomorrow,<br> Today.
</h2>
<div class="mt-10 flex items-center 0 gap-x-6 lg:mt-0 lg:shrink-0 flex-wrap justify-center lg:justify-start">
<a href="/signup" target="_blank" class="blinking-effect fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-gray-200 hover:text-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-offset-2 mb-4 lg:mb-0">
Take the Next Step
</a>
<a href="/action" class="fade-in text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a>
<a href="/action" class="fade-in text-sm/6 font-semibold text-black">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
</div>

2
templates/partials/home/faq.html
View File

@@ -16,7 +16,7 @@
<main class="relative flex flex-col justify-center overflow-hidden">
<div class="w-full max-w-7xl mx-auto px-4 md:px-6 py-20">
<h1 class="text-3xl font-normal tracking-tight text-white">Frequently Asked Questions</h1>
<h1 class="text-3xl font-normal tracking-tight text-black">Frequently Asked Questions</h1>
<!-- Accordion component -->
<div class="divide-y divide-white/50 my-10">

20
templates/partials/home/farmers.html
View File

@@ -1,8 +1,8 @@
<div class="bg-transparent py-24 pb-6">
<div class="mx-auto max-w-8xl px-6 lg:max-w-8xl lg:px-8">
<div class="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
<span class="text-base/7 font-light text-white tracking-wide">CONCEPT</span>
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-white">
<span class="text-base/7 font-light text-black tracking-wide">CONCEPT</span>
<h2 class="mx-auto fade-in text-left lg:text-5xl text-4xl leading-snug font-normal tracking-tight text-black">
Unique Value Proposition</h2>
<p class="text-left my-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">
CyberCity Zanzibar is a city that combines sustainable living, streamlined business processes, cutting-edge datacenters, venture creation, and secure digital tools that empower citizens, businesses, and investors.
@@ -15,7 +15,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/digital.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl font-semibold tracking-tight text-white rounded-2xl">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl font-semibold tracking-tight text-black rounded-2xl">
Digital Freezone
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -27,7 +27,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/datacenter.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Datacenter City
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -37,7 +37,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/twin.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Digital Hero
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -49,7 +49,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/startup.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Venture Creator
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -61,7 +61,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/eco.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Regenerative Living
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -73,7 +73,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/assets.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Sovereign Zone
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -85,7 +85,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/ai.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Augmented Intelligence
</dt>
<dd class="mt-4 flex flex-auto flex-col">
@@ -97,7 +97,7 @@
<!-- concept -->
<div class="fade-in-box relative flex flex-col p-8 rounded-lg bg-cover bg-center" style="background-image: url('/images/assets.jpg');">
<div class="absolute inset-0 bg-black/50 rounded-lg"></div> <!-- Semi-transparent overlay -->
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-white">
<dt class="relative z-10 flex items-center gap-x-3 text-2xl rounded-2xl font-semibold text-black">
Digital Assets
</dt>
<dd class="relative z-10 mt-4 flex flex-auto flex-col">

4
templates/partials/home/features.html
View File

@@ -1,11 +1,11 @@
<div class="bg-transparent pt-12 pb-24 ">
<div class="mx-auto grid max-w-2xl grid-cols-1 items-center gap-x-16 gap-y-16 px-8 lg:max-w-7xl lg:grid-cols-2 lg:px-8">
<div class="max-w-3xl lg:px-16 px-0 lg:pb-12 pb-6">
<h2 class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-white">ThreeFold is the Infrastructure Layer of Web4
<h2 class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-black">ThreeFold is the Infrastructure Layer of Web4
</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).</p>
<p class="mx-auto mt-4 mb-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: <b>Data, Cloud, and Network</b>.</p>
<a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-white hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
<a href="/what" class="blinking-effect fade-in lg:text-xl text-lg font-semibold text-black hover:text-gray-400">Discover How It Works <span aria-hidden="true">→</span></a>
</div>
<div class="lg:px-16 fade-in"> <!-- Added padding to the right side for more spacing -->
<dl class="grid grid-cols-1 mx-auto lg:gap-x-8 sm:grid-cols-2 lg:gap-y-10 gap-y-4">

12
templates/partials/home/grid_stats.html
View File

@@ -2,7 +2,7 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center">
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white ">A Place to Live and Innovate</h2>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black ">A Place to Live and Innovate</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Together, we aim to create a future that reflects our values. Here, we provide a safe and inspiring environment for startups to build solutions that can make a real difference. We believe that with technology, collaboration, and good intentions, anything is possible.</p>
</div>
<dl class="items mt-16 grid grid-cols-1 gap-2 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-5">
@@ -10,7 +10,7 @@
<div class="fade-in flex flex-col justify-center items-center bg-white/5 p-6">
<div class="tooltip">
<img src="images/icons/planet.svg" alt="cores" class="w-20 h-auto mx-auto py-2" />
<dt class="order-first text-2xl font-semibold tracking-tight text-white">Planet First</dt>
<dt class="order-first text-2xl font-semibold tracking-tight text-black">Planet First</dt>
<dd class="text-sm/6 font-light text-gray-300">Utmost respect to mother earth in every action.</dd>
</div>
</div>
@@ -18,7 +18,7 @@
<div class="fade-in flex flex-col bg-white/5 p-6">
<div class="tooltip">
<img src="images/icons/people.svg" alt="cores" class="w-20 h-auto mx-auto py-2" />
<dt class="order-first text-2xl font-semibold tracking-tight text-white">People First</dt>
<dt class="order-first text-2xl font-semibold tracking-tight text-black">People First</dt>
<dd class="text-sm/6 font-light text-gray-300">Bring equality of opportunities for everyone</dd>
</div>
</div>
@@ -26,7 +26,7 @@
<div class="fade-in flex flex-col bg-white/5 p-6">
<div class="tooltip">
<img src="images/icons/open.svg" alt="cores" class="w-20 h-auto mx-auto py-2" />
<dd class="order-first text-2xl font-semibold tracking-tight text-white">Open Source</dd>
<dd class="order-first text-2xl font-semibold tracking-tight text-black">Open Source</dd>
<dt class="text-sm/6 font-light text-gray-300">Value open source methods for many aspects in life.</dt>
</div>
</div>
@@ -34,7 +34,7 @@
<div class="fade-in flex flex-col bg-white/5 p-6">
<div class="tooltip">
<img src="images/icons/simple.svg" alt="cores" class="w-20 h-auto mx-auto py-2" />
<dd class="order-first text-2xl font-semibold tracking-tight text-white">Simplicity</dd>
<dd class="order-first text-2xl font-semibold tracking-tight text-black">Simplicity</dd>
<dt class="text-sm/6 font-light text-gray-300">Erase complexity of things that kills progress.</dt>
</div>
</div>
@@ -43,7 +43,7 @@
<div class="tooltip">
<span class="tooltiptext">The total number of nodes on the grid. A node is a computer server 100% dedicated to the network.</span>
<img src="images/icons/authentic.svg" alt="cores" class="w-20 h-auto mx-auto py-2" />
<dt class="order-first text-2xl font-semibold tracking-tight text-white">Authenticity</dt>
<dt class="order-first text-2xl font-semibold tracking-tight text-black">Authenticity</dt>
<dd class="text-sm/6 font-light text-gray-300">Commited to restore authenticity of people and information.</dd>
</div>
</div>

2
templates/partials/home/hero.html
View File

@@ -10,7 +10,7 @@
<div class="text-center">
<img src="/images/logo_s.svg" alt="Cybercity Logo" class="w-30 h-auto mx-auto" />
<h2 class="text-xl lg:text-2xl text-gray-200 font-normal">Welcome to a New Regenerative Startup City in the Heart of Zanzibar</h2>
<p class="mt-2 text-lg sm:text-xl leading-7 sm:leading-8 font-light text-white mx-4 sm:mx-0">Spanning 700,000m² in the heart of Fumba, Zanzibar, CyberCity is a place where talent meets opportunity, innovation embraces sustainability, and collaboration fuels progress.
<p class="mt-2 text-lg sm:text-xl leading-7 sm:leading-8 font-light text-black mx-4 sm:mx-0">Spanning 700,000m² in the heart of Fumba, Zanzibar, CyberCity is a place where talent meets opportunity, innovation embraces sustainability, and collaboration fuels progress.
</p>
</div>
</div>

6
templates/partials/home/hero_old.html
View File

@@ -1,15 +1,15 @@
<div class="relative isolate overflow-hidden bg-transparent">
<div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
<div class="mx-auto max-w-4xl text-center">
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-5xl fade-in">We are Building <br>a New Internet</h2>
<h2 class="text-balance font-normal tracking-tight text-black lg:text-6xl text-5xl fade-in">We are Building <br>a New Internet</h2>
<p class="mx-auto mt-8 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">A system built to scale to a planetary level, compatible with AI, Cloud, Web2, and Web3. Capable to provide 100% uptime, it enables any machine and human to communicate over the shortest path.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-2xl text-xl font-light text-gray-200 fade-in">That's <span class="font-semibold">ThreeFold's</span></p>
<br>
<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-6xl fade-in">Web4</h2>
<h2 class="text-balance font-normal tracking-tight text-black lg:text-6xl text-6xl fade-in">Web4</h2>
<br>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="/what" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2">What We've Built</a>
<a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-white hover:text-green ">Read TF Docs<span aria-hidden="true">→</span></a>
<a href="https://docs.threefold.io/" target="_blank" class="fade-in text-base font-semibold text-black hover:text-green ">Read TF Docs<span aria-hidden="true">→</span></a>
</div>
</div>
</div>

4
templates/partials/home/products.html
View File

@@ -10,14 +10,14 @@
</div>
<div class="px-6 lg:px-0 lg:pl-4 lg:pt-4">
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-lg">
<p class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-white">Unlock Web4 with ThreeFold</p>
<p class="fade-in text-balance lg:text-5xl text-4xl leading-tight font-normal tracking-tight text-black">Unlock Web4 with ThreeFold</p>
<p class="mt-6 mx-automax-w-3xl text-pretty lg:text-2xl text-xl font-normal text-gray-200 fade-in">Revolutionary Tools for the Decentralized Internet.</p>
<div class="mt-6 max-w-xl space-y-8 text-base/7 text-gray-300 lg:max-w-none">
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">From secure phones and AI-driven virtual assistants to encrypted Web4 routers and decentralized nodes, our products redefine digital autonomy and connectivity.</p>
</div>
<div class="mt-10 flex items-center gap-x-6">
<a href="/signup" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">Take the Next Step</a>
<a href="/action" class="fade-in text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a>
<a href="/action" class="fade-in text-sm/6 font-semibold text-black">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>
</div>

4
templates/partials/home/residents.html
View File

@@ -9,8 +9,8 @@
<div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
</div>
<div class="relative w-full max-w-xl lg:shrink-0 xl:max-w-2xl lg:order-first sm:pt-12">
<h2 class="text-base/7 font-light text-white tracking-wide">PARTICIPATE</h2>
<h1 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">Become a Part of the Movement</h1>
<h2 class="text-base/7 font-light text-black tracking-wide">PARTICIPATE</h2>
<h1 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">Become a Part of the Movement</h1>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Find out how you can join CyberCity and be part of the future. Whether you're looking to invest, launch your business, become a digital citizen, or move into the heart of innovation, now is your chance to be among the first pioneers shaping this groundbreaking ecosystem.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Be the First to Shape the Future – Join Us Now!</p>
<div class="mt-10 flex items-center gap-x-6">

6
templates/partials/home/site.html
View File

@@ -4,11 +4,11 @@
<!-- Text Section -->
<div class="relative col-span-1 px-6 sm:px-8 xl:pr-16">
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-gray-50">
<span class="text-base/7 font-light text-white tracking-wide">PROJECT SITE</span>
<span class="text-base/7 font-light text-black tracking-wide">PROJECT SITE</span>
<br>
<span class="block text-white">Discover Fumba</span>
<span class="block text-black">Discover Fumba</span>
</h2>
<p class="text-left my-6 text-white max-w-4xl text-pretty lg:text-xl text-lg font-light fade-in">
<p class="text-left my-6 text-black max-w-4xl text-pretty lg:text-xl text-lg font-light fade-in">
Located in the heart of Zanzibar,Fumba offers a unique opportunity to merge modern development with cultural heritage and natural beauty.<br><br>
As part of the 2042 Fumba Free Economic Zone Master Plan, Fumba is set to become a key driver of economic growth and innovation in the region, making it the perfect location for a Cybercity.
</p>

6
templates/partials/home/site2.html
View File

@@ -4,10 +4,10 @@
<div class="lg:pr-8 lg:pt-4">
<div class="lg:max-w-lg">
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-gray-50">
<span class="text-base/7 font-light text-white tracking-wide">PROJECT SITE</span>
<span class="block xl:inline text-white">Discover Fumba</span>
<span class="text-base/7 font-light text-black tracking-wide">PROJECT SITE</span>
<span class="block xl:inline text-black">Discover Fumba</span>
</h2>
<p class="text-left my-6 text-white max-w-4xl text-pretty lg:text-xl text-lg font-light fade-in">
<p class="text-left my-6 text-black max-w-4xl text-pretty lg:text-xl text-lg font-light fade-in">
Fumba, located in the heart of Zanzibar, offers a unique opportunity to merge modern development with cultural heritage and natural beauty. As part of the 2042 Fumba Free Economic Zone Master Plan, Fumba is set to become a key driver of economic growth and innovation in the region. This transformation positions Fumba as the ideal site for CyberCity, a future-focused development designed to inspire sustainability, collaboration, and prosperity.
</p>
</div>

8
templates/partials/home/web4.html
View File

@@ -2,9 +2,9 @@
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:max-w-none">
<div class="text-center">
<h2 class="fade-in text-balance text-6xl font-bold tracking-tight text-white sm:text-6l">WEB4</h2>
<h2 class="fade-in text-balance text-6xl font-bold tracking-tight text-black sm:text-6l">WEB4</h2>
<br>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white lg:text-5xl">The Next Evolution of the Internet</h2>
<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-black lg:text-5xl">The Next Evolution of the Internet</h2>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Web4 is the natural progression of the Internet, where humans and artificial intelligence work together to create a new paradigm designed to promote planetary well-being and ensure equal opportunities for all. Users are in 100% control of their data and no centralized services are needed.</p>
<p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">Blockchain was the first step to Web3.</p>
<p class="mx-auto mt-2 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold is the next step to Web4.</p>
@@ -17,12 +17,12 @@
</g>
</g>
</svg>
<a href="/action" class="fade-in text-balance text-2xl font-semibold tracking-tight text-white lg:text-3xl blinking-effect">12.12.2024</a>
<a href="/action" class="fade-in text-balance text-2xl font-semibold tracking-tight text-black lg:text-3xl blinking-effect">12.12.2024</a>
</div>
-->
<div class="mt-16 fade-in flex items-center justify-center gap-x-6">
<a href="/signup" target="_blank" class="fade-in rounded-2xl bg-white px-4 py-2.5 text-sm font-semibold text-black shadow-sm hover:text-gray-800 hover:bg-green focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 blinking-effect">Take the Next Step</a>
<a href="/action" class="text-sm/6 font-semibold text-white">Learn more <span aria-hidden="true">→</span></a>
<a href="/action" class="text-sm/6 font-semibold text-black">Learn more <span aria-hidden="true">→</span></a>
</div>
</div>