add tf venture n people

public/images/people/_index.md

@@ -0,0 +1,8 @@
+---
+title: "People"
+paginate_by: 4
+sort_by: "weight"
+template: "layouts/people.html"
+page_template: "partials/personCard.html"
+insert_anchor_links: "left"
+---

public/images/people/adnan_fatayerji/index.md

@@ -0,0 +1,20 @@
+---
+title: Adnan Fateryji
+weight: 2
+description: Co-Founder, CEO of TF DMCC
+taxonomies:
+    people: [adnan fatayerji]
+    memberships: []
+    categories: []
+extra:
+    imgPath: adnan_fatayerji.jpg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/adnansf/,
+    }
+---
+
+Social entrepreneur and ethical technologist with experience advancing sovereign technologies.

public/images/people/alexandre_hannelas/index.md

@@ -0,0 +1,22 @@
+---
+title: Alexandre Hannelas
+weight: 3
+description: Finance Manager
+taxonomies:
+    people: [alexandre_hannelas]
+    memberships: []
+    categories: []
+extra:
+    imgPath: alexandre_hannelas.jpeg
+    organizations: []
+    countries: [France]
+    cities: [Aix-en-Provence]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/alexandre-hannelas-741681112/,
+        github: https://github.com/AlexandreHannelas,
+        websites: https://threefold.io/,
+    }
+---
+
+Capable finance specialist with a deep passion in driving lean and innovative business models.

public/images/people/amrit_gayan/index.md

@@ -0,0 +1,20 @@
+---
+title: Amrit Gayan
+weight: 4
+description: Advisor, Finance & Operations
+taxonomies:
+    people: [amrit_gayan]
+    memberships: []
+    categories: []
+extra:
+    imgPath: amrit_gayan.jpeg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/amrit-gayan-mba-38083462,
+    }
+---
+
++20 years experience leading award-winning banks. AI and technology enthusiast.

public/images/people/chris_camponovo/index.md

@@ -0,0 +1,20 @@
+---
+title: Chris Camponovo
+weight: 2
+description: Director, Co-Founder of Zanzibar Digital Free Zone
+taxonomies:
+    people: [chris_camponovo]
+    memberships: []
+    categories: []
+extra:
+    imgPath: chris_camponovo.jpeg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/christopher-camponovo-a8a57515/,
+    }
+---
+
+Former white house lawyer and private equity fund founder that drives multinational asset recovery solutions.

public/images/people/florian_fournier/index.md

@@ -0,0 +1,21 @@
+---
+title: Florian Fournier
+weight: 2
+description: Co-Founder
+taxonomies:
+    people: [florian_fournier]
+    memberships: []
+    categories: []
+extra:
+    imgPath: florian_fournier.jpeg
+    organizations: []
+    countries: [Brazil]
+    cities: [Rio de Janeiro]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/florianfournier/,
+        websites: https://www.ootopia.org/,
+    }
+---
+
+Experienced social entrepreneur and marketing executive with extensive network in the US and Latam.

public/images/people/gregory_flipo/index.md

@@ -0,0 +1,21 @@
+---
+title: Gregory Flipo
+weight: 2
+description: Co-Founder, CEO of Sikana
+taxonomies:
+    people: [gregory_flipo]
+    memberships: []
+    categories: []
+extra:
+    imgPath: gregory_flipo.jpg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/gregory-flipo-34a9947/,
+        websites: https://threefold.io/,
+    }
+---
+
+Social  entrepreneur with 20 years of experience building educational content and platforms used by millions today.

public/images/people/hugo_mathecowitsch/index.md

@@ -0,0 +1,20 @@
+---
+title: Hugo Mathecowitsch
+weight: 4
+description: Advisor, Product
+taxonomies:
+    people: [hugo_mathecowitsch]
+    memberships: []
+    categories: []
+extra:
+    imgPath: hugo_mathecowitsch.jpeg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/hugo-mathecowitsch-9447a3213,
+    }
+---
+
+Launched leading fintech startups in South America. Regenerating public goods.

