add ventures page

src/app/ventures/page.tsx

@@ -0,0 +1,35 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { HomeAbout } from '@/components/HomeAbout'
+import { Hero } from '@/components/Hero'
+import { Pricing } from '@/components/Pricing'
+import { PrimaryFeatures } from '@/components/PrimaryFeatures'
+import { SecondaryFeatures } from '@/components/SecondaryFeatures'
+import { Testimonials } from '@/components/Testimonials'
+import { HomePrinciples } from '@/components/HomePrinciples'
+import { HomeMilestones } from '@/components/HomeMilestones'
+import { HomeVentures } from '@/components/HomeVentures'
+import { Quote } from '@/components/Quote'
+import { AboutHero } from '@/components/AboutHero'
+import { AboutMission } from '@/components/AboutMission'
+import { AboutExperience } from '@/components/AboutExperience'
+import { VenturesHero } from '@/components/VenturesHero'
+
+export default function Ventures() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesHero />
+        <AboutMission />
+        <AboutExperience />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}

src/components/VenturesHero.tsx

@@ -0,0 +1,119 @@
+export function VenturesHero() {
+  return (
+    <div className="bg-white">
+      <div className="relative">
+        <img 
+          src="/images/ventures/earth.jpg"
+          alt="Earth from space" 
+          className="h-96 w-full object-cover object-center"
+        />
+        <div className="absolute inset-0 bg-gradient-to-t from-white"></div>
+      </div>
+      
+      <div className="relative mx-auto -mt-12 max-w-7xl px-4 pb-24 sm:px-6 sm:pb-24 lg:px-8">
+        <div className="mx-auto max-w-2xl text-center lg:max-w-4xl">
+          <h2 className="text-3xl font-bold tracking-tight text-gray-900 lg:text-5xl">OurWorld Ventures</h2>
+          <p className="mt-4 text-gray-500">These are the first OurWorld Ventures, connected by a strong set of values and the aim to bring forward a new era of digital autonomy and empowerment.</p>
+        </div>
+
+        <dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-6 gap-y-16 sm:grid-cols-2 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
+          <div className="border-t border-gray-200 pt-4">
+            <div className="flex items-center">
+              <a href="/ventures/" target="_blank" rel="noopener" className="flex items-center hover:text-indigo-700">
+                <img 
+                  src="/images/ventures/tf.png" 
+                  alt="ThreeFold Logo" 
+                  className="w-8 h-8 mr-2"
+                />
+                <dt className="font-semibold text-xl text-gray-900 lg:text-2xl">ThreeFold</dt>
+              </a>
+            </div>
+            <dd className="mt-2 font-light tracking-normal text-gray-600">
+              ThreeFold is a scalable bare metal infrastructure layer for AI, Internet, and Cloud – presenting a cloud solution that offers unmatched security, reliability, performance, and autonomy. Leveraging open source technology as developed by TF9.
+            </dd>
+          </div>
+          
+          <div className="border-t border-gray-200 pt-4">
+            <div className="flex items-center">
+              <a href="/ventures/" target="_blank" rel="noopener" className="flex items-center hover:text-indigo-700">
+                <img 
+                  src="/images/ventures/geo_ico.png" 
+                  alt="GeoMind Logo" 
+                  className="w-8 h-8 mr-2"
+                />
+                <dt className="font-semibold text-xl text-gray-900 lg:text-2xl">GeoMind</dt>
+              </a>
+            </div>
+            <dd className="mt-2 font-light tracking-normal text-gray-600">
+              GeoMind is a software company which has developed a cloud computing system designed for global scalability, offering secure, immutable data storage that ensures integrity and permanence.
+            </dd>
+          </div>
+          
+          <div className="border-t border-gray-200 pt-4">
+            <div className="flex items-center">
+              <a href="http://cybercity.ourworld.tf/" target="_blank" rel="noopener" className="flex items-center hover:text-indigo-700">
+                <img 
+                  src="/images/ventures/freezone.png" 
+                  alt="Zanzibar Digital Free Zone Logo" 
+                  className="w-8 h-8 mr-2 hover:opacity-80"
+                />
+                <dt className="font-semibold text-xl text-gray-900 lg:text-2xl">Zanzibar Digital Free Zone</dt>
+              </a>          
+            </div>
+            <dd className="mt-2 font-light tracking-normal text-gray-600">
+              A collaboration with the Government of Zanzibar through <a href="https://zictia.go.tz" className="text-indigo-600 hover:text-indigo-500">ZICTA</a>. 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.
+            </dd>
+          </div>
+          
+          <div className="border-t border-gray-200 pt-4">
+            <div className="flex items-center">
+              <a href="http://cybercity.ourworld.tf/" target="_blank" rel="noopener" className="flex items-center hover:text-indigo-700">
+                <img 
+                  src="/images/ventures/cybercity.png" 
+                  alt="Zanzibar Cyber City Logo" 
+                  className="w-8 h-8 mr-2"
+                />
+                <dt className="font-semibold text-xl text-gray-900 lg:text-2xl">Zanzibar Cyber City</dt>
+              </a>
+            </div>
+            <dd className="mt-2 font-light tracking-normal text-gray-600">
+              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.
+            </dd>
+          </div>
+          
+          <div className="border-t border-gray-200 pt-4">
+            <div className="flex items-center">
+              <a href="https://sikana.tv" target="_blank" rel="noopener" className="flex items-center hover:text-indigo-700">
+                <img 
+                  src="/images/ventures/ow_icon.png" 
+                  alt="Indaba Logo" 
+                  className="w-8 h-8 mr-2"
+                />
+                <dt className="font-semibold text-xl text-gray-900 lg:text-2xl">Indaba</dt>
+              </a>
+            </div>
+            <dd className="mt-2 font-light tracking-normal text-gray-600">
+              Indaba is a social business empowering young people to be resilient, reach their full potential, and contribute to the common good. A global ecosystem for holistic learning - accessible online and offline, affordable to the many, and grounded in culture, care, and collaboration.
+            </dd>
+          </div>
+          
+          <div className="border-t border-gray-200 pt-4">
+            <div className="flex items-center">
+              <a href="#" target="_blank" className="flex items-center hover:text-indigo-700">
+                <img 
+                  src="/images/ventures/hero.png" 
+                  alt="Hero Logo" 
+                  className="w-8 h-8 mr-2"
+                />
+                <dt className="font-semibold text-xl text-gray-900 lg:text-2xl">Hero</dt>
+              </a>
+            </div>
+            <dd className="mt-2 font-light tracking-normal text-gray-600">
+              Hero is a digital assistant designed to give individuals full control over their digital identity and assets. Focused on privacy and autonomy, Hero helps manage personal information, tasks, and interactions across decentralized platforms.
+            </dd>
+          </div>
+        </dl>
+      </div>
+    </div>
+  )
+}