add tf venture n people
This commit is contained in:
@@ -23,8 +23,6 @@ export default function Ventures() {
|
||||
<Header_darkbg />
|
||||
<main>
|
||||
<VenturesHero />
|
||||
<AboutMission />
|
||||
<AboutExperience />
|
||||
<Quote />
|
||||
<CallToAction />
|
||||
<Faqs />
|
||||
|
||||
34
src/app/ventures/threefold/page.tsx
Normal file
34
src/app/ventures/threefold/page.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
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'
|
||||
import { VenturesThreeFold } from '@/components/VenturesThreefold'
|
||||
|
||||
export default function ThreeFold() {
|
||||
return (
|
||||
<>
|
||||
<Header_darkbg />
|
||||
<main>
|
||||
<VenturesThreeFold />
|
||||
<Quote />
|
||||
<CallToAction />
|
||||
<Faqs />
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -1,117 +1,107 @@
|
||||
const ventures = [
|
||||
{
|
||||
name: 'ThreeFold',
|
||||
logo: '/images/ventures/tf.png',
|
||||
description: '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.',
|
||||
url: 'https://threefold.io',
|
||||
learnMoreUrl: 'ventures/threefold'
|
||||
},
|
||||
{
|
||||
name: 'GeoMind',
|
||||
logo: '/images/ventures/geo_ico.png',
|
||||
description: '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.',
|
||||
url: 'https://geomind.io',
|
||||
learnMoreUrl: 'https://geomind.io/about'
|
||||
},
|
||||
{
|
||||
name: 'Zanzibar Digital Free Zone',
|
||||
logo: '/images/ventures/freezone.png',
|
||||
description: 'A collaboration with the Government of Zanzibar through ZICTA. 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.',
|
||||
url: 'http://cybercity.ourworld.tf/',
|
||||
learnMoreUrl: 'http://cybercity.ourworld.tf/freezone'
|
||||
},
|
||||
{
|
||||
name: 'Zanzibar Cyber City',
|
||||
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'
|
||||
},
|
||||
{
|
||||
name: 'Indaba',
|
||||
logo: '/images/ventures/ow_icon.png',
|
||||
description: '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.',
|
||||
url: 'https://sikana.tv',
|
||||
learnMoreUrl: 'https://sikana.tv/about'
|
||||
},
|
||||
{
|
||||
name: 'Hero',
|
||||
logo: '/images/ventures/hero.png',
|
||||
description: '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.',
|
||||
url: '#',
|
||||
learnMoreUrl: '#hero-learn-more'
|
||||
}
|
||||
]
|
||||
|
||||
const heroContent = {
|
||||
title: 'OurWorld Ventures',
|
||||
subtitle: '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.',
|
||||
backgroundImage: '/images/ventures/earth.jpg',
|
||||
backgroundAlt: 'Earth from space'
|
||||
}
|
||||
|
||||
export function VenturesHero() {
|
||||
return (
|
||||
<div className="bg-white">
|
||||
<div className="relative">
|
||||
<img
|
||||
src="/images/ventures/earth.jpg"
|
||||
alt="Earth from space"
|
||||
src={heroContent.backgroundImage}
|
||||
alt={heroContent.backgroundAlt}
|
||||
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="relative mx-auto -mt-28 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>
|
||||
<h1 className="h1-default text-gray-900">{heroContent.title}</h1>
|
||||
<p className="mt-4 p-default text-gray-800">{heroContent.subtitle}</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>
|
||||
<dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:max-w-none lg:grid-cols-3 lg:gap-x-12 lg:gap-y-10">
|
||||
{ventures.map((venture, index) => (
|
||||
<div key={index} className="border-t border-gray-200 pt-4">
|
||||
<div className="flex items-center">
|
||||
<a href={venture.url} target="_blank" rel="noopener" className="flex items-center hover:text-indigo-700">
|
||||
<img
|
||||
src={venture.logo}
|
||||
alt={`${venture.name} Logo`}
|
||||
className="w-8 h-8 mr-2"
|
||||
/>
|
||||
<dt className="font-semibold text-xl text-gray-900 lg:text-2xl">{venture.name}</dt>
|
||||
</a>
|
||||
</div>
|
||||
<dd className="mt-2 font-light tracking-normal text-gray-600">
|
||||
{venture.description}
|
||||
{venture.name === 'Zanzibar Digital Free Zone' && (
|
||||
<>
|
||||
{' '}A collaboration with the Government of Zanzibar through{' '}
|
||||
<a href="https://zictia.go.tz" className="text-indigo-600 hover:text-indigo-500">ZICTA</a>.
|
||||
</>
|
||||
)}
|
||||
</dd>
|
||||
<div className="mt-4">
|
||||
<a
|
||||
href={venture.learnMoreUrl}
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
className="text-sm font-medium text-indigo-600 hover:text-indigo-500"
|
||||
>
|
||||
Learn more <span aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
122
src/components/VenturesThreefold.tsx
Normal file
122
src/components/VenturesThreefold.tsx
Normal file
@@ -0,0 +1,122 @@
|
||||
import { CloudIcon, GlobeAltIcon, CpuChipIcon, CircleStackIcon } from '@heroicons/react/20/solid'
|
||||
|
||||
|
||||
export function VenturesThreeFold() {
|
||||
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-4xl">
|
||||
<p className="subtitle-default text-gray-900">VENTURES</p>
|
||||
<h2 className="mt-2 h2-default text-gray-900">
|
||||
ThreeFold
|
||||
</h2>
|
||||
<p className="mt-6 text-xl/8 text-balance text-gray-700">
|
||||
On a mission to build a human-centric Internet co-owned by all of us, as was intended from the start. One where everyone is equal, where everyone owns their own data, allowing human flourishing to thrive.
|
||||
</p>
|
||||
</div>
|
||||
<section className="mt-12 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-8 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">
|
||||
ThreeFold is a decentralized cloud and internet infrastructure platform designed to run directly on bare metal, distinguishing it from other DePIN (Decentralized Physical Infrastructure Network) projects that operate only at the protocol level.
|
||||
</p>
|
||||
<p className="mt-8 text-lg/7 text-gray-600">
|
||||
Focused on enabling autonomous infrastructure, ThreeFold ensures that data remains local, secure, and immune to loss or corruption. Its exceptionally high security standards have led governments to select its technology as the foundation for their public digital infrastructure.
|
||||
</p>
|
||||
</div>
|
||||
<div className="pt-16 lg:row-span-2 lg:-mr-16 xl:mr-auto">
|
||||
<div className="-mx-8 grid grid-cols-2 gap-16 lg:mx-0 lg:grid-cols-2 lg:gap-x-12">
|
||||
<div className="relative lg:order-last lg:col-span-5">
|
||||
<figure className="border-l border-indigo-600 pl-8">
|
||||
<blockquote className="text-xl/8 font-semibold tracking-tight text-gray-900">
|
||||
<p>
|
||||
Sector
|
||||
</p>
|
||||
<p className='text-lg/7 font-light text-gray-600 mt-1'>
|
||||
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/kristof_de_spiegeleer/kristof_de_spiegeleer.jpeg"
|
||||
className="mt-1 size-14 flex-none rounded-full bg-gray-50"
|
||||
/>
|
||||
<div>
|
||||
<p className="font-semibold text-base text-gray-900">Kristof de Spiegeleer</p>
|
||||
<p className="text-gray-600 text-sm/8">Co-founder & CEO</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-xl/8 font-semibold tracking-tight text-gray-900">
|
||||
<p>
|
||||
Headquarters
|
||||
</p>
|
||||
<p className='text-lg/7 font-light text-gray-600 mt-1'>
|
||||
Dubai, United Arab Emirates
|
||||
</p>
|
||||
<p className='mt-6'>
|
||||
Website
|
||||
</p>
|
||||
<p className='text-lg/7 font-light text-gray-600 mt-1'>
|
||||
<a href="https://threefold.io" className="text-indigo-600 hover:text-indigo-500">www.threefold.io</a>
|
||||
</p>
|
||||
<p className='mt-6'>
|
||||
Contact
|
||||
</p>
|
||||
<p className='text-lg/7 font-light text-gray-600 mt-1'>
|
||||
<a href="mailto:info@threefold.io " className="text-indigo-600 hover:text-indigo-500">info@threefold.io</a>
|
||||
</p>
|
||||
</blockquote>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="max-lg:mt-8 lg:col-span-1">
|
||||
<p className="text-lg font-semibold text-gray-800">Key Technologies</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">
|
||||
<CircleStackIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
|
||||
<span>
|
||||
<strong className="font-semibold text-lg text-gray-900">Data.</strong> Ultra-secure, private, and efficient storage at global scale.
|
||||
</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">Network</strong> Encrypted, scalable overlay network with optimized routing.
|
||||
</span>
|
||||
</li>
|
||||
<li className="flex gap-x-3">
|
||||
<CpuChipIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
|
||||
<span>
|
||||
<strong className="font-semibold text-lg text-gray-900">Compute.</strong> Scalable, decentralized compute fabric for running resilient, high-performance applications across edge and core environments.
|
||||
</span>
|
||||
</li>
|
||||
<li className="flex gap-x-3">
|
||||
<CloudIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
|
||||
<span>
|
||||
<strong className="font-semibold text-lg text-gray-900">Cloud.</strong> Self-healing, edge-ready cloud for Web2, Web3, and AI workloads.
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user