From bfa5afad87b8d757e272f5603169d5573f995851 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 17 Jul 2025 15:56:30 +0200
Subject: [PATCH] add cyber

---
 src/app/ventures/cybercity/page.tsx  |  24 +++++
 src/components/VenturesCybercity.tsx | 142 +++++++++++++++++++++++++++
 src/components/VenturesHero.tsx      |   2 +-
 3 files changed, 167 insertions(+), 1 deletion(-)
 create mode 100644 src/app/ventures/cybercity/page.tsx
 create mode 100644 src/components/VenturesCybercity.tsx

diff --git a/src/app/ventures/cybercity/page.tsx b/src/app/ventures/cybercity/page.tsx
new file mode 100644
index 0000000..50bcd85
--- /dev/null
+++ b/src/app/ventures/cybercity/page.tsx
@@ -0,0 +1,24 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { Quote } from '@/components/Quote'
+import { VenturesFreezone } from '@/components/VenturesFreezone'
+import { VenturesGeomind } from '@/components/VenturesGeomind'
+import { VenturesCybercity } from '@/components/VenturesCybercity'
+
+
+export default function cybercity() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesCybercity />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/components/VenturesCybercity.tsx b/src/components/VenturesCybercity.tsx
new file mode 100644
index 0000000..21ed653
--- /dev/null
+++ b/src/components/VenturesCybercity.tsx
@@ -0,0 +1,142 @@
+
+import { IdentificationIcon, BuildingStorefrontIcon, BanknotesIcon, UserPlusIcon, GlobeAltIcon, BriefcaseIcon } from '@heroicons/react/20/solid'
+
+
+export  function VenturesCybercity() {
+  return (
+    <div className="overflow-hidden bg-white py-24 sm:py-32">
+      <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
+        <div className="max-w-5xl">
+          <p className="subtitle-default text-gray-900">VENTURES</p>
+          <h2 className="mt-2 h2-default text-gray-900">
+            Zanzibar Cyber City
+          </h2>
+        </div>
+        <section className="mt-12 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-48 lg:gap-y-16">
+          <div className="lg:pr-8">
+            <h2 className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">About</h2>
+            <p className="mt-6 text-lg/7 text-gray-600">
+              Digital Freezone is a collaborative project with the Government of Zanzibar through ZICTIA. 100% digital and automated, offering seamless legal, financial, and operational support for businesses. The FreeZone provides regulatory incentives and benefits to businesses through a fully online platform​.
+            </p>
+            <p className="mt-8 text-lg/7 text-gray-600">
+              Planned to officially launch this Q3 2025, OurWorld Digital Freezone will introduce a new paradigm of sovereign digital jurisdiction. Unlike traditional regulatory zones, this Freezone is governed directly by OurWorld — enabling an unprecedented level of integration between digital identity, business formation, compliance, and tokenized trade. This sovereign model represents a billion-dollar opportunity and a foundational layer in OurWorld’s broader vision for next-generation, decentralized global infrastructure.
+            </p>
+          </div>
+          <div className="lg:row-span-2 lg:-mr-24 xl:mr-auto">
+            <div className="lg:mx-0">
+             <div className="relative">
+              <figure className="border border-gray-200  px-6 lg:pl-8 lg:pr-24 py-6 lg:py-8 rounded-3xl bg-gray-50 mt-8 lg:mt-0">
+              <blockquote className="text-lg/8 font-semibold tracking-tight text-gray-900">
+                <p>
+                  Sector
+                </p>
+                 <p className='text-lg/7 font-light text-gray-600'>
+                  Technology, Information and Internet
+                </p>
+                <p className='mt-4'>
+                  Key Contact
+                </p>
+              </blockquote>
+              <figcaption className="mt-4 flex gap-x-4">
+                <img
+                  alt=""
+                  src="/images/people/chris_camponovo/chris_camponovo.jpeg"
+                  className="mt-1 size-14 flex-none rounded-full bg-gray-50"
+                />
+                <div>
+                  <p className="font-semibold text-base text-gray-900">Chris Camponovo</p>
+                  <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                </div>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <img
+                  alt=""
+                  src="/images/people/florian_fournier/florian_fournier.jpeg"
+                  className="mt-1 size-14 flex-none rounded-full bg-gray-50"
+                />
+                <div>
+                  <p className="font-semibold text-base text-gray-900">Florian Fournier</p>
+                  <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                </div>
+              </figcaption>
+              <blockquote className="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">
+                <p>
+                  Headquarters
+                </p>
+                 <p className='text-lg/7 font-light text-gray-600'>
+                  Zanzibar, Tanzania
+                </p>
+                <p className='mt-6'>
+                  Website
+                </p>
+                 <p className='text-lg/7 font-light text-gray-600'>
+                  <a href="http://cybercity.ourworld.tf/" className="text-indigo-600 hover:text-indigo-500">cybercity.ourworld.tf</a>
+                </p>
+                <p className='mt-6'>
+                  Contact
+                </p>
+                 <p className='text-lg/7 font-light text-gray-600'>
+                  <a href="mailto:info@threefold.io " className="text-indigo-600 hover:text-indigo-500">info@ourworld.tf</a>
+                </p>
+              </blockquote>
+              </figure>
+              </div>
+            </div>
+          </div>
+          <div className="max-lg:mt-8 lg:col-span-1">
+            <p className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">Key Features</p>
+            <hr className="mt-6 border-t border-gray-200" />
+            <ul role="list" className="mt-8 space-y-8 text-gray-600">
+              <li className="flex gap-x-3">
+                <IdentificationIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Digital Resident Management. </strong>  
+                   Provides residents and companies with legal, governance, and accounting tools.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <BuildingStorefrontIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Marketplace. </strong>  
+                   Enables residents and companies to list, manage, and trade real-world digital assets.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <BanknotesIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Integrated DeFi Platform. </strong>  
+                   Supports digital financial operations and asset transactions.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <UserPlusIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Digital Resident Registration Portal. </strong>  
+                   A video demonstration of the portal where new users can register as Digital Residents.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <GlobeAltIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Resident Platform Overview. </strong>  
+                   A guided tour of the Resident Platform, showing how residents:
+                  <ul className="list-disc ml-6 mt-2 space-y-1 text-sm text-gray-700">
+                    <li>Access all governance, legal, and accounting tools in a single dashboard.</li>
+                    <li>Register companies under various legal structures.</li>
+                  </ul>
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <BriefcaseIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Company Management Tools. </strong>  
+                    A prototype of the Digital Freezone Marketplace, showing how residents can list, manage, and trade assets within a secure and regulated environment.
+                </span>
+              </li>
+            </ul>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/VenturesHero.tsx b/src/components/VenturesHero.tsx
index 73768b0..ba8ed44 100644
--- a/src/components/VenturesHero.tsx
+++ b/src/components/VenturesHero.tsx
@@ -25,7 +25,7 @@ const ventures = [
     logo: '/images/ventures/cybercity.png',
     description: 'A visionary startup city featuring 3,000 units in its initial stages. The cyber city aims to be a collaborative hub for innovation, bringing together startups, investors, and technologists in a state-of-the-art urban environment.',
     url: 'http://cybercity.ourworld.tf/',
-    learnMoreUrl: 'http://cybercity.ourworld.tf/about'
+    learnMoreUrl: 'ventures/cybercity'
   },
   {
     name: 'Indaba',