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

This commit is contained in:
2025-02-18 22:40:40 +08:00
parent 4f59562c2d
commit 40e8971ca1
63 changed files with 411 additions and 324 deletions

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">