public/images/people/jan_de_landtsheer/index.md

@@ -0,0 +1,22 @@
+---
+title: Jan De Landtsheer
+weight: 4
+description: Advisor, Tech
+taxonomies:
+    people: [jan_de_landtsheer]
+    memberships: []
+    categories: []
+extra:
+    imgPath: jan_de_landtsheer.jpeg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/jand2/,
+        github: https://github.com/delandtj,
+        websites: https://threefold.tech,
+    }
+---
+
++30 years experience building deep tech. Co-Founder at ThreeFold.

public/images/people/karoline_zizka/index.md

@@ -0,0 +1,21 @@
+---
+title: Karoline Zizka
+weight: 2
+description: HR Coordinator
+taxonomies:
+    people: [karoline_zizka]
+    memberships: []
+    categories: []
+extra:
+    imgPath: karoline_zizka.jpeg
+    organizations: []
+    countries: [Austria]
+    cities: [Vienna]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/karoline-zizka-52a287b6/,
+        websites: https://threefold.io/,
+    }
+---
+
+Passionate about driving people-centric strategies with effective KPIs, supporting venture growth and employee satisfaction.

public/images/people/kristof_de_spiegeleer/index.md

@@ -0,0 +1,22 @@
+---
+title: Kristof de Spiegeleer
+weight: 1
+description: Co-Founder & CEO
+taxonomies:
+    people: [kristof_de_spiegeleer]
+    memberships: []
+    categories: []
+extra:
+    imgPath: kristof_de_spiegeleer.jpeg
+    organizations: []
+    countries: [UAE, Egypt]
+    cities: [Dubai, El Gouna]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/despiegk/,
+        github: https://github.com/despiegk,
+        websites: https://www.threefold.io, https://www.incubaid.com/,
+    }
+---
+
+Serial entrepreneur with 30 years of experience in Internet and cloud, with + USD 600m in exits.

public/images/people/marion_ravarino/index.md

@@ -0,0 +1,21 @@
+---
+title: Marion Ravarino
+weight: 3
+description: Project Management
+taxonomies:
+    people: [marion_ravarino]
+    memberships: []
+    categories: [foundation]
+extra:
+    imgPath: marion_ravarino.jpeg
+    organizations: [threefold_tech]
+    countries: [Germany]
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/marion-ravarino/,
+        websites: https://threefold.io/,
+    }
+---
+
+Driven by a natural curiosity for new knowledge. OurWorld's mission and values are perfectly aligned with my vision of a better future for all.

public/images/people/michel_coucke/index.md

@@ -0,0 +1,20 @@
+---
+title: Michel Coucke
+weight: 1
+description: Director
+taxonomies:
+    people: [michel_coucke]
+    memberships: []
+    categories: []
+extra:
+    imgPath: michel_coucke.jpg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/michel-coucke-66112a,
+    }
+---
+
+CEO Lancor, a global executive search firm specializing in board-level search mandates including C-level execs and more.

public/images/people/nousrath_bhugeloo/index.md

@@ -0,0 +1,20 @@
+---
+title: Nousrath Bhugeloo
+weight: 1
+description: Director & Executive Chairperson
+taxonomies:
+    people: [nousrath_bhugeloo]
+    memberships: []
+    categories: []
+extra:
+    imgPath: nousrath_bhugeloo.jpg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/nousrath-bhugeloo-78078520,
+    }
+---
+
+Advisor to multinationals, funds, family offices and individual entrepreneurs on their strategies  and cross border business.

public/images/people/owen_kemp/index.md

@@ -0,0 +1,21 @@
+---
+title: Owen Kemp
+weight: 4
+description: Advisor, Business Development
+taxonomies:
+    people: [owen_kemp]
+    memberships: []
+    categories: []
+extra:
+    imgPath: owen_kemp.jpeg
+    organizations: []
+    countries: [Austria]
+    cities: [Vienna]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/owen-kemp-b6b5a113/,
+        websites: https://threefold.tech,
+    }
+---
+
+Former HPE VP Innovation & International Relations. Co-Founder at TF9.

