edit text colior
This commit is contained in:
@@ -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">
|
||||
|
Reference in New Issue
Block a user