public/images/people/sacha_obeegadoo/index.md

@@ -0,0 +1,22 @@
+---
+title: Sacha Obeegadoo
+weight: 2
+description: Program Manager
+taxonomies:
+    people: [sacha_obeegadoo]
+    memberships: []
+    categories: []
+extra:
+    imgPath: sacha_obeegadoo.jpg
+    organizations: []
+    countries: [Nomad]
+    cities: [Nomad]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/sachaobeegadoo/,
+        github: https://github.com/Sacha96,
+        websites: https://threefold.io/,
+    }
+---
+
+Business Developer with experience growing companies  across various sectors.

public/images/people/sam_taggart/index.md

@@ -0,0 +1,22 @@
+---
+title: Sam Taggart
+weight: 4
+description: Communication & Community
+taxonomies:
+    people: [sam_taggart]
+    memberships: []
+    categories: []
+extra:
+    imgPath: sam_taggart.jpg
+    organizations: []
+    countries: [Turkey, USA]
+    cities: [Akyaka, New York, Philadelphia]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/samtaggart/,
+        github: https://github.com/samtaggart,
+        websites: https://threefold.io/,
+    }
+---
+
+Communication strategist and global citizen, inspired by the beauty of our differences and humbled by our similarities. Driven to drive collective positive change.

public/images/people/sasha_astiadi/index.md

@@ -0,0 +1,22 @@
+---
+title: Sasha Astiadi
+weight: 4
+description: Web Operations
+taxonomies:
+    people: [sasha_astiadi]
+    memberships: []
+    categories: []
+extra:
+    imgPath: sasha_astiadi.png
+    organizations: []
+    countries: [Indonesia, Spain, Germany]
+    cities: [Bali, Barcelona, Berlin]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/sastiadi,
+        github: https://github.com/sasha-astiadi,
+        websites: https://threefold.io/, https://threefold.tech, https://sashaastiadi.com/,
+    }
+---
+
+A Human-centered product manager, researcher and UX Designer who puts the planet as her main mission.

public/images/people/timur_gordon/index.md

@@ -0,0 +1,22 @@
+---
+title: Timur Gordon
+weight: 4
+description: Software Developer
+taxonomies:
+    people: [timur_gordon]
+    memberships: []
+    categories: [foundation]
+extra:
+    imgPath: timur_gordon.jpg
+    organizations: [threefold_foundation]
+    countries: [Turkey, USA]
+    cities: [Istanbul, Zanzibar]
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/timur-gordon/,
+        github: https://github.com/timurgordon,
+        websites: https://threefold.io,
+    }
+---
+
+Software developer who loves nature and believes in using tech to help the planet and people. Believer in open source and collective intelligence.

public/images/people/vianney_spriet/index.md

@@ -0,0 +1,21 @@
+---
+title: Vianney Spriet
+weight: 3
+description: Business Development
+taxonomies:
+    people: [vianney_spriet]
+    memberships: []
+    categories: []
+extra:
+    imgPath: vianney_spriet.jpeg
+    organizations: []
+    countries: [France]
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: https://www.linkedin.com/in/vianney-spriet-09737526/,
+        websites: https://ourworld.tf,
+    }
+---
+
+Experienced wealth manager, business developer, and former professional skipper with a wide network in Europe. 

src/app/ventures/page.tsx

@@ -23,8 +23,6 @@ export default function Ventures() {
       <Header_darkbg />
       <main>
         <VenturesHero />
-        <AboutMission />
-        <AboutExperience />
         <Quote />
         <CallToAction />
         <Faqs />

src/app/ventures/threefold/page.tsx

@@ -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 />
+    </>
+  )
+}

src/components/VenturesHero.tsx

@@ -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">&rarr;</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>

src/components/VenturesThreefold.tsx

@@ -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>
+  )
+}