diff --git a/README.md b/README.md
index 80e1428..f22eb8c 100644
--- a/README.md
+++ b/README.md
@@ -1,35 +1,193 @@
-# Salient
+# 🌐 OurWorld Web (Salient Template)
 
-Salient is a [Tailwind Plus](https://tailwindcss.com/plus) site template built using [Tailwind CSS](https://tailwindcss.com) and [Next.js](https://nextjs.org).
+**OurWorld Web** is a statically-exported site built using the [Salient](https://tailwindcss.com/plus) template with **Next.js**, **Tailwind CSS v4**, and **TypeScript**. It showcases people and ventures in a modular and scalable frontend.
 
-## Getting started
+---
 
-To get started with this template, first install the npm dependencies:
+## 📁 Project Structure
 
-```bash
-npm install
+```
+www_ourworld_new/
+├── .env.local                # Local environment variables
+├── public/                   # Public static assets (images, videos)
+├── scripts/                  # Utility scripts (generate people)
+├── src/
+│   ├── app/                  # App routes (people, ventures, pages)
+│   │   ├── people/           # Page routes per person
+│   │   └── ventures/         # Venture route pages
+│   ├── components/
+│   │   └── people/           # Individual people components
+│   ├── data/                 # Temporary or pre-generated data
+│   ├── lib/                  # People data registry (auto-generated)
+│   ├── styles/               # Tailwind & global CSS
+│   └── videos/               # Local videos
+├── docs/                     # Markdown docs for onboarding
+├── out/                      # Static export folder after build
+├── package.json              # Scripts and dependencies
+└── README.md                 # You are here.
 ```
 
-Next, run the development server:
+---
+
+## ⚙️ Technologies
+
+* [Next.js](https://nextjs.org/)
+* [Tailwind CSS](https://tailwindcss.com/)
+* [React](https://reactjs.org/)
+* [TypeScript](https://www.typescriptlang.org/)
+* [Headless UI](https://headlessui.dev/)
+* [Heroicons](https://heroicons.com/)
+* [Nodemailer](https://nodemailer.com/) (optional for contact form)
+
+---
+
+## 🚀 Getting Started
 
 ```bash
+git clone https://github.com/your-org/www_ourworld_new.git
+cd www_ourworld_new
+npm install
 npm run dev
 ```
 
-Finally, open [http://localhost:3000](http://localhost:3000) in your browser to view the website.
+Visit `http://localhost:3000` to view the site.
 
-## Customizing
+---
 
-You can start editing this template by modifying the files in the `/src` folder. The site will auto-update as you edit these files.
+## ⚙️ Building the Site
 
-## License
+```bash
+npm run build
+```
 
-This site template is a commercial product and is licensed under the [Tailwind Plus license](https://tailwindcss.com/plus/license).
+This will:
 
-## Learn more
+* Run `scripts/generate-people-data.js` to update the people registry
+* Build a static export into `/out`
 
-To learn more about the technologies used in this site template, see the following resources:
+To preview production:
 
-- [Tailwind CSS](https://tailwindcss.com/docs) - the official Tailwind CSS documentation
-- [Next.js](https://nextjs.org/docs) - the official Next.js documentation
-- [Headless UI](https://headlessui.dev) - the official Headless UI documentation
+```bash
+npm run start
+```
+
+---
+
+## ✨ Adding a Person
+
+1. Create a folder: `public/images/people/jane_doe/`
+2. Inside it, place:
+
+   * `index.md` (frontmatter + bio)
+   * `jane_doe.jpg` (image)
+3. Run:
+
+```bash
+node scripts/generate-all-people.js
+npm run generate-people-data
+npm run build
+```
+
+**Frontmatter example:**
+
+```md
+---
+title: Jane Doe
+description: Community Architect
+extra:
+  socialLinks:
+    LinkedIn: https://linkedin.com/in/janedoe
+---
+
+Jane builds regenerative systems that empower local communities...
+```
+
+The script will:
+
+* Generate a component in `src/components/people/People_Jane_Doe.tsx`
+* Create or update `src/app/people/jane_doe/page.tsx`
+* Add them to the dynamic people registry
+
+---
+
+## 🧠 Anatomy of a Person
+
+### Component (`People_Jane_Doe.tsx`)
+
+```tsx
+export const data = [{
+  name: 'Jane Doe',
+  role: 'Community Architect',
+  imageUrl: '/images/people/jane_doe/jane_doe.jpg',
+  xUrl: '#',
+  linkedinUrl: 'https://linkedin.com/in/janedoe',
+}]
+
+const biography = `<p class="text-lg/7">Jane builds regenerative systems...</p>`
+
+export function People_Jane_Doe() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
+```
+
+### Page (`/people/jane_doe/page.tsx`)
+
+```tsx
+export default function JaneDoePage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Jane_Doe />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
+```
+
+---
+
+## 📚 Scripts
+
+| Script                                | Description                                |
+| ------------------------------------- | ------------------------------------------ |
+| `npm run dev`                         | Start local dev server                     |
+| `npm run build`                       | Export static HTML & run data generation   |
+| `npm run generate-people-data`        | Regenerate peopleData.ts from all profiles |
+| `node scripts/generate-all-people.js` | Parse markdown, images → full pages        |
+
+---
+
+## 📄 Docs
+
+* [`docs/adding-people.md`](docs/adding-people.md) – Step-by-step onboarding
+* [`docs/gmail-setup-guide.md`](docs/gmail-setup-guide.md) – Email auth
+
+---
+
+## 🧹 Code Quality
+
+* ESLint + Prettier + Tailwind Plugin
+* TypeScript strict mode
+* Modular file structure
+
+---
+
+## 🔐 License
+
+This project is based on a **Tailwind Plus** license. You may modify and build on top of it, but redistribution of the template or components is **not permitted**.
+
+See [`LICENSE.md`](./LICENSE.md) for details.
+
+---
+
+## 🧠 Learn More
+
+* [Next.js Documentation](https://nextjs.org/docs)
+* [Tailwind CSS Documentation](https://tailwindcss.com/docs)
+* [TypeScript Docs](https://www.typescriptlang.org/docs/)
+* [Headless UI](https://headlessui.dev/)
+* [Heroicons](https://heroicons.com/)
diff --git a/docs/adding-people.md b/docs/adding-people.md
new file mode 100644
index 0000000..1cdc883
--- /dev/null
+++ b/docs/adding-people.md
@@ -0,0 +1,186 @@
+# Adding New People to the Team Page
+
+This guide explains how to add new team members to the website. The system now features **automated discovery** of people components, so you no longer need to manually update imports!
+
+## 🚀 Quick Start (Automated Workflow)
+
+### 1. Create the Person's Component
+
+Create a new file: `src/components/people/People_[Name].tsx`
+
+Example for John Doe:
+```typescript
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'John Doe',
+    role: 'Software Engineer',
+    imageUrl: '/images/people/john_doe/john_doe.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/johndoe/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    John is a passionate software engineer with expertise in modern web technologies. 
+    He specializes in building scalable applications and has a keen interest in user experience design.
+  </p>
+  <p class="mt-5 text-lg/7">
+    With over 5 years of experience in the tech industry, John has worked on various projects 
+    ranging from startups to enterprise applications. He believes in writing clean, maintainable code 
+    and is always eager to learn new technologies.
+  </p>
+`
+
+export function People_John() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
+```
+
+### 2. Create the Person's Page Route
+
+Create a directory and page: `src/app/people/John_Doe/page.tsx`
+
+```typescript
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_John } from '@/components/people/People_John'
+
+export default function JohnDoePage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_John />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
+```
+
+### 3. Add Person's Images
+
+Add the person's images to: `public/images/people/john_doe/`
+- `john_doe.jpg` (or .png, .jpeg)
+
+### 4. 🎉 Automatic Integration
+
+**That's it!** The person will automatically appear on the people page when you build the project. The people data registry is automatically updated during the build process.
+
+If you want to test locally during development, you can manually run:
+```bash
+npm run generate-people-data
+```
+
+## 🔧 How the Automation Works
+
+The system now includes a Node.js script (`scripts/generate-people-data.js`) that:
+
+1. **Scans** the `src/components/people/` directory for all `People_*.tsx` files
+2. **Generates** the necessary imports and exports in `src/lib/peopleData.ts`
+3. **Creates** both synchronous and asynchronous data loading functions
+4. **Eliminates** the need for manual import management
+
+### Available Commands
+
+- `npm run generate-people-data` - Manually regenerate the people data registry (for development testing)
+- `npm run dev` - Start the development server
+- `npm run build` - Build for production (automatically runs people data generation first)
+
+## 📁 File Structure
+
+```
+src/
+├── components/people/
+│   ├── People_Adnan.tsx      ✅ Auto-discovered
+│   ├── People_Kristof.tsx    ✅ Auto-discovered
+│   └── People_John.tsx       ✅ Auto-discovered (after running script)
+├── app/people/
+│   ├── Adnan_Fatayerji/page.tsx
+│   ├── kristof_de_spiegeleer/page.tsx
+│   └── John_Doe/page.tsx
+├── lib/
+│   └── peopleData.ts         🤖 Auto-generated
+└── ...
+```
+
+## 🎯 Benefits of the New System
+
+### ✅ **No Manual Imports**
+- Add a new `People_*.tsx` file
+- Run `npm run generate-people-data`
+- Done! No need to edit `peopleData.ts` manually
+
+### ✅ **Error Prevention**
+- No more forgotten imports
+- No more typos in import statements
+- Automatic error handling for each component
+
+### ✅ **Scalable**
+- Add as many people as needed
+- System automatically discovers all components
+- Consistent naming convention enforced
+
+### ✅ **Developer Friendly**
+- Clear feedback when running the script
+- Lists all discovered components
+- Easy to debug and maintain
+
+## 🔄 Migration from Manual System
+
+If you have existing people components that were manually imported:
+
+1. Ensure all components follow the `People_*.tsx` naming convention
+2. Run `npm run generate-people-data`
+3. The script will automatically discover and include all existing components
+
+## 📋 Naming Conventions
+
+- **Component files**: `People_[FirstName].tsx` (e.g., `People_John.tsx`)
+- **Page directories**: `[First_Last]/page.tsx` (e.g., `John_Doe/page.tsx`)
+- **Image directories**: `first_last/` (e.g., `john_doe/`)
+- **Export function**: `People_[FirstName]` (e.g., `People_John`)
+
+## 🚨 Important Notes
+
+- **Data Structure**: Each person component must export a `data` array with the exact structure shown above
+- **Biography Format**: Use HTML string for rich text formatting in the biography
+- **Template Usage**: All person components should use `PersonTemplate` for consistency
+- **Automatic Discovery**: Components are discovered by filename pattern `People_*.tsx`
+- **Script Execution**: Always run `npm run generate-people-data` after adding new people
+- **URL Structure**: Individual pages will be accessible at `/people/First_Last`
+
+## 🎨 Template System Benefits
+
+The system uses a **centralized template** (`PersonTemplate.tsx`) for all individual people pages:
+
+- **Global Styling**: Change image size, layout, or styling in `PersonTemplate.tsx` and it applies to ALL people's profiles
+- **Consistency**: All people pages have the same structure and design
+- **Easy Maintenance**: Update the template once instead of editing each person's component individually
+- **Responsive Design**: Template handles all responsive breakpoints uniformly
+
+## 📊 Current Status
+
+- ✅ **Adnan Fatayerji** - Complete (auto-discovered)
+- ✅ **Kristof De Spiegeleer** - Complete (auto-discovered)
+- ✅ **Automation System** - Active and ready for new additions
+
+## 🔮 Future Enhancements
+
+The automation system can be extended to:
+- Auto-generate page routes
+- Validate image file existence
+- Check for required data fields
+- Generate TypeScript types from component data
+- Create development-time file watchers for instant updates
+
+---
+
+**🎉 The new automated system makes adding team members faster, safer, and more maintainable than ever before!**
diff --git a/docs/gmail-setup-guide.md b/docs/gmail-setup-guide.md
new file mode 100644
index 0000000..ba06ab1
--- /dev/null
+++ b/docs/gmail-setup-guide.md
@@ -0,0 +1,134 @@
+# Gmail Contact Form Setup Guide
+
+This guide will help you configure your contact form to send emails to your company Gmail inbox.
+
+## Prerequisites
+
+- A Gmail account for your company
+- Access to Google Account settings
+- Basic understanding of environment variables
+
+## Step 1: Enable 2-Factor Authentication
+
+1. Go to [Google Account Settings](https://myaccount.google.com/)
+2. Navigate to **Security** → **2-Step Verification**
+3. Follow the prompts to enable 2FA if not already enabled
+4. **Note**: App passwords require 2FA to be enabled
+
+## Step 2: Generate Gmail App Password
+
+1. Go to [Google Account Settings](https://myaccount.google.com/)
+2. Navigate to **Security** → **2-Step Verification** → **App passwords**
+3. Select **Mail** as the app and **Other** as the device
+4. Enter "OurWorld Contact Form" as the device name
+5. Click **Generate**
+6. **Important**: Copy the 16-character app password immediately (you won't see it again)
+
+## Step 3: Configure Environment Variables
+
+1. Open the `.env.local` file in your project root
+2. Replace the placeholder values with your actual credentials:
+
+```env
+# Your Gmail address (the one that will send emails)
+GMAIL_USER=your-company-email@gmail.com
+
+# The 16-character app password you generated (no spaces)
+GMAIL_APP_PASSWORD=abcdabcdabcdabcd
+
+# Email address where contact form submissions will be sent
+COMPANY_EMAIL=info@ourworld.tf
+```
+
+## Step 4: Security Considerations
+
+### Environment Variables
+- **Never commit `.env.local` to version control**
+- The `.env.local` file is already in `.gitignore`
+- Use different environment variables for production deployment
+
+### Production Deployment
+For production (Vercel, Netlify, etc.), add these environment variables in your hosting platform's dashboard:
+- `GMAIL_USER`
+- `GMAIL_APP_PASSWORD`
+- `COMPANY_EMAIL`
+
+## Step 5: Testing the Setup
+
+1. Start your development server:
+   ```bash
+   npm run dev
+   ```
+
+2. Navigate to `/contact` page
+3. Fill out and submit the contact form
+4. Check your Gmail inbox for the contact form submission
+
+## Troubleshooting
+
+### Common Issues
+
+**"Authentication failed" error:**
+- Verify 2FA is enabled on your Google account
+- Double-check the app password (no spaces, 16 characters)
+- Ensure you're using the app password, not your regular Gmail password
+
+**"Invalid credentials" error:**
+- Verify the `GMAIL_USER` email address is correct
+- Check that the app password is correctly copied
+
+**Emails not being received:**
+- Check your spam/junk folder
+- Verify the `COMPANY_EMAIL` address is correct
+- Test with a different recipient email
+
+**"Module not found" error:**
+- Ensure nodemailer is installed: `npm install nodemailer @types/nodemailer`
+
+### Email Format
+
+The contact form sends emails with:
+- **Subject**: "New Contact Form Submission from [First Name] [Last Name]"
+- **From**: Your Gmail address (GMAIL_USER)
+- **To**: Company email address (COMPANY_EMAIL)
+- **Content**: Formatted HTML and plain text versions
+
+## Security Best Practices
+
+1. **Use App Passwords**: Never use your main Gmail password
+2. **Limit Access**: Only share credentials with necessary team members
+3. **Regular Rotation**: Consider rotating app passwords periodically
+4. **Monitor Usage**: Check Gmail's security activity regularly
+5. **Environment Separation**: Use different credentials for development/production
+
+## Alternative Solutions
+
+If you prefer not to use Gmail directly, consider these alternatives:
+
+1. **EmailJS**: Client-side email service
+2. **Formspree**: Form handling service
+3. **SendGrid**: Professional email API
+4. **Mailgun**: Email delivery service
+5. **Resend**: Modern email API
+
+## Support
+
+If you encounter issues:
+1. Check the browser console for error messages
+2. Review the server logs for API errors
+3. Verify all environment variables are set correctly
+4. Test with a simple email first
+
+## File Structure
+
+```
+project/
+├── .env.local                 # Environment variables (not in git)
+├── src/app/api/contact/       # API route for form submission
+├── src/components/ContactHero.tsx  # Contact form component
+└── docs/gmail-setup-guide.md # This guide
+```
+
+---
+
+**Important**: Keep your app password secure and never share it publicly. If compromised, revoke it immediately in your Google Account settings and generate a new one.
diff --git a/next.config.js b/next.config.js
index 767719f..963eedf 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,13 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+const nextConfig = {
+  output: 'export',
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
+  // Note: API routes in src/app/api/ will not work with static export
+  // The contact form API route will need to be handled separately
+  // Consider using a serverless function or external service for form handling
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;
diff --git a/package-lock.json b/package-lock.json
index 6f7b4a5..2fbb80e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,16 @@
       "version": "0.1.0",
       "dependencies": {
         "@headlessui/react": "^2.1.0",
+        "@heroicons/react": "^2.2.0",
         "@tailwindcss/forms": "^0.5.3",
         "@tailwindcss/postcss": "^4.1.7",
         "@types/node": "^20.10.8",
+        "@types/nodemailer": "^6.4.17",
         "@types/react": "^18.2.47",
         "@types/react-dom": "^18.2.18",
         "clsx": "^2.1.0",
         "next": "^14.0.4",
+        "nodemailer": "^7.0.5",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "tailwindcss": "^4.1.7",
@@ -205,6 +208,15 @@
         "react-dom": "^18"
       }
     },
+    "node_modules/@heroicons/react": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.2.0.tgz",
+      "integrity": "sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 16 || ^19.0.0-rc"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.14",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
@@ -1340,6 +1352,15 @@
         "undici-types": "~5.26.4"
       }
     },
+    "node_modules/@types/nodemailer": {
+      "version": "6.4.17",
+      "resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.17.tgz",
+      "integrity": "sha512-I9CCaIp6DTldEg7vyUTZi8+9Vo0hi1/T8gv3C89yk1rSAAzoKQ8H8ki/jBYJSFoH/BisgLP8tkZMlQ91CIquww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.11",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
@@ -3984,6 +4005,15 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/nodemailer": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-7.0.5.tgz",
+      "integrity": "sha512-nsrh2lO3j4GkLLXoeEksAMgAOqxOv6QumNRVQTJwKH4nuiww6iC2y7GyANs9kRAxCexg3+lTWM3PZ91iLlVjfg==",
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
diff --git a/package.json b/package.json
index e83a230..11ab988 100644
--- a/package.json
+++ b/package.json
@@ -4,20 +4,25 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "npm run generate-people-data && next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "generate-people-data": "node scripts/generate-people-data.js",
+    "generate-all-people": "node scripts/generate-all-people.js"
   },
   "browserslist": "defaults, not ie <= 11",
   "dependencies": {
     "@headlessui/react": "^2.1.0",
+    "@heroicons/react": "^2.2.0",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/postcss": "^4.1.7",
     "@types/node": "^20.10.8",
+    "@types/nodemailer": "^6.4.17",
     "@types/react": "^18.2.47",
     "@types/react-dom": "^18.2.18",
     "clsx": "^2.1.0",
     "next": "^14.0.4",
+    "nodemailer": "^7.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^4.1.7",
diff --git a/public/images/about/exits.png b/public/images/about/exits.png
new file mode 100644
index 0000000..8899877
Binary files /dev/null and b/public/images/about/exits.png differ
diff --git a/public/images/contact.jpg b/public/images/contact.jpg
new file mode 100644
index 0000000..9410a02
Binary files /dev/null and b/public/images/contact.jpg differ
diff --git a/public/images/contact/contact.jpg b/public/images/contact/contact.jpg
new file mode 100644
index 0000000..9410a02
Binary files /dev/null and b/public/images/contact/contact.jpg differ
diff --git a/public/images/home/authentic.png b/public/images/home/authentic.png
new file mode 100644
index 0000000..83aa25b
Binary files /dev/null and b/public/images/home/authentic.png differ
diff --git a/public/images/home/kds.png b/public/images/home/kds.png
new file mode 100644
index 0000000..8b17f18
Binary files /dev/null and b/public/images/home/kds.png differ
diff --git a/public/images/home/open.png b/public/images/home/open.png
new file mode 100644
index 0000000..2613a99
Binary files /dev/null and b/public/images/home/open.png differ
diff --git a/public/images/home/people.png b/public/images/home/people.png
new file mode 100644
index 0000000..586ada4
Binary files /dev/null and b/public/images/home/people.png differ
diff --git a/public/images/home/planet.png b/public/images/home/planet.png
new file mode 100644
index 0000000..997eded
Binary files /dev/null and b/public/images/home/planet.png differ
diff --git a/public/images/home/quotes.png b/public/images/home/quotes.png
new file mode 100644
index 0000000..24a64ab
Binary files /dev/null and b/public/images/home/quotes.png differ
diff --git a/public/images/home/simple.png b/public/images/home/simple.png
new file mode 100644
index 0000000..cb14bae
Binary files /dev/null and b/public/images/home/simple.png differ
diff --git a/public/images/logos/CYBERCITY.png b/public/images/logos/CYBERCITY.png
new file mode 100644
index 0000000..ad4b9e3
Binary files /dev/null and b/public/images/logos/CYBERCITY.png differ
diff --git a/public/images/logos/HERO.png b/public/images/logos/HERO.png
new file mode 100644
index 0000000..43d712f
Binary files /dev/null and b/public/images/logos/HERO.png differ
diff --git a/public/images/logos/freezone.png b/public/images/logos/freezone.png
new file mode 100644
index 0000000..6566b83
Binary files /dev/null and b/public/images/logos/freezone.png differ
diff --git a/public/images/logos/geomind.png b/public/images/logos/geomind.png
new file mode 100644
index 0000000..03640c2
Binary files /dev/null and b/public/images/logos/geomind.png differ
diff --git a/public/images/logos/indaba.png b/public/images/logos/indaba.png
new file mode 100644
index 0000000..03d6e2d
Binary files /dev/null and b/public/images/logos/indaba.png differ
diff --git a/public/images/logos/tHREEFOLD.png b/public/images/logos/tHREEFOLD.png
new file mode 100644
index 0000000..c4533a7
Binary files /dev/null and b/public/images/logos/tHREEFOLD.png differ
diff --git a/public/images/people/Malte_Geierhos/index.md b/public/images/people/Malte_Geierhos/index.md
new file mode 100644
index 0000000..2b0e453
--- /dev/null
+++ b/public/images/people/Malte_Geierhos/index.md
@@ -0,0 +1,21 @@
+---
+title: Malte Geierhos
+weight: 2
+description: Team Member
+taxonomies:
+    people: [malte_geierhos]
+    memberships: []
+    categories: []
+extra:
+    imgPath: malte_geierhos.jpeg
+    organizations: []
+    countries: []
+    cities: []
+    private: 0
+    socialLinks: {
+        LinkedIn: #,
+        websites: #,
+    }
+---
+
+Malte Geierhos is a valued member of our team, bringing expertise and dedication to their role.
diff --git a/public/images/people/Malte_Geierhos/malte_geierhos.jpeg b/public/images/people/Malte_Geierhos/malte_geierhos.jpeg
new file mode 100644
index 0000000..48cc118
Binary files /dev/null and b/public/images/people/Malte_Geierhos/malte_geierhos.jpeg differ
diff --git a/public/images/people/_index.md b/public/images/people/_index.md
new file mode 100644
index 0000000..02113b8
--- /dev/null
+++ b/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"
+---
\ No newline at end of file
diff --git a/public/images/people/adnan_fatayerji/adnan_fatayerji.jpg b/public/images/people/adnan_fatayerji/adnan_fatayerji.jpg
new file mode 100644
index 0000000..bb247b8
Binary files /dev/null and b/public/images/people/adnan_fatayerji/adnan_fatayerji.jpg differ
diff --git a/public/images/people/adnan_fatayerji/index.md b/public/images/people/adnan_fatayerji/index.md
new file mode 100644
index 0000000..ef912f7
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/alexandre_hannelas/alexandre_hannelas.jpeg b/public/images/people/alexandre_hannelas/alexandre_hannelas.jpeg
new file mode 100644
index 0000000..cd6cae4
Binary files /dev/null and b/public/images/people/alexandre_hannelas/alexandre_hannelas.jpeg differ
diff --git a/public/images/people/alexandre_hannelas/index.md b/public/images/people/alexandre_hannelas/index.md
new file mode 100644
index 0000000..3a1a0e4
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/amrit_gayan/amrit_gayan.jpeg b/public/images/people/amrit_gayan/amrit_gayan.jpeg
new file mode 100644
index 0000000..8e5fddb
Binary files /dev/null and b/public/images/people/amrit_gayan/amrit_gayan.jpeg differ
diff --git a/public/images/people/amrit_gayan/index.md b/public/images/people/amrit_gayan/index.md
new file mode 100644
index 0000000..3e7125c
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/chris_camponovo/chris_camponovo.jpeg b/public/images/people/chris_camponovo/chris_camponovo.jpeg
new file mode 100644
index 0000000..936a083
Binary files /dev/null and b/public/images/people/chris_camponovo/chris_camponovo.jpeg differ
diff --git a/public/images/people/chris_camponovo/index.md b/public/images/people/chris_camponovo/index.md
new file mode 100644
index 0000000..0a61573
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/florian_fournier/florian_fournier.jpeg b/public/images/people/florian_fournier/florian_fournier.jpeg
new file mode 100644
index 0000000..a5cccdd
Binary files /dev/null and b/public/images/people/florian_fournier/florian_fournier.jpeg differ
diff --git a/public/images/people/florian_fournier/index.md b/public/images/people/florian_fournier/index.md
new file mode 100644
index 0000000..dd88160
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/gregory_flipo/gregory_flipo.jpg b/public/images/people/gregory_flipo/gregory_flipo.jpg
new file mode 100644
index 0000000..6baa96e
Binary files /dev/null and b/public/images/people/gregory_flipo/gregory_flipo.jpg differ
diff --git a/public/images/people/gregory_flipo/index.md b/public/images/people/gregory_flipo/index.md
new file mode 100644
index 0000000..53c28ed
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/hugo_mathecowitsch/hugo_mathecowitsch.jpeg b/public/images/people/hugo_mathecowitsch/hugo_mathecowitsch.jpeg
new file mode 100644
index 0000000..1ea7c23
Binary files /dev/null and b/public/images/people/hugo_mathecowitsch/hugo_mathecowitsch.jpeg differ
diff --git a/public/images/people/hugo_mathecowitsch/index.md b/public/images/people/hugo_mathecowitsch/index.md
new file mode 100644
index 0000000..9c831f7
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/jan_de_landtsheer/index.md b/public/images/people/jan_de_landtsheer/index.md
new file mode 100644
index 0000000..87f2391
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/jan_de_landtsheer/jan_de_landtsheer.jpeg b/public/images/people/jan_de_landtsheer/jan_de_landtsheer.jpeg
new file mode 100644
index 0000000..11cfa66
Binary files /dev/null and b/public/images/people/jan_de_landtsheer/jan_de_landtsheer.jpeg differ
diff --git a/public/images/people/jan_de_landtsheer/jan_de_landtsheer.png b/public/images/people/jan_de_landtsheer/jan_de_landtsheer.png
new file mode 100644
index 0000000..a6cfaad
Binary files /dev/null and b/public/images/people/jan_de_landtsheer/jan_de_landtsheer.png differ
diff --git a/public/images/people/karoline_zizka/index.md b/public/images/people/karoline_zizka/index.md
new file mode 100644
index 0000000..18ca9ce
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/karoline_zizka/karoline_zizka.jpeg b/public/images/people/karoline_zizka/karoline_zizka.jpeg
new file mode 100644
index 0000000..c42d720
Binary files /dev/null and b/public/images/people/karoline_zizka/karoline_zizka.jpeg differ
diff --git a/public/images/people/kristof_de_spiegeleer/index.md b/public/images/people/kristof_de_spiegeleer/index.md
new file mode 100644
index 0000000..0f6030c
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/kristof_de_spiegeleer/kristof_de_spiegeleer.jpeg b/public/images/people/kristof_de_spiegeleer/kristof_de_spiegeleer.jpeg
new file mode 100644
index 0000000..5e6c598
Binary files /dev/null and b/public/images/people/kristof_de_spiegeleer/kristof_de_spiegeleer.jpeg differ
diff --git a/public/images/people/marion_ravarino/index.md b/public/images/people/marion_ravarino/index.md
new file mode 100644
index 0000000..26cc6c0
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/marion_ravarino/marion_ravarino.jpeg b/public/images/people/marion_ravarino/marion_ravarino.jpeg
new file mode 100644
index 0000000..6dc76ac
Binary files /dev/null and b/public/images/people/marion_ravarino/marion_ravarino.jpeg differ
diff --git a/public/images/people/michel_coucke/index.md b/public/images/people/michel_coucke/index.md
new file mode 100644
index 0000000..ceb0abb
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/michel_coucke/michel_coucke.jpg b/public/images/people/michel_coucke/michel_coucke.jpg
new file mode 100644
index 0000000..5f047da
Binary files /dev/null and b/public/images/people/michel_coucke/michel_coucke.jpg differ
diff --git a/public/images/people/nousrath_bhugeloo/index.md b/public/images/people/nousrath_bhugeloo/index.md
new file mode 100644
index 0000000..84e3b39
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/nousrath_bhugeloo/nousrath_bhugeloo.jpg b/public/images/people/nousrath_bhugeloo/nousrath_bhugeloo.jpg
new file mode 100644
index 0000000..2a63444
Binary files /dev/null and b/public/images/people/nousrath_bhugeloo/nousrath_bhugeloo.jpg differ
diff --git a/public/images/people/owen_kemp/index.md b/public/images/people/owen_kemp/index.md
new file mode 100644
index 0000000..2e0b323
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/owen_kemp/owen_kemp.jpeg b/public/images/people/owen_kemp/owen_kemp.jpeg
new file mode 100644
index 0000000..e30df95
Binary files /dev/null and b/public/images/people/owen_kemp/owen_kemp.jpeg differ
diff --git a/public/images/people/sacha_obeegadoo/index.md b/public/images/people/sacha_obeegadoo/index.md
new file mode 100644
index 0000000..cfdcab3
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/sacha_obeegadoo/sacha_obeegadoo.jpg b/public/images/people/sacha_obeegadoo/sacha_obeegadoo.jpg
new file mode 100644
index 0000000..fe84c6b
Binary files /dev/null and b/public/images/people/sacha_obeegadoo/sacha_obeegadoo.jpg differ
diff --git a/public/images/people/sam_taggart/index.md b/public/images/people/sam_taggart/index.md
new file mode 100644
index 0000000..b74b87d
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/sam_taggart/sam_taggart.jpg b/public/images/people/sam_taggart/sam_taggart.jpg
new file mode 100644
index 0000000..fa8c20f
Binary files /dev/null and b/public/images/people/sam_taggart/sam_taggart.jpg differ
diff --git a/public/images/people/sasha_astiadi/index.md b/public/images/people/sasha_astiadi/index.md
new file mode 100644
index 0000000..daa2d98
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/sasha_astiadi/sasha_astiadi.png b/public/images/people/sasha_astiadi/sasha_astiadi.png
new file mode 100644
index 0000000..aceee6d
Binary files /dev/null and b/public/images/people/sasha_astiadi/sasha_astiadi.png differ
diff --git a/public/images/people/timur_gordon/index.md b/public/images/people/timur_gordon/index.md
new file mode 100644
index 0000000..11372b5
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/public/images/people/timur_gordon/timur_gordon.jpg b/public/images/people/timur_gordon/timur_gordon.jpg
new file mode 100644
index 0000000..6cc26f4
Binary files /dev/null and b/public/images/people/timur_gordon/timur_gordon.jpg differ
diff --git a/public/images/people/vianney_spriet/index.md b/public/images/people/vianney_spriet/index.md
new file mode 100644
index 0000000..b2a6fe8
--- /dev/null
+++ b/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. 
\ No newline at end of file
diff --git a/public/images/people/vianney_spriet/vianney_spriet.jpeg b/public/images/people/vianney_spriet/vianney_spriet.jpeg
new file mode 100644
index 0000000..152fd0a
Binary files /dev/null and b/public/images/people/vianney_spriet/vianney_spriet.jpeg differ
diff --git a/public/images/ventures/cybercity.png b/public/images/ventures/cybercity.png
new file mode 100644
index 0000000..452e6a5
Binary files /dev/null and b/public/images/ventures/cybercity.png differ
diff --git a/public/images/ventures/earth.jpg b/public/images/ventures/earth.jpg
new file mode 100644
index 0000000..6284f35
Binary files /dev/null and b/public/images/ventures/earth.jpg differ
diff --git a/public/images/ventures/freezone.png b/public/images/ventures/freezone.png
new file mode 100644
index 0000000..612ebc5
Binary files /dev/null and b/public/images/ventures/freezone.png differ
diff --git a/public/images/ventures/geo_ico.png b/public/images/ventures/geo_ico.png
new file mode 100644
index 0000000..364cb99
Binary files /dev/null and b/public/images/ventures/geo_ico.png differ
diff --git a/public/images/ventures/habari.png b/public/images/ventures/habari.png
new file mode 100644
index 0000000..f951e58
Binary files /dev/null and b/public/images/ventures/habari.png differ
diff --git a/public/images/ventures/hero.png b/public/images/ventures/hero.png
new file mode 100644
index 0000000..00cc34f
Binary files /dev/null and b/public/images/ventures/hero.png differ
diff --git a/public/images/ventures/ow_icon.png b/public/images/ventures/ow_icon.png
new file mode 100644
index 0000000..0a41e0a
Binary files /dev/null and b/public/images/ventures/ow_icon.png differ
diff --git a/public/images/ventures/tf.png b/public/images/ventures/tf.png
new file mode 100644
index 0000000..2e782d5
Binary files /dev/null and b/public/images/ventures/tf.png differ
diff --git a/public/videos/ourworld.mp4 b/public/videos/ourworld.mp4
new file mode 100644
index 0000000..58e28d9
Binary files /dev/null and b/public/videos/ourworld.mp4 differ
diff --git a/scripts/generate-all-people.js b/scripts/generate-all-people.js
new file mode 100644
index 0000000..42dd1c6
--- /dev/null
+++ b/scripts/generate-all-people.js
@@ -0,0 +1,230 @@
+#!/usr/bin/env node
+
+const fs = require('fs')
+const path = require('path')
+
+// Paths
+const peopleImagesDir = path.join(__dirname, '../public/images/people')
+const peopleComponentsDir = path.join(__dirname, '../src/components/people')
+const peopleAppDir = path.join(__dirname, '../src/app/people')
+
+// Function to parse markdown frontmatter
+function parseFrontmatter(content) {
+  const frontmatterRegex = /^---\n([\s\S]*?)\n---\n([\s\S]*)$/
+  const match = content.match(frontmatterRegex)
+  
+  if (!match) return null
+  
+  const frontmatter = {}
+  const body = match[2].trim()
+  
+  // Parse YAML-like frontmatter
+  const lines = match[1].split('\n')
+  let currentKey = null
+  
+  for (const line of lines) {
+    const trimmed = line.trim()
+    if (!trimmed) continue
+    
+    if (trimmed.includes(':') && !trimmed.startsWith(' ')) {
+      const [key, ...valueParts] = trimmed.split(':')
+      const value = valueParts.join(':').trim()
+      currentKey = key.trim()
+      
+      if (value) {
+        if (value.startsWith('[') && value.endsWith(']')) {
+          // Array value
+          frontmatter[currentKey] = value.slice(1, -1).split(',').map(v => v.trim())
+        } else if (value.startsWith('{') && value.endsWith('}')) {
+          // Object value - parse simple key-value pairs
+          const obj = {}
+          const objContent = value.slice(1, -1)
+          const pairs = objContent.split(',')
+          for (const pair of pairs) {
+            const [k, v] = pair.split(':').map(s => s.trim())
+            if (k && v) {
+              obj[k] = v
+            }
+          }
+          frontmatter[currentKey] = obj
+        } else {
+          frontmatter[currentKey] = value
+        }
+      }
+    }
+  }
+  
+  return { frontmatter, body }
+}
+
+// Function to convert name to component name
+function nameToComponentName(name) {
+  return name.replace(/\s+/g, '_').replace(/[^a-zA-Z0-9_]/g, '')
+}
+
+// Function to convert name to function name
+function nameToFunctionName(name) {
+  return 'People_' + nameToComponentName(name)
+}
+
+// Function to generate people component
+function generatePeopleComponent(personData) {
+  const { name, role, imageUrl, linkedinUrl, description } = personData
+  const functionName = nameToFunctionName(name)
+  
+  return `import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: '${name}',
+    role: '${role}',
+    imageUrl: '${imageUrl}',
+    xUrl: '#',
+    linkedinUrl: '${linkedinUrl || '#'}',
+  },
+]
+
+const biography = \`
+  <p class="text-lg/7">
+    ${description || `${name} is a valued member of our team, bringing expertise and dedication to their role as ${role}.`}
+  </p>
+\`
+
+export function ${functionName}() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
+`
+}
+
+// Function to generate page component
+function generatePageComponent(personData) {
+  const { name } = personData
+  const functionName = nameToFunctionName(name)
+  const componentName = nameToComponentName(name)
+  const pageFunctionName = name.replace(/\s+/g, '') + 'Page'
+  
+  return `import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { ${functionName} } from '@/components/people/People_${componentName}'
+
+export default function ${pageFunctionName}() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <${functionName} />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
+`
+}
+
+// Main function
+function main() {
+  console.log('🔍 Scanning for people data...')
+  
+  if (!fs.existsSync(peopleImagesDir)) {
+    console.log('❌ People images directory not found')
+    return
+  }
+
+  const peopleDirectories = fs.readdirSync(peopleImagesDir)
+    .filter(dir => {
+      const dirPath = path.join(peopleImagesDir, dir)
+      return fs.statSync(dirPath).isDirectory() && dir !== '_index.md'
+    })
+
+  console.log(`✅ Found ${peopleDirectories.length} people directories`)
+
+  let generatedCount = 0
+  let updatedCount = 0
+
+  for (const personDir of peopleDirectories) {
+    try {
+      const indexPath = path.join(peopleImagesDir, personDir, 'index.md')
+      
+      if (!fs.existsSync(indexPath)) {
+        console.log(`⚠️  No index.md found for ${personDir}`)
+        continue
+      }
+
+      const content = fs.readFileSync(indexPath, 'utf8')
+      const parsed = parseFrontmatter(content)
+      
+      if (!parsed) {
+        console.log(`⚠️  Could not parse frontmatter for ${personDir}`)
+        continue
+      }
+
+      const { frontmatter, body } = parsed
+      
+      // Find the actual image file
+      const imageExtensions = ['jpg', 'jpeg', 'png']
+      let actualImagePath = frontmatter.extra?.imgPath
+      
+      if (!actualImagePath) {
+        // Try to find the image file with different extensions
+        for (const ext of imageExtensions) {
+          const imagePath = path.join(peopleImagesDir, personDir, `${personDir}.${ext}`)
+          if (fs.existsSync(imagePath)) {
+            actualImagePath = `${personDir}.${ext}`
+            break
+          }
+        }
+        // Fallback to jpg if no image found
+        actualImagePath = actualImagePath || `${personDir}.jpg`
+      }
+
+      // Extract person data
+      const personData = {
+        name: frontmatter.title || personDir.replace(/_/g, ' '),
+        role: frontmatter.description || 'Team Member',
+        imageUrl: `/images/people/${personDir}/${actualImagePath}`,
+        linkedinUrl: frontmatter.extra?.socialLinks?.LinkedIn || '#',
+        description: body || `${frontmatter.title} is a valued member of our team.`
+      }
+
+      // Generate component
+      const componentName = nameToComponentName(personData.name)
+      const componentPath = path.join(peopleComponentsDir, `People_${componentName}.tsx`)
+      
+      if (!fs.existsSync(componentPath)) {
+        const componentContent = generatePeopleComponent(personData)
+        fs.writeFileSync(componentPath, componentContent, 'utf8')
+        console.log(`✅ Generated component: People_${componentName}.tsx`)
+        generatedCount++
+      }
+
+      // Update page.tsx
+      const pagePath = path.join(peopleAppDir, personDir, 'page.tsx')
+      
+      if (fs.existsSync(pagePath)) {
+        const pageContent = generatePageComponent(personData)
+        fs.writeFileSync(pagePath, pageContent, 'utf8')
+        console.log(`✅ Updated page: ${personDir}/page.tsx`)
+        updatedCount++
+      }
+
+    } catch (error) {
+      console.error(`❌ Error processing ${personDir}:`, error.message)
+    }
+  }
+
+  console.log(`\n🎉 Generation complete!`)
+  console.log(`   - Generated ${generatedCount} new components`)
+  console.log(`   - Updated ${updatedCount} page files`)
+  console.log(`\n📝 Run 'npm run generate-people-data' to update the data registry`)
+}
+
+// Run the script
+if (require.main === module) {
+  main()
+}
+
+module.exports = { main }
diff --git a/scripts/generate-people-data.js b/scripts/generate-people-data.js
new file mode 100644
index 0000000..7ec1bbf
--- /dev/null
+++ b/scripts/generate-people-data.js
@@ -0,0 +1,127 @@
+#!/usr/bin/env node
+
+const fs = require('fs')
+const path = require('path')
+
+// Paths
+const peopleComponentsDir = path.join(__dirname, '../src/components/people')
+const peopleDataFile = path.join(__dirname, '../src/lib/peopleData.ts')
+
+// Function to get all People_*.tsx files
+function getPeopleComponents() {
+  if (!fs.existsSync(peopleComponentsDir)) {
+    console.log('People components directory not found')
+    return []
+  }
+
+  const files = fs.readdirSync(peopleComponentsDir)
+  return files
+    .filter(file => file.startsWith('People_') && file.endsWith('.tsx'))
+    .map(file => {
+      const componentName = file.replace('.tsx', '')
+      const importName = componentName.toLowerCase().replace('people_', '')
+      return {
+        fileName: file,
+        componentName,
+        importName,
+        importPath: `@/components/people/${componentName}`
+      }
+    })
+}
+
+// Function to generate the peopleData.ts content
+function generatePeopleDataContent(components) {
+  const imports = components
+    .map(comp => `import { data as ${comp.importName}Data } from '${comp.importPath}'`)
+    .join('\n')
+
+  const dynamicImports = components
+    .map(comp => `    () => import('${comp.importPath}'),`)
+    .join('\n')
+
+  const syncDataPush = components
+    .map(comp => `
+  try {
+    allPeopleData.push(...${comp.importName}Data)
+  } catch (error) {
+    console.error('Error loading ${comp.importName} data:', error)
+  }`)
+    .join('\n')
+
+  return `// This file is auto-generated by scripts/generate-people-data.js
+// When new people components are added, run: npm run generate-people-data
+
+export interface PersonData {
+  name: string
+  role: string
+  imageUrl: string
+  xUrl: string
+  linkedinUrl: string
+}
+
+// Function to dynamically get all people data
+export async function getAllPeopleData(): Promise<PersonData[]> {
+  const allPeopleData: PersonData[] = []
+
+  // Auto-generated list of all people components
+  const peopleComponents = [
+${dynamicImports}
+  ]
+
+  for (const importComponent of peopleComponents) {
+    try {
+      const module = await importComponent()
+      if (module.data && Array.isArray(module.data)) {
+        allPeopleData.push(...module.data)
+      }
+    } catch (error) {
+      console.error('Error loading people data:', error)
+    }
+  }
+
+  return allPeopleData
+}
+
+// Synchronous version using static imports for immediate data access
+${imports}
+
+export function getAllPeopleDataSync(): PersonData[] {
+  const allPeopleData: PersonData[] = []
+${syncDataPush}
+
+  return allPeopleData
+}
+`
+}
+
+// Main function
+function main() {
+  console.log('🔍 Scanning for people components...')
+  
+  const components = getPeopleComponents()
+  
+  if (components.length === 0) {
+    console.log('❌ No people components found')
+    return
+  }
+
+  console.log(`✅ Found ${components.length} people component(s):`)
+  components.forEach(comp => {
+    console.log(`   - ${comp.componentName}`)
+  })
+
+  console.log('📝 Generating peopleData.ts...')
+  
+  const content = generatePeopleDataContent(components)
+  fs.writeFileSync(peopleDataFile, content, 'utf8')
+  
+  console.log('✅ Successfully updated src/lib/peopleData.ts')
+  console.log('\n🎉 All people components will now automatically appear on the people page!')
+}
+
+// Run the script
+if (require.main === module) {
+  main()
+}
+
+module.exports = { main, getPeopleComponents, generatePeopleDataContent }
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..96790cd
--- /dev/null
+++ b/src/app/about/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'
+
+export default function About() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <AboutHero />
+        <AboutMission />
+        <AboutExperience />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/api/contact/route.ts b/src/app/api/contact/route.ts
new file mode 100644
index 0000000..c8fb7b1
--- /dev/null
+++ b/src/app/api/contact/route.ts
@@ -0,0 +1,80 @@
+import { NextRequest, NextResponse } from 'next/server'
+import nodemailer from 'nodemailer'
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { firstName, lastName, email, phoneNumber, message } = body
+
+    // Validate required fields
+    if (!firstName || !lastName || !email || !message) {
+      return NextResponse.json(
+        { error: 'Missing required fields' },
+        { status: 400 }
+      )
+    }
+
+    // Create transporter using Gmail SMTP
+    const transporter = nodemailer.createTransport({
+      service: 'gmail',
+      auth: {
+        user: process.env.GMAIL_USER,
+        pass: process.env.GMAIL_APP_PASSWORD,
+      },
+    })
+
+    // Email content
+    const mailOptions = {
+      from: process.env.GMAIL_USER,
+      to: process.env.COMPANY_EMAIL || process.env.GMAIL_USER,
+      subject: `New Contact Form Submission from ${firstName} ${lastName}`,
+      html: `
+        <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
+          <h2 style="color: #4f46e5;">New Contact Form Submission</h2>
+          
+          <div style="background-color: #f8fafc; padding: 20px; border-radius: 8px; margin: 20px 0;">
+            <h3 style="margin-top: 0; color: #374151;">Contact Information</h3>
+            <p><strong>Name:</strong> ${firstName} ${lastName}</p>
+            <p><strong>Email:</strong> <a href="mailto:${email}">${email}</a></p>
+            ${phoneNumber ? `<p><strong>Phone:</strong> ${phoneNumber}</p>` : ''}
+          </div>
+          
+          <div style="background-color: #f8fafc; padding: 20px; border-radius: 8px; margin: 20px 0;">
+            <h3 style="margin-top: 0; color: #374151;">Message</h3>
+            <p style="white-space: pre-wrap;">${message}</p>
+          </div>
+          
+          <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb; color: #6b7280; font-size: 14px;">
+            <p>This email was sent from the OurWorld contact form on ${new Date().toLocaleString()}.</p>
+          </div>
+        </div>
+      `,
+      text: `
+New Contact Form Submission
+
+Name: ${firstName} ${lastName}
+Email: ${email}
+${phoneNumber ? `Phone: ${phoneNumber}` : ''}
+
+Message:
+${message}
+
+Sent on: ${new Date().toLocaleString()}
+      `,
+    }
+
+    // Send email
+    await transporter.sendMail(mailOptions)
+
+    return NextResponse.json(
+      { message: 'Email sent successfully' },
+      { status: 200 }
+    )
+  } catch (error) {
+    console.error('Error sending email:', error)
+    return NextResponse.json(
+      { error: 'Failed to send email' },
+      { status: 500 }
+    )
+  }
+}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..2fa797f
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,33 @@
+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 { ContactHero } from '@/components/ContactHero'
+
+export default function Contact() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <ContactHero />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 65e3675..feacb3c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,4 @@
 import { type Metadata } from 'next'
-import { Inter, Lexend } from 'next/font/google'
 import clsx from 'clsx'
 
 import '@/styles/tailwind.css'
@@ -10,20 +9,13 @@ export const metadata: Metadata = {
     default: 'OurWorld - Accounting made simple for small businesses',
   },
   description:
-    'Most bookkeeping software is accurate, but hard to use. We make the opposite trade-off, and hope you don’t get audited.',
+    'Most bookkeeping software is accurate, but hard to use. We make the opposite trade-off, and hope you don\'t get audited.',
 }
 
-const inter = Inter({
-  subsets: ['latin'],
-  display: 'swap',
-  variable: '--font-inter',
-})
-
-const lexend = Lexend({
-  subsets: ['latin'],
-  display: 'swap',
-  variable: '--font-lexend',
-})
+// Avenir font configuration with fallbacks
+const avenir = {
+  variable: '--font-avenir',
+}
 
 export default function RootLayout({
   children,
@@ -35,8 +27,7 @@ export default function RootLayout({
       lang="en"
       className={clsx(
         'h-full scroll-smooth bg-white antialiased',
-        inter.variable,
-        lexend.variable,
+        avenir.variable,
       )}
     >
       <body className="flex h-full flex-col">{children}</body>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index cdedf8e..627e4c9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,24 +1,31 @@
 import { CallToAction } from '@/components/CallToAction'
 import { Faqs } from '@/components/Faqs'
 import { Footer } from '@/components/Footer'
-import { Header } from '@/components/Header'
+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 { Header } from '@/components/Header'
+import { Header_darkbg } from '@/components/Header_darkbg'
 
 export default function Home() {
   return (
     <>
-      <Header />
+      <Header_darkbg />
       <main>
         <Hero />
-        <PrimaryFeatures />
-        <SecondaryFeatures />
+        <HomeAbout />
+        <HomePrinciples />
+        <HomeMilestones />
+        <HomeVentures />
+        <Quote />
         <CallToAction />
-        <Testimonials />
-        <Pricing />
         <Faqs />
       </main>
       <Footer />
diff --git a/src/app/people/Adnan_Fatayerji/page.tsx b/src/app/people/Adnan_Fatayerji/page.tsx
new file mode 100644
index 0000000..7ce8ec9
--- /dev/null
+++ b/src/app/people/Adnan_Fatayerji/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Adnan_Fateryji } from '@/components/people/People_Adnan_Fateryji'
+
+export default function AdnanFateryjiPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Adnan_Fateryji />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/Malte_Geierhos/page.tsx b/src/app/people/Malte_Geierhos/page.tsx
new file mode 100644
index 0000000..73c16c5
--- /dev/null
+++ b/src/app/people/Malte_Geierhos/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Malte_Geierhos } from '@/components/people/People_Malte_Geierhos'
+
+export default function MalteGeierhosPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Malte_Geierhos />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/alexandre_hannelas/page.tsx b/src/app/people/alexandre_hannelas/page.tsx
new file mode 100644
index 0000000..dd598ac
--- /dev/null
+++ b/src/app/people/alexandre_hannelas/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Alexandre_Hannelas } from '@/components/people/People_Alexandre_Hannelas'
+
+export default function AlexandreHannelasPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Alexandre_Hannelas />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/amrit_gayan/page.tsx b/src/app/people/amrit_gayan/page.tsx
new file mode 100644
index 0000000..43f498c
--- /dev/null
+++ b/src/app/people/amrit_gayan/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Amrit_Gayan } from '@/components/people/People_Amrit_Gayan'
+
+export default function AmritGayanPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Amrit_Gayan />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/chris_camponovo/page.tsx b/src/app/people/chris_camponovo/page.tsx
new file mode 100644
index 0000000..9146d10
--- /dev/null
+++ b/src/app/people/chris_camponovo/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Chris_Camponovo } from '@/components/people/People_Chris_Camponovo'
+
+export default function ChrisCamponovoPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Chris_Camponovo />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/florian_fournier/page.tsx b/src/app/people/florian_fournier/page.tsx
new file mode 100644
index 0000000..d7c70cf
--- /dev/null
+++ b/src/app/people/florian_fournier/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Florian_Fournier } from '@/components/people/People_Florian_Fournier'
+
+export default function FlorianFournierPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Florian_Fournier />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/gregory_flipo/page.tsx b/src/app/people/gregory_flipo/page.tsx
new file mode 100644
index 0000000..8cb29bf
--- /dev/null
+++ b/src/app/people/gregory_flipo/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Gregory_Flipo } from '@/components/people/People_Gregory_Flipo'
+
+export default function GregoryFlipoPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Gregory_Flipo />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/hugo_mathecowitsch/page.tsx b/src/app/people/hugo_mathecowitsch/page.tsx
new file mode 100644
index 0000000..06dd5cb
--- /dev/null
+++ b/src/app/people/hugo_mathecowitsch/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Hugo_Mathecowitsch } from '@/components/people/People_Hugo_Mathecowitsch'
+
+export default function HugoMathecowitschPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Hugo_Mathecowitsch />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/jan_de_landtsheer/page.tsx b/src/app/people/jan_de_landtsheer/page.tsx
new file mode 100644
index 0000000..ca9b055
--- /dev/null
+++ b/src/app/people/jan_de_landtsheer/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Jan_De_Landtsheer } from '@/components/people/People_Jan_De_Landtsheer'
+
+export default function JanDeLandtsheerPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Jan_De_Landtsheer />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/karoline_zizka/page.tsx b/src/app/people/karoline_zizka/page.tsx
new file mode 100644
index 0000000..e9121f3
--- /dev/null
+++ b/src/app/people/karoline_zizka/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Karoline_Zizka } from '@/components/people/People_Karoline_Zizka'
+
+export default function KarolineZizkaPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Karoline_Zizka />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/kristof_de_spiegeleer/page.tsx b/src/app/people/kristof_de_spiegeleer/page.tsx
new file mode 100644
index 0000000..4f19b72
--- /dev/null
+++ b/src/app/people/kristof_de_spiegeleer/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Kristof_de_Spiegeleer } from '@/components/people/People_Kristof_de_Spiegeleer'
+
+export default function KristofdeSpiegeleerPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Kristof_de_Spiegeleer />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/marion_ravarino/page.tsx b/src/app/people/marion_ravarino/page.tsx
new file mode 100644
index 0000000..2b3c5d6
--- /dev/null
+++ b/src/app/people/marion_ravarino/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Marion_Ravarino } from '@/components/people/People_Marion_Ravarino'
+
+export default function MarionRavarinoPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Marion_Ravarino />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/michel_coucke/page.tsx b/src/app/people/michel_coucke/page.tsx
new file mode 100644
index 0000000..6549908
--- /dev/null
+++ b/src/app/people/michel_coucke/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Michel_Coucke } from '@/components/people/People_Michel_Coucke'
+
+export default function MichelCouckePage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Michel_Coucke />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/nousrath_bhugeloo/page.tsx b/src/app/people/nousrath_bhugeloo/page.tsx
new file mode 100644
index 0000000..f6e5fdd
--- /dev/null
+++ b/src/app/people/nousrath_bhugeloo/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Nousrath_Bhugeloo } from '@/components/people/People_Nousrath_Bhugeloo'
+
+export default function NousrathBhugelooPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Nousrath_Bhugeloo />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/owen_kemp/page.tsx b/src/app/people/owen_kemp/page.tsx
new file mode 100644
index 0000000..e3448a9
--- /dev/null
+++ b/src/app/people/owen_kemp/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Owen_Kemp } from '@/components/people/People_Owen_Kemp'
+
+export default function OwenKempPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Owen_Kemp />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/page.tsx b/src/app/people/page.tsx
new file mode 100644
index 0000000..fb3538a
--- /dev/null
+++ b/src/app/people/page.tsx
@@ -0,0 +1,32 @@
+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 { PeopleHero } from '@/components/PeopleHero'
+
+export default function People() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <PeopleHero />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/sacha_obeegadoo/page.tsx b/src/app/people/sacha_obeegadoo/page.tsx
new file mode 100644
index 0000000..1351abf
--- /dev/null
+++ b/src/app/people/sacha_obeegadoo/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Sacha_Obeegadoo } from '@/components/people/People_Sacha_Obeegadoo'
+
+export default function SachaObeegadooPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Sacha_Obeegadoo />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/sam_taggart/page.tsx b/src/app/people/sam_taggart/page.tsx
new file mode 100644
index 0000000..21fa0bc
--- /dev/null
+++ b/src/app/people/sam_taggart/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Sam_Taggart } from '@/components/people/People_Sam_Taggart'
+
+export default function SamTaggartPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Sam_Taggart />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/sasha_astiadi/page.tsx b/src/app/people/sasha_astiadi/page.tsx
new file mode 100644
index 0000000..e8e569b
--- /dev/null
+++ b/src/app/people/sasha_astiadi/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Sasha_Astiadi } from '@/components/people/People_Sasha_Astiadi'
+
+export default function SashaAstiadiPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Sasha_Astiadi />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/timur_gordon/page.tsx b/src/app/people/timur_gordon/page.tsx
new file mode 100644
index 0000000..c22489f
--- /dev/null
+++ b/src/app/people/timur_gordon/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Timur_Gordon } from '@/components/people/People_Timur_Gordon'
+
+export default function TimurGordonPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Timur_Gordon />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/people/vianney_spriet/page.tsx b/src/app/people/vianney_spriet/page.tsx
new file mode 100644
index 0000000..ca5560d
--- /dev/null
+++ b/src/app/people/vianney_spriet/page.tsx
@@ -0,0 +1,19 @@
+import { CallToAction } from '@/components/CallToAction'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header_darkbg } from '@/components/Header_darkbg'
+import { People_Vianney_Spriet } from '@/components/people/People_Vianney_Spriet'
+
+export default function VianneySprietPage() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <People_Vianney_Spriet />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
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/app/ventures/freezone/page.tsx b/src/app/ventures/freezone/page.tsx
new file mode 100644
index 0000000..d8059e1
--- /dev/null
+++ b/src/app/ventures/freezone/page.tsx
@@ -0,0 +1,23 @@
+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'
+
+
+export default function Freezone() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesFreezone />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/app/ventures/geomind/page.tsx b/src/app/ventures/geomind/page.tsx
new file mode 100644
index 0000000..963200b
--- /dev/null
+++ b/src/app/ventures/geomind/page.tsx
@@ -0,0 +1,21 @@
+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 { VenturesGeomind } from '@/components/VenturesGeomind'
+
+export default function Geomind() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesGeomind />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/app/ventures/hero/page.tsx b/src/app/ventures/hero/page.tsx
new file mode 100644
index 0000000..5b9b6b1
--- /dev/null
+++ b/src/app/ventures/hero/page.tsx
@@ -0,0 +1,20 @@
+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 { VenturesHeroApp } from '@/components/VenturesHeroApp'
+export default function Hero() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesHeroApp />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/app/ventures/indaba/page.tsx b/src/app/ventures/indaba/page.tsx
new file mode 100644
index 0000000..0abe9ad
--- /dev/null
+++ b/src/app/ventures/indaba/page.tsx
@@ -0,0 +1,21 @@
+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 { VenturesIndaba } from '@/components/VenturesIndaba'
+
+export default function Indaba() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesIndaba />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/app/ventures/page.tsx b/src/app/ventures/page.tsx
new file mode 100644
index 0000000..64e0289
--- /dev/null
+++ b/src/app/ventures/page.tsx
@@ -0,0 +1,33 @@
+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 />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
diff --git a/src/app/ventures/threefold/page.tsx b/src/app/ventures/threefold/page.tsx
new file mode 100644
index 0000000..d94823d
--- /dev/null
+++ b/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 />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/components/AboutExperience.tsx b/src/components/AboutExperience.tsx
new file mode 100644
index 0000000..289bf52
--- /dev/null
+++ b/src/components/AboutExperience.tsx
@@ -0,0 +1,63 @@
+const timeline = [
+  {
+    name: 'Core Infrastructure',
+    description:
+      '✓ ThreeFold’s decentralized, autonomous edge computing technology came alive, serving as the backbone of the OurWorld ecosystem.',
+    date: 'Phase 1',
+    description2:
+      '✓ OurWorld helped secure $50M in investment from our community of investors.',
+  },
+  {
+    name: 'Zanzibar Digital Free Zone',
+    description:
+      '✓ Partnered with Government of Zanzibar through ZICTA to establish the Zanzibar Digital Free Zone with financial and other incentives for ventures.',
+     description2:
+      '✓ Developed an alpha version of integrated platforms within the Free Zone to onboard new ventures into the ecosystem.',
+    date: 'Phase 2',
+  },
+  {
+    name: 'Launch of New Ventures',
+    description:
+      '◯ $30M raise underway to expand core infrastructure and invest in new ventures with a focus on interdependent projects that strengthen the ecosystem collectively.',
+    description2:
+      '◯ Designing regulatory framework to facilitate digital assets exchanges and other decentralized financial platforms.',
+    date: 'Current Phase',
+  },
+  {
+    name: 'Scalable Impact',
+    description:
+      '◯ Deploy 1 million nodes and onboard 10 million users to empower the OurWorld ecosystem.',
+    description2:
+      '◯ Transition startups in our venture creator to community ownerships and ensure a successful exits for investors.',
+    date: 'Phase 4',
+  },
+]
+
+export function AboutExperience() {
+  return (
+    <div className="bg-white py-24">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-5xl text-center">
+          <p className="subtitle text-black">EXPERIENCE</p>
+          <h2 className="mt-2 h2-default text-black">
+            Proven Success
+          </h2>
+          <div className="mx-auto max-w-3xl mt-6">
+          <p className="p-default text-gray-900">
+           Incubaid's approach was very IT-centric – focusing on storage, automation and cloud. During this wave from 2000 till 2015, some of those companies defined parts of the cloud landscape, and are still being used actively today.
+          </p>
+        </div>
+        
+        <div className="mt-12 flex justify-center">
+          <img
+            src="/images/about/exits.png"
+            alt="Company exits and achievements"
+            className="w-full max-w-6xl h-auto rounded-2xl"
+          />
+        </div>
+        </div>
+        
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/AboutHero.tsx b/src/components/AboutHero.tsx
new file mode 100644
index 0000000..cb2373a
--- /dev/null
+++ b/src/components/AboutHero.tsx
@@ -0,0 +1,26 @@
+import { Button } from '@/components/Button'
+
+export function AboutHero() {
+
+  return (
+    <div className="mx-auto max-w-2xl py-32 px-6">
+          <div className="text-center">
+             <p className="subtitle text-black">ABOUT</p>
+            <h1 className="h1-default text-gray-900">
+              Building the Future of Digital Autonomy
+            </h1>
+            <p className="mt-8 p-default text-gray-500">
+              OurWorld is more than a venture creator – we create and develop new businesses, typically in the form of startups. We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. Support includes providing funding, resources, and mentorship.
+            </p>
+            <div className="mt-10 flex items-center justify-center gap-x-6">
+              <Button href="/contact" color="black">
+                Learn More
+              </Button>
+              <Button href="/ventures" variant="outline" color="slate">
+                Explore Ventures
+              </Button>
+            </div>
+          </div>
+    </div>
+    )
+    }
diff --git a/src/components/AboutMission.tsx b/src/components/AboutMission.tsx
new file mode 100644
index 0000000..102c1d3
--- /dev/null
+++ b/src/components/AboutMission.tsx
@@ -0,0 +1,86 @@
+import { Logo_mission } from '@/components/Logo_mission'
+import { Logo_hero } from '@/components/Logo_hero'
+
+const stats = [
+  { label: 'Founded', value: '2021' },
+  { label: 'Employees', value: '37' },
+  { label: 'Countries', value: '12' },
+  { label: 'Raised', value: '$25M' },
+]
+
+export function AboutMission() {
+  return (
+    <div className="bg-white py-12">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto grid max-w-2xl grid-cols-1 items-start gap-x-6 gap-y-16  lg:mx-0 lg:max-w-none lg:grid-cols-2">
+          <div className="lg:pr-4">
+            <div className="relative overflow-hidden rounded-3xl bg-gray-900 px-6 pt-64 pb-9 shadow-2xl lg:max-w-lg lg:px-12 lg:pb-8">
+              <img
+                alt=""
+                src="https://images.unsplash.com/photo-1630569267625-157f8f9d1a7e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2669&q=80"
+                className="absolute inset-0 size-full rounded-3xl object-cover brightness-125 saturate-0"
+              />
+              <div className="absolute inset-0 bg-gray-900 mix-blend-multiply" />
+              <div
+                aria-hidden="true"
+                className="absolute top-1/2 left-1/2 -ml-16 -translate-x-1/2 -translate-y-1/2 transform-gpu blur-3xl"
+              >
+                <div
+                  style={{
+                    clipPath:
+                      'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
+                  }}
+                  className="aspect-1097/845 w-274.25 bg-linear-to-tr from-[#ff4694] to-[#776fff] opacity-40"
+                />
+              </div>
+              <figure className="relative isolate">
+                <svg
+                  fill="none"
+                  viewBox="0 0 162 128"
+                  aria-hidden="true"
+                  className="absolute -top-4 -left-2 -z-10 h-32 stroke-white/20"
+                >
+                  <path
+                    d="M65.5697 118.507L65.8918 118.89C68.9503 116.314 71.367 113.253 73.1386 109.71C74.9162 106.155 75.8027 102.28 75.8027 98.0919C75.8027 94.237 75.16 90.6155 73.8708 87.2314C72.5851 83.8565 70.8137 80.9533 68.553 78.5292C66.4529 76.1079 63.9476 74.2482 61.0407 72.9536C58.2795 71.4949 55.276 70.767 52.0386 70.767C48.9935 70.767 46.4686 71.1668 44.4872 71.9924L44.4799 71.9955L44.4726 71.9988C42.7101 72.7999 41.1035 73.6831 39.6544 74.6492C38.2407 75.5916 36.8279 76.455 35.4159 77.2394L35.4047 77.2457L35.3938 77.2525C34.2318 77.9787 32.6713 78.3634 30.6736 78.3634C29.0405 78.3634 27.5131 77.2868 26.1274 74.8257C24.7483 72.2185 24.0519 69.2166 24.0519 65.8071C24.0519 60.0311 25.3782 54.4081 28.0373 48.9335C30.703 43.4454 34.3114 38.345 38.8667 33.6325C43.5812 28.761 49.0045 24.5159 55.1389 20.8979C60.1667 18.0071 65.4966 15.6179 71.1291 13.7305C73.8626 12.8145 75.8027 10.2968 75.8027 7.38572C75.8027 3.6497 72.6341 0.62247 68.8814 1.1527C61.1635 2.2432 53.7398 4.41426 46.6119 7.66522C37.5369 11.6459 29.5729 17.0612 22.7236 23.9105C16.0322 30.6019 10.618 38.4859 6.47981 47.558L6.47976 47.558L6.47682 47.5647C2.4901 56.6544 0.5 66.6148 0.5 77.4391C0.5 84.2996 1.61702 90.7679 3.85425 96.8404L3.8558 96.8445C6.08991 102.749 9.12394 108.02 12.959 112.654L12.959 112.654L12.9646 112.661C16.8027 117.138 21.2829 120.739 26.4034 123.459L26.4033 123.459L26.4144 123.465C31.5505 126.033 37.0873 127.316 43.0178 127.316C47.5035 127.316 51.6783 126.595 55.5376 125.148L55.5376 125.148L55.5477 125.144C59.5516 123.542 63.0052 121.456 65.9019 118.881L65.5697 118.507Z"
+                    id="0ef284b8-28c2-426e-9442-8655d393522e"
+                  />
+                  <use x={86} href="#0ef284b8-28c2-426e-9442-8655d393522e" />
+                </svg>
+                <blockquote className="mt-6 text-lg font-medium text-white">
+                  <p>
+                    "We need 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>
+                </blockquote>
+                <figcaption className="mt-6 text-sm/6 text-gray-300">
+                  <strong className="font-semibold text-white">Kristof De Spiegeleer,</strong> OurWorld Co-Founder & CEO
+                </figcaption>
+              </figure>
+            </div>
+          </div>
+          <div>
+            <div className="text-base/7 text-gray-700 lg:max-w-xl">
+              <p className="subtitle text-black">MISSION</p>
+              <h2 className="mt-2 h2-default text-gray-900">
+                Let's Shape Our Future Together
+              </h2>
+              <div className="max-w-xl">
+                <p className="mt-6 p-default">
+                  OurWorld aims not just to do business, but to do good for the world while we're at it. We are an international team of experts and passionate believers in a better world who choose to act to make a difference.
+                </p>
+                <p className="mt-8 p-default">
+                  This journey began with the creation of a new Internet infrastructure layer, a process that has taken over two decades – and was made possible by the contributions of thousands of people. Thank you to everyone who has made this possible.
+                </p>
+                <p className="mt-8 p-default">
+                  Some of our co-founders have experience running Incubaid, a successful incubator focused primarily on helping to change our planet for the better through technology that supports decentralization.
+                </p>
+                <p className="mt-8 p-default">
+                  Now in this stage, we are focused on paving the way for Augmented Collective Intelligence, as described by Abhishek Gupta: emergent intelligence from the effective collaboration of human and machine agents to solve shared problems where the whole is greater than the sum of its parts.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/BlueGradient.tsx b/src/components/BlueGradient.tsx
new file mode 100644
index 0000000..b7ef5fe
--- /dev/null
+++ b/src/components/BlueGradient.tsx
@@ -0,0 +1,11 @@
+export function BlueGradient() {
+  return (
+    <div 
+      className="absolute inset-0 pointer-events-none"
+      style={{
+        background: 'linear-gradient(to bottom, #000000 0%, #3533cd 100%)',
+        opacity: 0.5
+      }}
+    />
+  )
+}
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 50f225d..d67cb02 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -3,18 +3,22 @@ import clsx from 'clsx'
 
 const baseStyles = {
   solid:
-    'group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus-visible:outline-2 focus-visible:outline-offset-2',
+    'group inline-flex items-center justify-center rounded-full py-2 px-6 text-sm font-semibold focus-visible:outline-2 focus-visible:outline-offset-2',
   outline:
-    'group inline-flex ring-1 items-center justify-center rounded-full py-2 px-4 text-sm',
+    'group inline-flex ring-1 items-center justify-center rounded-full py-2 px-6 text-sm',
 }
 
 const variantStyles = {
   solid: {
     slate:
       'bg-slate-900 text-white hover:bg-slate-700 hover:text-slate-100 active:bg-slate-800 active:text-slate-300 focus-visible:outline-slate-900',
+    black:
+      'bg-black text-white hover:bg-gray-800 hover:text-white active:bg-gray-900 active:text-gray-100 focus-visible:outline-black',
     blue: 'bg-blue-600 text-white hover:text-slate-100 hover:bg-blue-500 active:bg-blue-800 active:text-blue-100 focus-visible:outline-blue-600',
     white:
-      'bg-white text-slate-900 hover:bg-blue-50 active:bg-blue-200 active:text-slate-600 focus-visible:outline-white',
+      'bg-white text-black hover:bg-gray-100 hover:text-black active:bg-gray-200 active:text-gray-800 focus-visible:outline-white',
+    radial:
+      'text-white hover:opacity-90 active:opacity-80 focus-visible:outline-blue-600',
   },
   outline: {
     slate:
@@ -45,6 +49,8 @@ export function Button({ className, ...props }: ButtonProps) {
   props.variant ??= 'solid'
   props.color ??= 'slate'
 
+  const isRadial = props.variant === 'solid' && props.color === 'radial'
+  
   className = clsx(
     baseStyles[props.variant],
     props.variant === 'outline'
@@ -55,9 +61,13 @@ export function Button({ className, ...props }: ButtonProps) {
     className,
   )
 
+  const style = isRadial ? {
+    background: 'radial-gradient(circle, #1b1a86 0%, #000000 100%)'
+  } : undefined
+
   return typeof props.href === 'undefined' ? (
-    <button className={className} {...props} />
+    <button className={className} style={style} {...props} />
   ) : (
-    <Link className={className} {...props} />
+    <Link className={className} style={style} {...props} />
   )
 }
diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx
index 1f2872a..f1f45ba 100644
--- a/src/components/CallToAction.tsx
+++ b/src/components/CallToAction.tsx
@@ -8,28 +8,27 @@ export function CallToAction() {
   return (
     <section
       id="get-started-today"
-      className="relative overflow-hidden bg-blue-600 py-32"
+      className="relative overflow-hidden bg-black py-32"
+      style={{
+
+      }}
     >
-      <Image
-        className="absolute top-1/2 left-1/2 max-w-none -translate-x-1/2 -translate-y-1/2"
-        src={backgroundImage}
-        alt=""
-        width={2347}
-        height={1244}
-        unoptimized
-      />
       <Container className="relative">
-        <div className="mx-auto max-w-lg text-center">
-          <h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
-            Get started today
+        <div className="mx-auto max-w-3xl text-center">
+          <h2 className="h2-default text-white">
+            Launch Ventures That Shape the Future
           </h2>
           <p className="mt-4 text-lg tracking-tight text-white">
-            It’s time to take control of your books. Buy our software so you can
-            feel like you’re doing something productive.
+            Partner with OurWorld to build infrastructure, metaverse platforms, DeFi, education, and digital economy ventures; all backed by funding, mentorship, and mission-aligned infrastructure.
           </p>
-          <Button href="/register" color="white" className="mt-10">
-            Get 6 months free
-          </Button>
+          <div className="mt-12 flex flex-col sm:flex-row gap-8 justify-center">
+            <Button href="/contact" color="white">
+              Contact Us
+            </Button>
+            <a href="https://calendly.com/florian_threefold/30min" className="button-outline">
+              Book a Meeting
+            </a>
+          </div>
         </div>
       </Container>
     </section>
diff --git a/src/components/ContactHero.tsx b/src/components/ContactHero.tsx
new file mode 100644
index 0000000..64cc317
--- /dev/null
+++ b/src/components/ContactHero.tsx
@@ -0,0 +1,100 @@
+'use client'
+
+import { BuildingOffice2Icon, EnvelopeIcon } from '@heroicons/react/24/outline'
+import { useState } from 'react'
+import Image from 'next/image'
+
+export function ContactHero() {
+  return (
+    <div className="relative isolate bg-gray-100">
+      <div className="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
+        {/* Left container (unchanged) */}
+        <div className="relative px-6 pt-24 pb-20 lg:static lg:px-8 lg:py-32">
+          <div className="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
+            <div className="absolute inset-y-0 left-0 -z-10 w-full overflow-hidden bg-gray-100 ring-1 ring-gray-900/10 lg:w-1/2">
+              <svg
+                aria-hidden="true"
+                className="absolute inset-0 size-full mask-[radial-gradient(100%_100%_at_top_right,white,transparent)] stroke-gray-200"
+              >
+                <defs>
+                  <pattern
+                    x="100%"
+                    y={-1}
+                    id="83fd4e5a-9d52-42fc-97b6-718e5d7ee527"
+                    width={200}
+                    height={200}
+                    patternUnits="userSpaceOnUse"
+                  >
+                    <path d="M130 200V.5M.5 .5H200" fill="none" />
+                  </pattern>
+                </defs>
+                <rect width="100%" height="100%" strokeWidth={0} className="fill-white" />
+                <svg x="100%" y={-1} className="overflow-visible fill-gray-50">
+                  <path d="M-470.5 0h201v201h-201Z" strokeWidth={0} />
+                </svg>
+                <rect fill="url(#83fd4e5a-9d52-42fc-97b6-718e5d7ee527)" width="100%" height="100%" strokeWidth={0} />
+              </svg>
+              <div
+                aria-hidden="true"
+                className="absolute top-[calc(100%-13rem)] -left-56 hidden transform-gpu blur-3xl lg:top-[calc(50%-7rem)] lg:left-[max(-14rem,calc(100%-59rem))]"
+              >
+                <div
+                  style={{
+                    clipPath:
+                      'polygon(74.1% 56.1%, 100% 38.6%, 97.5% 73.3%, 85.5% 100%, 80.7% 98.2%, 72.5% 67.7%, 60.2% 37.8%, 52.4% 32.2%, 47.5% 41.9%, 45.2% 65.8%, 27.5% 23.5%, 0.1% 35.4%, 17.9% 0.1%, 27.6% 23.5%, 76.1% 2.6%, 74.1% 56.1%)',
+                  }}
+                  className="aspect-1155/678 w-288.75 bg-linear-to-br from-[#80caff] to-[#4f46e5] opacity-10"
+                />
+              </div>
+            </div>
+            <h2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
+              Get in Touch
+            </h2>
+            <p className="mt-6 text-lg/8 text-gray-600">
+              At OurWorld, we value your feedback and inquiries. Whether you're interested in our ventures, have
+              questions about our technologies, or want to collaborate, we're here to connect. Reach out to us today
+              and let's build a better digital future together.
+            </p>
+            <dl className="mt-10 space-y-4 text-base/7 text-gray-600">
+              <div className="flex gap-x-4">
+                <dt className="flex-none">
+                  <span className="sr-only">Address</span>
+                  <BuildingOffice2Icon aria-hidden="true" className="h-7 w-6 text-gray-400" />
+                </dt>
+                <dd>
+                  Nexus Global Financial Services Limited,
+                  <br />
+                  Ebene, Mauritius.
+                </dd>
+              </div>
+              <div className="flex gap-x-4">
+                <dt className="flex-none">
+                  <span className="sr-only">Email</span>
+                  <EnvelopeIcon aria-hidden="true" className="h-7 w-6 text-gray-400" />
+                </dt>
+                <dd>
+                  <a href="mailto:info@ourworld.tf" className="hover:text-gray-900">
+                    info@ourworld.tf
+                  </a>
+                </dd>
+              </div>
+            </dl>
+          </div>
+        </div>
+
+        {/* Right container (image) */}
+        <div className="relative flex items-center justify-center bg-gray-100 px-6 lg:py-24 pt-12 pb-24 lg:px-8">
+          <div className="w-full max-w-md overflow-hidden rounded-lg shadow-lg">
+            <Image
+              src="/images/contact/contact.jpg"
+              alt="Team jumping at sunset"
+              width={900}
+              height={600}
+              className="h-auto w-full object-cover"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/Container.tsx b/src/components/Container.tsx
index 7eb5c6f..074ea16 100644
--- a/src/components/Container.tsx
+++ b/src/components/Container.tsx
@@ -6,7 +6,7 @@ export function Container({
 }: React.ComponentPropsWithoutRef<'div'>) {
   return (
     <div
-      className={clsx('mx-auto max-w-7xl px-4 sm:px-6 lg:px-8', className)}
+      className={clsx('mx-auto max-w-7xl px-6 sm:px-6 lg:px-8', className)}
       {...props}
     />
   )
diff --git a/src/components/Faqs.tsx b/src/components/Faqs.tsx
index d6801a8..cc4d66c 100644
--- a/src/components/Faqs.tsx
+++ b/src/components/Faqs.tsx
@@ -6,57 +6,59 @@ import backgroundImage from '@/images/background-faqs.jpg'
 const faqs = [
   [
     {
-      question: 'Does OurWorld handle VAT?',
+      question: 'What is OurWorld?',
       answer:
-        'Well no, but if you move your company offshore you can probably ignore it.',
+        'OurWorld is a venture creator focused on building decentralized digital infrastructure for a more sovereign, inclusive, and regenerative future.',
     },
     {
-      question: 'Can I pay for my subscription via purchase order?',
-      answer: 'Absolutely, we are happy to take your money in all forms.',
+      question: 'Who is OurWorld for?',
+      answer:
+        'We collaborate with entrepreneurs, investors, governments, and changemakers who want to build systems beyond Big Tech and traditional finance.',
     },
     {
-      question: 'How do I apply for a job at OurWorld?',
+      question: 'How does OurWorld support ventures?',
       answer:
-        'We only hire our customers, so subscribe for a minimum of 6 months and then let’s talk.',
+        'We co-create projects by providing capital, strategy, governance, technical infrastructure, and access to a global network of collaborators.',
     },
   ],
   [
     {
-      question: 'What was that testimonial about tax fraud all about?',
+      question: 'What kinds of projects are in the OurWorld ecosystem?',
       answer:
-        'OurWorld is just a software application, ultimately your books are your responsibility.',
+        'Our portfolio includes decentralized cloud (ThreeFold), tokenized economies (TF9), digital jurisdictions (FreeZone), and open education (Sikana).',
     },
     {
-      question:
-        'OurWorld sounds horrible but why do I still feel compelled to purchase?',
+      question: 'Where does OurWorld operate?',
       answer:
-        'This is the power of excellent visual design. You just can’t resist it, no matter how poorly it actually functions.',
+        'We’re active in strategic hubs like Mauritius, Zanzibar, UAE, Belgium, and expanding across Europe, Africa, and the Middle East.',
     },
     {
-      question:
-        'I found other companies called OurWorld, are you sure you can use this name?',
+      question: 'Is this a blockchain company?',
       answer:
-        'Honestly not sure at all. We haven’t actually incorporated or anything, we just thought it sounded cool and made this website.',
+        'We use blockchain when it’s useful, but OurWorld is much broader—it’s about real-world infrastructure and long-term systemic change.',
     },
   ],
   [
     {
-      question: 'How do you generate reports?',
+      question: 'How can I get involved with OurWorld?',
       answer:
-        'You just tell us what data you need a report for, and we get our kids to create beautiful charts for you using only the finest crayons.',
+        'Whether you’re a founder, funder, builder or policymaker—if you resonate with our mission, reach out to start a conversation.',
     },
     {
-      question: 'Can we expect more inventory features?',
-      answer: 'In life it’s really better to never expect anything at all.',
+      question: 'What is the Digital Freezone?',
+      answer:
+        'It’s a sovereign digital jurisdiction enabling remote company creation, tokenized commerce, and flexible digital residency.',
     },
     {
-      question: 'I lost my password, how do I get into my account?',
+      question: 'Where can I learn more or contact the team?',
       answer:
-        'Send us an email and we will send you a copy of our latest password spreadsheet so you can find your information.',
+        'Visit www.ourworld.tf or email us at info@ourworld.tf to explore opportunities and collaborations. Visit www.ourworld.tf/ventures to see our current initiatives.',
     },
   ],
 ]
 
+
+
 export function Faqs() {
   return (
     <section
@@ -64,21 +66,14 @@ export function Faqs() {
       aria-labelledby="faq-title"
       className="relative overflow-hidden bg-slate-50 py-20 sm:py-32"
     >
-      <Image
-        className="absolute top-0 left-1/2 max-w-none translate-x-[-30%] -translate-y-1/4"
-        src={backgroundImage}
-        alt=""
-        width={1558}
-        height={946}
-        unoptimized
-      />
+      
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:mx-0">
           <h2
             id="faq-title"
-            className="font-display text-3xl tracking-tight text-slate-900 sm:text-4xl"
+            className=" text-slate-900  h2-default"
           >
-            Frequently asked questions
+            Frequently Asked Questions
           </h2>
           <p className="mt-4 text-lg tracking-tight text-slate-700">
             If you can’t find what you’re looking for, email our support team
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 0599572..18deb77 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,50 +1,79 @@
-import Link from 'next/link'
+import { Logo_darkbg } from '@/components/Logo_darkbg'
+import { SVGProps } from 'react'
+import { EnvelopeIcon } from '@heroicons/react/20/solid'
 
-import { Container } from '@/components/Container'
-import { Logo } from '@/components/Logo'
-import { NavLink } from '@/components/NavLink'
+const navigation = {
+  solutions: [
+    { name: 'Marketing', href: '#' },
+    { name: 'Analytics', href: '#' },
+    { name: 'Automation', href: '#' },
+    { name: 'Commerce', href: '#' },
+    { name: 'Insights', href: '#' },
+  ],
+  support: [
+    { name: 'Submit ticket', href: '#' },
+    { name: 'Documentation', href: '#' },
+    { name: 'Guides', href: '#' },
+  ],
+  company: [
+    { name: 'About', href: '#' },
+    { name: 'Blog', href: '#' },
+    { name: 'Jobs', href: '#' },
+    { name: 'Press', href: '#' },
+  ],
+  legal: [
+    { name: 'Terms of service', href: '#' },
+    { name: 'Privacy policy', href: '#' },
+    { name: 'License', href: '#' },
+  ],
+  social: [
+    {
+      name: 'LinkedIn',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+       <svg
+          xmlns="http://www.w3.org/2000/svg"
+          xmlSpace="preserve"
+          version="1.1"
+          viewBox="0 0 382 382"
+          className={props.className}
+          aria-hidden="true"
+        >
+          <path
+            fill="currentColor"
+            d="M347.445 0H34.555C15.471 0 0 15.471 0 34.555v312.889C0 366.529 15.471 382 34.555 382h312.889C366.529 382 382 366.529 382 347.444V34.555C382 15.471 366.529 0 347.445 0M118.207 329.844c0 5.554-4.502 10.056-10.056 10.056H65.345c-5.554 0-10.056-4.502-10.056-10.056V150.403c0-5.554 4.502-10.056 10.056-10.056h42.806c5.554 0 10.056 4.502 10.056 10.056zM86.748 123.432c-22.459 0-40.666-18.207-40.666-40.666S64.289 42.1 86.748 42.1s40.666 18.207 40.666 40.666-18.206 40.666-40.666 40.666M341.91 330.654a9.247 9.247 0 0 1-9.246 9.246H286.73a9.247 9.247 0 0 1-9.246-9.246v-84.168c0-12.556 3.683-55.021-32.813-55.021-28.309 0-34.051 29.066-35.204 42.11v97.079a9.246 9.246 0 0 1-9.246 9.246h-44.426a9.247 9.247 0 0 1-9.246-9.246V149.593a9.247 9.247 0 0 1 9.246-9.246h44.426a9.247 9.247 0 0 1 9.246 9.246v15.655c10.497-15.753 26.097-27.912 59.312-27.912 73.552 0 73.131 68.716 73.131 106.472z"
+          ></path>
+        </svg>
+      ),
+    },
+    {
+      name: 'Mail',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+        <EnvelopeIcon className={props.className} aria-hidden="true" />
+      ),
+    },
+  ],
+}
 
 export function Footer() {
   return (
-    <footer className="bg-slate-50">
-      <Container>
-        <div className="py-16">
-          <Logo className="mx-auto h-10 w-auto" />
-          <nav className="mt-10 text-sm" aria-label="quick links">
-            <div className="-my-1 flex justify-center gap-x-6">
-              <NavLink href="#features">Features</NavLink>
-              <NavLink href="#testimonials">Testimonials</NavLink>
-              <NavLink href="#pricing">Pricing</NavLink>
-            </div>
-          </nav>
-        </div>
-        <div className="flex flex-col items-center border-t border-slate-400/10 py-10 sm:flex-row-reverse sm:justify-between">
-          <div className="flex gap-x-6">
-            <Link href="#" className="group" aria-label="OurWorld on X">
-              <svg
-                className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
-                aria-hidden="true"
-                viewBox="0 0 24 24"
-              >
-                <path d="M13.3174 10.7749L19.1457 4H17.7646L12.7039 9.88256L8.66193 4H4L10.1122 12.8955L4 20H5.38119L10.7254 13.7878L14.994 20H19.656L13.3171 10.7749H13.3174ZM11.4257 12.9738L10.8064 12.0881L5.87886 5.03974H8.00029L11.9769 10.728L12.5962 11.6137L17.7652 19.0075H15.6438L11.4257 12.9742V12.9738Z" />
-              </svg>
-            </Link>
-            <Link href="#" className="group" aria-label="OurWorld on GitHub">
-              <svg
-                className="h-6 w-6 fill-slate-500 group-hover:fill-slate-700"
-                aria-hidden="true"
-                viewBox="0 0 24 24"
-              >
-                <path d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0 1 12 6.844a9.59 9.59 0 0 1 2.504.337c1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0 0 22 12.017C22 6.484 17.522 2 12 2Z" />
-              </svg>
-            </Link>
+    <footer className="bg-black">
+      <div className="mx-auto max-w-7xl px-6  pb-8 lg:px-8">
+        <div className="mt-0 border-t border-white/10 pt-8 md:flex md:items-center md:justify-between">
+          <div className="flex gap-x-6 md:order-2">
+            {navigation.social.map((item) => (
+              <a key={item.name} href={item.href} className="text-gray-400 hover:text-white">
+                <span className="sr-only">{item.name}</span>
+                <item.icon aria-hidden="true" className="size-6" />
+              </a>
+            ))}
           </div>
-          <p className="mt-6 text-sm text-slate-500 sm:mt-0">
-            Copyright &copy; {new Date().getFullYear()} OurWorld. All rights
-            reserved.
+          <p className="mt-8 text-sm/6 text-gray-400 md:order-1 md:mt-0">
+            &copy; 2025  OurWorld Holdings. All rights reserved.
           </p>
         </div>
-      </Container>
+      </div>
     </footer>
   )
 }
diff --git a/src/components/Footer_archive.tsx b/src/components/Footer_archive.tsx
new file mode 100644
index 0000000..3e75965
--- /dev/null
+++ b/src/components/Footer_archive.tsx
@@ -0,0 +1,173 @@
+import { Logo_darkbg } from '@/components/Logo_darkbg'
+import { SVGProps } from 'react'
+
+const navigation = {
+  solutions: [
+    { name: 'Marketing', href: '#' },
+    { name: 'Analytics', href: '#' },
+    { name: 'Automation', href: '#' },
+    { name: 'Commerce', href: '#' },
+    { name: 'Insights', href: '#' },
+  ],
+  support: [
+    { name: 'Submit ticket', href: '#' },
+    { name: 'Documentation', href: '#' },
+    { name: 'Guides', href: '#' },
+  ],
+  company: [
+    { name: 'About', href: '#' },
+    { name: 'Blog', href: '#' },
+    { name: 'Jobs', href: '#' },
+    { name: 'Press', href: '#' },
+  ],
+  legal: [
+    { name: 'Terms of service', href: '#' },
+    { name: 'Privacy policy', href: '#' },
+    { name: 'License', href: '#' },
+  ],
+  social: [
+    {
+      name: 'Facebook',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+          <path
+            fillRule="evenodd"
+            d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
+            clipRule="evenodd"
+          />
+        </svg>
+      ),
+    },
+    {
+      name: 'Instagram',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+          <path
+            fillRule="evenodd"
+            d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 715.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
+            clipRule="evenodd"
+          />
+        </svg>
+      ),
+    },
+    {
+      name: 'X',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+          <path d="M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z" />
+        </svg>
+      ),
+    },
+    {
+      name: 'GitHub',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+          <path
+            fillRule="evenodd"
+            d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
+            clipRule="evenodd"
+          />
+        </svg>
+      ),
+    },
+    {
+      name: 'YouTube',
+      href: '#',
+      icon: (props: SVGProps<SVGSVGElement>) => (
+        <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
+          <path
+            fillRule="evenodd"
+            d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z"
+            clipRule="evenodd"
+          />
+        </svg>
+      ),
+    },
+  ],
+}
+
+export function FooterArchive() {
+  return (
+    <footer className="bg-black">
+      <div className="mx-auto max-w-7xl px-6 pt-16 pb-8 lg:pt-24 lg:px-8">
+        <div className="xl:grid xl:grid-cols-3 xl:gap-8">
+          <a href="/">
+            <Logo_darkbg className="h-9" />
+          </a>
+          <div className="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
+            <div className="md:grid md:grid-cols-2 md:gap-8">
+              <div>
+                <h3 className="text-sm/6 font-semibold text-white">Solutions</h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.solutions.map((item) => (
+                    <li key={item.name}>
+                      <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <div className="mt-10 md:mt-0">
+                <h3 className="text-sm/6 font-semibold text-white">Support</h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.support.map((item) => (
+                    <li key={item.name}>
+                      <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+            <div className="md:grid md:grid-cols-2 md:gap-8">
+              <div>
+                <h3 className="text-sm/6 font-semibold text-white">Company</h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.company.map((item) => (
+                    <li key={item.name}>
+                      <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+              <div className="mt-10 md:mt-0">
+                <h3 className="text-sm/6 font-semibold text-white">Legal</h3>
+                <ul role="list" className="mt-6 space-y-4">
+                  {navigation.legal.map((item) => (
+                    <li key={item.name}>
+                      <a href={item.href} className="text-sm/6 text-gray-400 hover:text-white">
+                        {item.name}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="mt-8 border-t border-white/10 pt-8 md:flex md:items-center md:justify-between">
+          <div className="flex gap-x-6 md:order-2">
+            {navigation.social.map((item) => (
+              <a key={item.name} href={item.href} className="text-gray-400 hover:text-white">
+                <span className="sr-only">{item.name}</span>
+                <item.icon aria-hidden="true" className="size-6" />
+              </a>
+            ))}
+          </div>
+          <p className="mt-8 text-sm/6 text-gray-400 md:order-1 md:mt-0">
+            &copy; 2024 Your Company, Inc. All rights reserved.
+          </p>
+        </div>
+      </div>
+    </footer>
+  )
+}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index e3c2aae..d57ae2f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -72,11 +72,10 @@ function MobileNavigation() {
         transition
         className="absolute inset-x-0 top-full mt-4 flex origin-top flex-col rounded-2xl bg-white p-4 text-lg tracking-tight text-slate-900 shadow-xl ring-1 ring-slate-900/5 data-closed:scale-95 data-closed:opacity-0 data-enter:duration-150 data-enter:ease-out data-leave:duration-100 data-leave:ease-in"
       >
-        <MobileNavLink href="#features">Features</MobileNavLink>
-        <MobileNavLink href="#testimonials">Testimonials</MobileNavLink>
-        <MobileNavLink href="#pricing">Pricing</MobileNavLink>
+        <MobileNavLink href="/about">About</MobileNavLink>
+        <MobileNavLink href="/ventures">Ventures</MobileNavLink>
         <hr className="m-2 border-slate-300/40" />
-        <MobileNavLink href="/login">Sign in</MobileNavLink>
+        <MobileNavLink href="/contact">Contact Us</MobileNavLink>
       </PopoverPanel>
     </Popover>
   )
@@ -84,28 +83,28 @@ function MobileNavigation() {
 
 export function Header() {
   return (
-    <header className="py-10">
+    <header className="py-5">
       <Container>
         <nav className="relative z-50 flex justify-between">
+          
           <div className="flex items-center md:gap-x-12">
-            <Link href="#" aria-label="Home">
-              <Logo className="h-10 w-auto" />
+            <Link href="/" aria-label="Home">
+              <Logo className="h-6 w-auto lg:h-6 md:h-8" />
             </Link>
             <div className="hidden md:flex md:gap-x-6">
-              <NavLink href="#features">Features</NavLink>
-              <NavLink href="#testimonials">Testimonials</NavLink>
-              <NavLink href="#pricing">Pricing</NavLink>
+              <NavLink href="/about">About</NavLink>
+              <NavLink href="/ventures">Ventures</NavLink>
+              <NavLink href="/people">People</NavLink>
             </div>
           </div>
           <div className="flex items-center gap-x-5 md:gap-x-8">
             <div className="hidden md:block">
-              <NavLink href="/login">Sign in</NavLink>
+              <Button href="/contact" color="black">
+                <span>
+                  Contact Us
+                </span>
+              </Button>
             </div>
-            <Button href="/register" color="blue">
-              <span>
-                Get started <span className="hidden lg:inline">today</span>
-              </span>
-            </Button>
             <div className="-mr-1 md:hidden">
               <MobileNavigation />
             </div>
diff --git a/src/components/Header_darkbg.tsx b/src/components/Header_darkbg.tsx
new file mode 100644
index 0000000..1426fbd
--- /dev/null
+++ b/src/components/Header_darkbg.tsx
@@ -0,0 +1,138 @@
+'use client'
+
+import Link from 'next/link'
+import {
+  Popover,
+  PopoverButton,
+  PopoverBackdrop,
+  PopoverPanel,
+} from '@headlessui/react'
+import clsx from 'clsx'
+
+import { Button } from '@/components/Button'
+import { Container } from '@/components/Container'
+import { Logo_darkbg } from '@/components/Logo_darkbg'
+function NavLinkDark({
+  href,
+  children,
+}: {
+  href: string
+  children: React.ReactNode
+}) {
+  return (
+    <Link
+      href={href}
+      className="inline-block rounded-lg px-2 py-1 text-base text-white hover:bg-white/10 hover:text-white"
+    >
+      {children}
+    </Link>
+  )
+}
+
+function MobileNavLink({
+  href,
+  children,
+}: {
+  href: string
+  children: React.ReactNode
+}) {
+  return (
+    <PopoverButton as={Link} href={href} className="block w-full p-2 text-white">
+      {children}
+    </PopoverButton>
+  )
+}
+
+function MobileNavIcon({ open }: { open: boolean }) {
+  return (
+    <svg
+      aria-hidden="true"
+      className="h-3.5 w-3.5 overflow-visible stroke-white"
+      fill="none"
+      strokeWidth={2}
+      strokeLinecap="round"
+    >
+      <path
+        d="M0 1H14M0 7H14M0 13H14"
+        className={clsx(
+          'origin-center transition',
+          open && 'scale-90 opacity-0',
+        )}
+      />
+      <path
+        d="M2 2L12 12M12 2L2 12"
+        className={clsx(
+          'origin-center transition',
+          !open && 'scale-90 opacity-0',
+        )}
+      />
+    </svg>
+  )
+}
+
+function MobileNavigation() {
+  return (
+    <Popover>
+      <PopoverButton
+        className="relative z-10 flex h-8 w-8 items-center justify-center focus:not-data-focus:outline-hidden"
+        aria-label="Toggle Navigation"
+      >
+        {({ open }) => <MobileNavIcon open={open} />}
+      </PopoverButton>
+      <PopoverBackdrop
+        transition
+        className="fixed inset-0 bg-black/50 duration-150 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in"
+      />
+      <PopoverPanel
+        transition
+        className="absolute inset-x-0 top-full mt-4 flex origin-top flex-col rounded-2xl bg-black p-4 text-lg tracking-tight text-white shadow-xl ring-1 ring-white/10 data-closed:scale-95 data-closed:opacity-0 data-enter:duration-150 data-enter:ease-out data-leave:duration-100 data-leave:ease-in"
+      >
+        <MobileNavLink href="/about">About</MobileNavLink>
+        <MobileNavLink href="/ventures">Ventures</MobileNavLink>
+        <hr className="m-2 border-white/20" />
+        <MobileNavLink href="/contact">Contact Us</MobileNavLink>
+      </PopoverPanel>
+    </Popover>
+  )
+}
+
+export function Header_darkbg() {
+  return (
+    <header className="py-5 relative">
+      <div 
+        className="absolute inset-0 pointer-events-none"
+        style={{
+          background: '#000000',
+          opacity: 1
+        }}
+      />
+      <Container>
+        <nav className="relative z-50 flex justify-between">
+          <div className="flex items-center md:gap-x-12">
+            <Link href="/" aria-label="Home">
+              <Logo_darkbg className="h-6 w-auto lg:h-6 md:h-8" />
+            </Link>
+            <div className="hidden md:flex md:gap-x-6">
+              <NavLinkDark href="/about">About</NavLinkDark>
+              <NavLinkDark href="/ventures">Ventures</NavLinkDark>
+              <NavLinkDark href="/people">People</NavLinkDark>
+
+            </div>
+          </div>
+          <div className="flex items-center gap-x-5 md:gap-x-8">
+            <div className="hidden md:block">
+              <Button href="/contact" color="white">
+                <span>
+                  Contact Us
+                </span>
+              </Button>
+            </div>
+            <div className="-mr-1 md:hidden">
+              <MobileNavigation />
+            </div>
+          </div>
+        </nav>
+      </Container>
+    </header>
+  )
+}
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index f1e1ad7..92aefed 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -2,85 +2,53 @@ import Image from 'next/image'
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import logoLaravel from '@/images/logos/laravel.svg'
-import logoMirage from '@/images/logos/mirage.svg'
-import logoStatamic from '@/images/logos/statamic.svg'
-import logoStaticKit from '@/images/logos/statickit.svg'
-import logoTransistor from '@/images/logos/transistor.svg'
-import logoTuple from '@/images/logos/tuple.svg'
+import { Logo_hero } from '@/components/Logo_hero'
+
+
 
 export function Hero() {
   return (
-    <Container className="pt-20 pb-16 text-center lg:pt-32">
-      <h1 className="mx-auto max-w-4xl font-display text-5xl font-medium tracking-tight text-slate-900 sm:text-7xl">
-        Accounting{' '}
-        <span className="relative whitespace-nowrap text-blue-600">
-          <svg
-            aria-hidden="true"
-            viewBox="0 0 418 42"
-            className="absolute top-2/3 left-0 h-[0.58em] w-full fill-blue-300/70"
-            preserveAspectRatio="none"
-          >
-            <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
-          </svg>
-          <span className="relative">made simple</span>
-        </span>{' '}
-        for small businesses.
-      </h1>
-      <p className="mx-auto mt-6 max-w-2xl text-lg tracking-tight text-slate-700">
-        Most bookkeeping software is accurate, but hard to use. We make the
-        opposite trade-off, and hope you don’t get audited.
+    <div className="relative overflow-hidden min-h-screen">
+      {/* Video Background */}
+      <video
+        autoPlay
+        muted
+        loop
+        playsInline
+        className="absolute inset-0 w-full h-full object-cover z-0"
+      >
+        <source src="/videos/ourworld.mp4" type="video/mp4" />
+      </video>
+      
+      {/* Overlay for better text readability */}
+      <div className="absolute inset-0 bg-black/20 z-10"></div>
+      
+      {/* Content */}
+      
+      <Container className="relative z-20 pt-24 pb-12 text-center lg:pt-32">
+        <div className="hidden sm:mb-8 sm:flex sm:justify-center">
+            <div className="relative rounded-full px-3 py-1 text-sm/6 text-gray-100 ring-1 ring-gray-100/20 hover:ring-gray-100/5">
+              Interested to Take Part?{' '}
+              <a href="https://calendly.com/florian_threefold/30min" className="font-bold text-white0">
+                <span aria-hidden="true" className="absolute inset-0" />
+                Book a Meeting <span aria-hidden="true">&rarr;</span>
+              </a>
+            </div>
+          </div>
+      <div className="mx-auto max-w-4xl flex justify-center">
+        <Logo_hero className='lg:h-auto h-0.5' />
+      </div>
+      <p className="mx-auto lg:mt-6 mt-4 max-w-2xl text-xl lg:text-2xl tracking-tight font-medium text-white/90">
+        Shaping the future of Augmented Collective Intelligence
       </p>
-      <div className="mt-10 flex justify-center gap-x-6">
-        <Button href="/register">Get 6 months free</Button>
-        <Button
-          href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
-          variant="outline"
-        >
-          <svg
-            aria-hidden="true"
-            className="h-3 w-3 flex-none fill-blue-600 group-active:fill-current"
-          >
-            <path d="m9.997 6.91-7.583 3.447A1 1 0 0 1 1 9.447V2.553a1 1 0 0 1 1.414-.91L9.997 5.09c.782.355.782 1.465 0 1.82Z" />
-          </svg>
-          <span className="ml-3">Watch video</span>
-        </Button>
-      </div>
-      <div className="mt-36 lg:mt-44">
-        <p className="font-display text-base text-slate-900">
-          Trusted by these six companies so far
-        </p>
-        <ul
-          role="list"
-          className="mt-8 flex items-center justify-center gap-x-8 sm:flex-col sm:gap-x-0 sm:gap-y-10 xl:flex-row xl:gap-x-12 xl:gap-y-0"
-        >
-          {[
-            [
-              { name: 'Transistor', logo: logoTransistor },
-              { name: 'Tuple', logo: logoTuple },
-              { name: 'StaticKit', logo: logoStaticKit },
-            ],
-            [
-              { name: 'Mirage', logo: logoMirage },
-              { name: 'Laravel', logo: logoLaravel },
-              { name: 'Statamic', logo: logoStatamic },
-            ],
-          ].map((group, groupIndex) => (
-            <li key={groupIndex}>
-              <ul
-                role="list"
-                className="flex flex-col items-center gap-y-8 sm:flex-row sm:gap-x-12 sm:gap-y-0"
-              >
-                {group.map((company) => (
-                  <li key={company.name} className="flex">
-                    <Image src={company.logo} alt={company.name} unoptimized />
-                  </li>
-                ))}
-              </ul>
-            </li>
-          ))}
-        </ul>
+      <p className="mx-auto mt-6 max-w-2xl text-lg lg:text-xl tracking-tight text-white/90">
+        At OurWorld, we are building the required infrastructures and tools to enable an Augmented Collective Intelligence ;  creating a fairer, decentralized, sustainable, and autonomous future for all.
+      </p>
+      <div className="mt-10 flex justify-center">
+        <Button href="/about" color="white">Learn More</Button>
       </div>
+      
     </Container>
+    </div>
   )
 }
diff --git a/src/components/HomeAbout.tsx b/src/components/HomeAbout.tsx
new file mode 100644
index 0000000..daf3a21
--- /dev/null
+++ b/src/components/HomeAbout.tsx
@@ -0,0 +1,104 @@
+import { ArrowPathIcon, CircleStackIcon, InboxIcon, RocketLaunchIcon, ScaleIcon, TrashIcon, UsersIcon } from '@heroicons/react/24/outline'
+
+const features = [
+  {
+    name: 'A Funding Platform',
+    description:
+      'Unlock unparalleled financial support for diverse, forward-thinking projects, focusing on cutting-edge technologies that benefit both the environment and society.',
+    href: '#',
+    icon: CircleStackIcon,
+  },
+  {
+    name: 'Legal & Financial Autonomy',
+    description:
+      'Experience true independence with our integrated system offering legal and financial freedom. Through innovative structures like free zones, we create a fertile ground for your business to flourish.',
+    href: '#',
+    icon: ScaleIcon,
+  },
+  {
+    name: 'Life Supporting Infrastructure',
+    description:
+      'Benefit from our holistic infrastructure that supports financial, educational- tailored to ensure that every startup within our venture ecosystem can thrive and grow sustainably.',
+    href: '#',
+    icon: ArrowPathIcon,
+  },
+    {
+    name: 'Technological Empowerment',
+    description:
+      'Harness the power of our advanced interconnected technological ecosystem, designed to grant individuals, communities, and countries complete digital autonomy.',
+    href: '#',
+    icon: RocketLaunchIcon,
+  },
+]
+
+export function HomeAbout() {
+  return (
+    <div className="relative bg-black py-24 sm:py-32 overflow-hidden">
+
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+         <div
+        aria-hidden="true"
+        className="absolute inset-0 -z-10 overflow-hidden"
+      >
+        <div
+          style={{
+            background: 'linear-gradient(135deg, #ff80b5 0%, #9089fc 100%)',
+            width: '800px',
+            height: '600px',
+            borderRadius: '50%',
+            filter: 'blur(100px)',
+            opacity: 0.3,
+            position: 'absolute',
+            top: '20%',
+            right: '10%'
+          }}
+        />
+        <div
+          style={{
+            background: 'linear-gradient(225deg, #9089fc 0%, #ff80b5 100%)',
+            width: '600px',
+            height: '400px',
+            borderRadius: '50%',
+            filter: 'blur(80px)',
+            opacity: 0.2,
+            position: 'absolute',
+            bottom: '20%',
+            left: '10%'
+          }}
+        />
+      </div>
+        <div className="mx-auto max-w-4xl lg:mx-0">
+          <p className="subtitle text-white">ABOUT</p>
+          <h2 className="mt-2 h2-default text-white">
+            Enabling an Interconnected Ecosystem to Enhance human Intelligence Through Collaboration.
+          </h2>
+        </div>
+        <div className="lg:mx-0 max-w-2xl mt-6">
+          <p className="p-default text-gray-300">
+            OurWorld is a venture creator, dedicated to empowering startups with the resources and support they need to revolutionize the future.
+          </p>
+        </div>
+        <div className="mx-auto mt-16 max-w-2xl lg:mt-16 lg:max-w-none">
+          <dl className="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
+            {features.map((feature) => (
+              <div key={feature.name} className="flex flex-col">
+                <dt className="text-xl/7 font-semibold text-white">
+                  <div className="mb-6 flex size-10 items-center justify-center rounded-lg bg-white">
+                    <feature.icon aria-hidden="true" className="size-6 text-black" />
+                  </div>
+                  {feature.name}
+                </dt>
+                <dd className="mt-1 flex flex-auto flex-col text-base/7 text-gray-300">
+                  <p className="flex-auto">{feature.description}</p>
+                  <p className="mt-6">
+                    
+                  </p>
+                </dd>
+              </div>
+            ))}
+          </dl>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/HomeMilestones.tsx b/src/components/HomeMilestones.tsx
new file mode 100644
index 0000000..4cb5c3e
--- /dev/null
+++ b/src/components/HomeMilestones.tsx
@@ -0,0 +1,77 @@
+const timeline = [
+  {
+    name: 'Core Infrastructure',
+    description:
+      '✓ ThreeFold’s decentralized, autonomous edge computing technology came alive, serving as the backbone of the OurWorld ecosystem.',
+    date: 'Phase 1',
+    description2:
+      '✓ OurWorld helped secure $50M in investment from our community of investors.',
+  },
+  {
+    name: 'Zanzibar Digital Free Zone',
+    description:
+      '✓ Partnered with Government of Zanzibar through ZICTA to establish the Zanzibar Digital Free Zone with financial and other incentives for ventures.',
+     description2:
+      '✓ Developed an alpha version of integrated platforms within the Free Zone to onboard new ventures into the ecosystem.',
+    date: 'Phase 2',
+  },
+  {
+    name: 'Launch of New Ventures',
+    description:
+      '◯ $30M raise underway to expand core infrastructure and invest in new ventures with a focus on interdependent projects that strengthen the ecosystem collectively.',
+    description2:
+      '◯ Designing regulatory framework to facilitate digital assets exchanges and other decentralized financial platforms.',
+    date: 'Current Phase',
+  },
+  {
+    name: 'Scalable Impact',
+    description:
+      '◯ Deploy 1 million nodes and onboard 10 million users to empower the OurWorld ecosystem.',
+    description2:
+      '◯ Transition startups in our venture creator to community ownerships and ensure a successful exits for investors.',
+    date: 'Phase 4',
+  },
+]
+
+export function HomeMilestones() {
+  return (
+    <div className="bg-black py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-4xl lg:mx-0">
+          <p className="subtitle text-white">MILESTONES</p>
+          <h2 className="mt-2 h2-default text-white">
+            Our Development Journey
+          </h2>
+          <div className="lg:mx-0 max-w-2xl mt-6">
+          <p className="p-default text-gray-300">
+           Transform the future – join a revolutionary journey towards a decentralized digital world driven by collaboration and collective intelligence.
+          </p>
+        </div>
+        </div>
+        <div className="mx-auto grid max-w-2xl mt-12 grid-cols-1 gap-8 overflow-hidden lg:mx-0 lg:max-w-none lg:grid-cols-4">
+          {timeline.map((item) => {
+            const isCurrent = item.date === 'Current Phase'
+            return (
+              <div key={item.name} className={`${isCurrent ? 'bg-white/5 ' : ''}`}>
+                <time className={`flex items-center text-sm/6 font-semibold ${isCurrent ? 'text-white' : 'text-white'}`}>
+                  <svg viewBox="0 0 4 4" aria-hidden="true" className="mr-4 size-1 flex-none">
+                    <circle r={2} cx={2} cy={2} fill="currentColor" />
+                  </svg>
+                  {item.date}
+                  {isCurrent && <span className="ml-2 text-xs bg-white text-black px-2 py-1 rounded-full">ACTIVE</span>}
+                  <div
+                    aria-hidden="true"
+                    className="absolute -ml-2 h-px w-screen -translate-x-full bg-white/20 sm:-ml-4 lg:static lg:-mr-6 lg:ml-8 lg:w-auto lg:flex-auto lg:translate-x-0"
+                  />
+                </time>
+                <p className={`mt-6 text-lg/8 font-semibold tracking-tight ${isCurrent ? 'text-white' : 'text-white'}`}>{item.name}</p>
+                <p className="mt-1 text-sm/7 text-gray-300 leading-relaxed">{item.description}</p>
+                <p className="mt-4 text-sm/7 text-gray-300 leading-relaxed">{item.description2}</p>
+              </div>
+            )
+          })}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/HomePrinciples.tsx b/src/components/HomePrinciples.tsx
new file mode 100644
index 0000000..0cd274a
--- /dev/null
+++ b/src/components/HomePrinciples.tsx
@@ -0,0 +1,33 @@
+const stats = [
+  { id: 1, name: 'Build in ways that respect and protect natural resources.', value: 'Planet First', image: '/images/home/planet.png' },
+  { id: 2, name: 'Ensure equality and equity in our ecosystem.', value: 'People First', image: '/images/home/people.png' },
+  { id: 3, name: 'Promote collaborative development across all our projects.', value: 'Open Source', image: '/images/home/open.png' },
+  { id: 4, name: 'Uphold an ethos of transparency and trust.', value: 'Authenticity', image: '/images/home/authentic.png' },
+  { id: 5, name: 'Eliminate design complexities to foster rapid progress.', value: 'Simplicity', image: '/images/home/simple.png' },
+]
+
+export function HomePrinciples() {
+  return (
+    <div className="bg-white py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-2xl lg:max-w-none">
+          <div className="text-center">
+            <h2 className="h2-default  text-gray-900 ">
+              The Foundation of Every Venture
+            </h2>
+            <p className="mt-4 p-default text-gray-600">Core Principles Guiding OurWorld's Vision for Building Successful Ventures.</p>
+          </div>
+          <dl className="mt-12 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-5">
+            {stats.map((stat) => (
+              <div key={stat.id} className="flex flex-col bg-white p-8 border-1 border-gray-200 hover:border-gray-300 transition-colors">
+                <img src={stat.image} alt={stat.value} className="mx-auto mb-4 h-16 w-16 object-contain" />
+                <dd className="text-xl font-semibold tracking-tight text-gray-900">{stat.value}</dd>
+                <dt className="mt-2 text-sm/6 font-medium leading-tight text-gray-600">{stat.name}</dt>
+              </div>
+            ))}
+          </dl>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/HomeVentures.tsx b/src/components/HomeVentures.tsx
new file mode 100644
index 0000000..539291e
--- /dev/null
+++ b/src/components/HomeVentures.tsx
@@ -0,0 +1,81 @@
+'use client'
+
+import { Button } from '@/components/Button'
+
+export function HomeVentures() {
+
+  return (
+    <div className="bg-white">
+        <div className="relative isolate">
+          <div className="overflow-hidden">
+            <div className="mx-auto max-w-7xl px-6 pt-24 pb-24 lg:px-8 lg:pt-24">
+              <div className="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
+                <div className="relative w-full lg:max-w-xl lg:shrink-0 xl:max-w-2xl">
+                  <p className="subtitle text-gray-900">
+                    VENTURES
+                  </p>
+                  <h2 className="h2-default text-gray-900">
+                    Where Innovation Meets Independence
+                  </h2>
+                  <p className="mt-8 p-default text-gray-500 lg:max-w-none">
+                    All ventures within the OurWorld ecosystem are connected through our shared principles, values, and the aim to bring forward a new era of digital autonomy and self-empowerment. Explore the ventures shaping our future.
+                  </p>
+                  <div className="mt-10 flex items-center">
+                  <Button href="/ventures" color="black">Explore Ventures</Button>
+                  </div>
+                </div>
+                <div className="mt-14 flex justify-end gap-8 sm:-mt-44 sm:justify-start sm:pl-20 lg:mt-0 lg:pl-0">
+                  <div className="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-0 xl:pt-80">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                  </div>
+                  <div className="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                  </div>
+                  <div className="w-44 flex-none space-y-8 pt-32 sm:pt-0">
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                    <div className="relative">
+                      <img
+                        alt=""
+                        src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80"
+                        className="aspect-2/3 w-full rounded-xl bg-gray-900/5 object-cover shadow-lg"
+                      />
+                      <div className="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-gray-900/10 ring-inset" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+  )
+}
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
index 10f91bd..cb5600d 100644
--- a/src/components/Logo.tsx
+++ b/src/components/Logo.tsx
@@ -1,32 +1,45 @@
 export function Logo(props: React.ComponentPropsWithoutRef<'svg'>) {
   return (
-    <svg aria-hidden="true" viewBox="0 0 109 40" {...props}>
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M0 20c0 11.046 8.954 20 20 20s20-8.954 20-20S31.046 0 20 0 0 8.954 0 20Zm20 16c-7.264 0-13.321-5.163-14.704-12.02C4.97 22.358 6.343 21 8 21h24c1.657 0 3.031 1.357 2.704 2.98C33.32 30.838 27.264 36 20 36Z"
-        fill="#2563EB"
-      />
-      <path
-        d="M55.528 26.57V15.842H52V13.97h9.108v1.872h-3.636V26.57h-1.944Z"
-        fill="#0F172A"
-      />
-      <path
-        d="M83.084 26.57v-12.6h5.346c.744 0 1.416.18 2.016.54a3.773 3.773 0 0 1 1.44 1.44c.36.612.54 1.302.54 2.07 0 .78-.18 1.482-.54 2.106a4 4 0 0 1-1.44 1.494c-.6.36-1.272.54-2.016.54h-2.646v4.41h-2.7Zm2.664-6.84h2.376c.288 0 .546-.072.774-.216.228-.156.408-.36.54-.612a1.71 1.71 0 0 0 .216-.864c0-.324-.072-.606-.216-.846a1.394 1.394 0 0 0-.54-.576 1.419 1.419 0 0 0-.774-.216h-2.376v3.33ZM106.227 26.57V13.25h2.556v13.32h-2.556Z"
-        fill="#2563EB"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M95.906 26.102c.636.432 1.35.648 2.142.648.444 0 .864-.066 1.26-.198a4.25 4.25 0 0 0 1.062-.558 3.78 3.78 0 0 0 .702-.668v1.244h2.574v-9.522h-2.538v1.248a3.562 3.562 0 0 0-.648-.672 3.13 3.13 0 0 0-1.026-.558 3.615 3.615 0 0 0-1.278-.216c-.828 0-1.566.216-2.214.648-.648.42-1.164 1.002-1.548 1.746-.372.732-.558 1.578-.558 2.538 0 .96.186 1.812.558 2.556.372.744.876 1.332 1.512 1.764Zm4.104-1.908c-.36.228-.78.342-1.26.342-.468 0-.882-.114-1.242-.342a2.387 2.387 0 0 1-.828-.954c-.204-.42-.306-.906-.306-1.458 0-.54.102-1.014.306-1.422.204-.408.48-.726.828-.954.36-.24.774-.36 1.242-.36.48 0 .9.12 1.26.36.36.228.636.546.828.954.204.408.306.882.306 1.422 0 .552-.102 1.038-.306 1.458a2.218 2.218 0 0 1-.828.954Z"
-        fill="#2563EB"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="m76.322 23.197 2.595 3.373h2.268l-3.662-4.787 3.338-4.663h-2.196l-2.162 3.334-2.554-3.334h-2.34l3.652 4.71-3.634 4.74h2.196l2.5-3.373ZM62.738 26.102a3.78 3.78 0 0 0 2.142.648c.456 0 .888-.072 1.296-.216.42-.144.798-.336 1.134-.576a3.418 3.418 0 0 0 .864-.835v1.447h1.872v-9.45h-1.872v1.45a3.118 3.118 0 0 0-.72-.82 3.2 3.2 0 0 0-1.062-.612 4.033 4.033 0 0 0-1.35-.216c-.828 0-1.578.21-2.25.63-.66.42-1.188 1.002-1.584 1.746-.384.732-.576 1.572-.576 2.52 0 .936.192 1.776.576 2.52.384.744.894 1.332 1.53 1.764Zm4.122-1.476c-.432.276-.93.414-1.494.414a2.682 2.682 0 0 1-1.476-.414 2.987 2.987 0 0 1-1.008-1.134c-.24-.492-.36-1.05-.36-1.674 0-.612.12-1.158.36-1.638.252-.48.588-.858 1.008-1.134a2.682 2.682 0 0 1 1.476-.414c.564 0 1.062.138 1.494.414.432.276.768.654 1.008 1.134.252.48.378 1.026.378 1.638 0 .624-.126 1.182-.378 1.674-.24.48-.576.858-1.008 1.134Z"
-        fill="#0F172A"
-      />
-    </svg>
+    <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="132"
+    height="32"
+    version="1.2"
+    viewBox="0 0 132 33.75"
+  >
+    <defs>
+      <clipPath id="a">
+        <path d="M18 26h11v6.66H18Zm0 0"></path>
+      </clipPath>
+      <clipPath id="b">
+        <path d="M28 14h5.578v12H28Zm0 0"></path>
+      </clipPath>
+      <clipPath id="c">
+        <path d="M6 26h11v6.66H6Zm0 0"></path>
+      </clipPath>
+      <clipPath id="d">
+        <path d="M11 .645h12V6H11Zm0 0"></path>
+      </clipPath>
+    </defs>
+    <g>
+      <path d="M16 13.473a8.7 8.7 0 0 1 1.207 2.09c.305-.762.711-1.461 1.203-2.09a7.781 7.781 0 0 0-1.203-6.145 7.74 7.74 0 0 0-1.348 3.578A7.8 7.8 0 0 0 16 13.473M2.996 13.742a7.8 7.8 0 0 0 2.727 4.188c.386.304.797.562 1.218.785a8.82 8.82 0 0 1 5.266-2.895 8.74 8.74 0 0 1-3.477-4.879q-.715.029-1.44.192a7.9 7.9 0 0 0-4.294 2.61M16.766 20.59a8.6 8.6 0 0 1-.168-2.38 8.8 8.8 0 0 1-2 1.36 7.83 7.83 0 0 0-1.602 6.04 7.88 7.88 0 0 0 3.77-5.02M24.793 10.957a7.97 7.97 0 0 0-5.594 2.895 8.6 8.6 0 0 1-.898 2.23 8.8 8.8 0 0 1 2.39-.367 7.92 7.92 0 0 0 4.102-4.758M14.059 18.879a8.7 8.7 0 0 1 1.78-1.621 8.9 8.9 0 0 1-2.327-.7 7.98 7.98 0 0 0-5.766 2.532 8.03 8.03 0 0 0 6.313-.211M17.207 31.387a7.84 7.84 0 0 0 3.52-3.567c.214-.441.375-.894.5-1.351a8.77 8.77 0 0 1-4.02-4.438 8.76 8.76 0 0 1-4.023 4.438c.125.457.289.91.504 1.351a7.82 7.82 0 0 0 3.519 3.567M21.219 20.121A8.64 8.64 0 0 1 22.21 26c.441.188.898.344 1.383.453a7.95 7.95 0 0 0 5.004-.5 7.72 7.72 0 0 0-1.368-6.18 8.8 8.8 0 0 1-3.48.715c-.855 0-1.71-.125-2.531-.367M9.621 10.957a7.9 7.9 0 0 0 4.102 4.758 8.7 8.7 0 0 1 2.386.37 8.7 8.7 0 0 1-.894-2.233 7.98 7.98 0 0 0-5.594-2.895M10.82 26.453A8 8 0 0 0 12.2 26a8.67 8.67 0 0 1 .995-5.879 9 9 0 0 1-2.535.367 8.85 8.85 0 0 1-3.48-.71 7.737 7.737 0 0 0-1.367 6.172c1.519.679 3.261.898 5.007.503M17.75 6.64a8.66 8.66 0 0 1 1.68 5.731 8.88 8.88 0 0 1 5.57-2.27c.086-.464.137-.945.137-1.433a7.77 7.77 0 0 0-1.614-4.734A7.9 7.9 0 0 0 17.75 6.64M16.664 6.64a7.907 7.907 0 0 0-5.777-2.707 7.77 7.77 0 0 0-1.614 4.735c0 .488.051.969.141 1.434a8.85 8.85 0 0 1 5.566 2.27 8.68 8.68 0 0 1 1.684-5.731m0 0"></path>
+      <g clipPath="url(#a)">
+        <path d="M23.402 27.281a9 9 0 0 1-1.39-.445c-.133.457-.297.91-.516 1.355a8.66 8.66 0 0 1-3.3 3.625 8 8 0 0 0 6.081-.324 7.87 7.87 0 0 0 4.047-4.508 8.8 8.8 0 0 1-4.922.297m0 0"></path>
+      </g>
+      <path d="M19.813 19.57a8.9 8.9 0 0 1-2-1.36 8.5 8.5 0 0 1-.168 2.38 7.89 7.89 0 0 0 3.773 5.02 7.85 7.85 0 0 0-1.605-6.04m0 0"></path>
+      <g clipPath="url(#b)">
+        <path d="M29.223 18.594c-.387.304-.797.57-1.215.804.277.387.531.793.746 1.235a8.63 8.63 0 0 1 .797 4.824 7.83 7.83 0 0 0 3.539-4.918 7.76 7.76 0 0 0-1.031-5.941 8.7 8.7 0 0 1-2.836 3.996m0 0"></path>
+      </g>
+      <path d="M5.66 20.633c.215-.442.469-.848.746-1.235a8.641 8.641 0 0 1-4.05-4.8 7.76 7.76 0 0 0-1.036 5.941 7.83 7.83 0 0 0 3.543 4.918c-.199-1.598.04-3.27.797-4.824m0 0"></path>
+      <g clipPath="url(#c)">
+        <path d="M12.914 28.191a8.7 8.7 0 0 1-.512-1.355c-.445.18-.906.336-1.39.445a8.78 8.78 0 0 1-4.922-.297 7.86 7.86 0 0 0 4.047 4.508 7.98 7.98 0 0 0 6.078.324 8.66 8.66 0 0 1-3.3-3.625m0 0"></path>
+      </g>
+      <path d="M31.418 13.742a7.9 7.9 0 0 0-4.297-2.61 8 8 0 0 0-1.441-.19 8.74 8.74 0 0 1-3.473 4.878 8.8 8.8 0 0 1 5.262 2.895 7.793 7.793 0 0 0 3.95-4.973M25.863 10.11c.48.027.965.085 1.45.195a8.73 8.73 0 0 1 4.308 2.39q.002-.013.004-.03a7.75 7.75 0 0 0-1.68-5.778 7.91 7.91 0 0 0-5.312-2.91c-.012 0-.024-.004-.035-.004a8.6 8.6 0 0 1 1.398 4.695c0 .492-.05.969-.133 1.441M20.898 16.559a8.8 8.8 0 0 1-2.328.699 8.6 8.6 0 0 1 1.782 1.62 8.04 8.04 0 0 0 6.316.212 8 8 0 0 0-5.77-2.531M2.793 12.695a8.7 8.7 0 0 1 4.305-2.39c.484-.11.968-.168 1.449-.196a9 9 0 0 1-.129-1.441 8.6 8.6 0 0 1 1.395-4.695c-.008 0-.02.004-.032.004a7.9 7.9 0 0 0-5.312 2.91 7.77 7.77 0 0 0-1.684 5.777q.004.02.008.031m0 0"></path>
+      <g clipPath="url(#d)">
+        <path d="M16.148 4.977c.391.308.735.644 1.059 1 .32-.356.668-.692 1.055-1a8.8 8.8 0 0 1 4.57-1.844A7.95 7.95 0 0 0 17.207.809c-2.2 0-4.187.89-5.629 2.324a8.8 8.8 0 0 1 4.57 1.844m0 0"></path>
+      </g>
+      <path d="M48.68 23.702q-2.221.012-3.969-.907-1.752-.92-2.765-2.797-1.002-1.887-1.031-4.625-.035-2.699.921-4.609.95-1.903 2.672-2.875 1.735-.983 3.985-1 2.25-.03 3.984.938 1.747.953 2.75 2.828.996 1.875 1.031 4.547.03 2.718-.937 4.64c-.649 1.274-1.547 2.23-2.703 2.875-1.157.637-2.47.961-3.938.985m4.25-8.454c-.023-1.78-.437-3.156-1.25-4.125q-1.206-1.45-3.172-1.421-1.94.016-3.125 1.5c-.781.98-1.164 2.359-1.14 4.14q.03 2.673 1.218 4.11 1.202 1.44 3.188 1.421 1.98-.03 3.14-1.484c.782-.976 1.16-2.36 1.141-4.14M62.392 20.803q1.061-.012 1.719-.75.668-.733.656-1.906l-.078-6.907 3.11-.03.14 11.843-2.984.031-.016-1.672h-.047c-.762 1.336-1.953 2.008-3.578 2.032-1.281.007-2.277-.352-2.984-1.094q-1.066-1.124-1.094-3.125l-.094-7.89 3.11-.032.093 7.422c.008.68.188 1.199.531 1.562q.515.534 1.516.516M76.046 10.853l.031 3.172a6 6 0 0 0-.843-.032q-2.925.035-2.89 2.782l.077 6.234-3.11.031-.14-11.843 2.985-.032.03 2.047h.048q.654-1.325 1.39-1.86.75-.527 1.828-.546.106 0 .594.047M81.435 18.6h.047q.684-4.2 2.078-11.688l3.547-.047 1.687 7.547q.218.956.375 1.813.17.862.297 1.53l.156.75h.047l.36-2.14q.199-1.03 1.593-7.234l.5-2.328 3.391-.031L91.2 22.787l-3.203.047c-1.23-5.445-2.101-9.594-2.609-12.437h-.047q-.409 2.878-1.234 6.921l-1.094 5.563-3.11.031L75.2 7.006l3.563-.047a368 368 0 0 1 1.703 7.078q.78 3.344.969 4.563M107.307 16.69c.008 1.281-.234 2.39-.734 3.328a5.3 5.3 0 0 1-2.11 2.188q-1.358.766-3.14.781-1.782.013-3.172-.719a5.33 5.33 0 0 1-2.172-2.14q-.768-1.39-.781-3.313-.033-1.905.719-3.328a5.4 5.4 0 0 1 2.125-2.187q1.37-.763 3.14-.782c1.188-.007 2.239.235 3.157.735a5.18 5.18 0 0 1 2.156 2.14q.779 1.394.812 3.297m-6.015 3.672c.945-.008 1.656-.332 2.125-.969.469-.632.695-1.523.687-2.672-.023-1.132-.277-2.015-.765-2.64q-.739-.936-2.157-.922-1.36.017-2.093.953-.721.938-.688 2.672.012 1.769.75 2.687.733.909 2.14.891M114.743 10.412l.031 3.172a6 6 0 0 0-.844-.031q-2.925.034-2.89 2.78l.078 6.235-3.11.032-.14-11.844 2.984-.031.031 2.046h.047q.655-1.325 1.39-1.859.75-.529 1.829-.547.106 0 .594.047M115.256 22.518 115.07 6.55l3.125-.03.187 15.968ZM127.614 22.371l-.016-1.484h-.047q-.55.939-1.453 1.39-.89.435-1.968.454-1.536.012-2.672-.766-1.127-.796-1.75-2.219-.613-1.435-.625-3.328c-.024-1.238.172-2.316.578-3.234.406-.914.976-1.63 1.719-2.14a4.54 4.54 0 0 1 2.546-.782q1.137-.012 2.016.469a3.8 3.8 0 0 1 1.422 1.343h.047l-.063-5.672 3.125-.03.188 15.968Zm0-5.656q-.017-1.811-.719-2.797c-.46-.656-1.133-.976-2.015-.969q-1.253.019-1.938.97-.691.956-.656 2.655.014 1.596.719 2.594.702 1.002 1.875.984 1.262-.011 2-.937.748-.937.734-2.5m0 0"></path>
+    </g>
+  </svg>
   )
 }
diff --git a/src/components/Logo_darkbg.tsx b/src/components/Logo_darkbg.tsx
new file mode 100644
index 0000000..5f9dcaa
--- /dev/null
+++ b/src/components/Logo_darkbg.tsx
@@ -0,0 +1,45 @@
+export function Logo_darkbg(props: React.ComponentPropsWithoutRef<'svg'>) {
+  return (
+    <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="132"
+    height="32"
+    version="1.2"
+    viewBox="0 0 132 33.75"
+  >
+    <defs>
+      <clipPath id="a">
+        <path d="M18 26h11v6.66H18Zm0 0"></path>
+      </clipPath>
+      <clipPath id="b">
+        <path d="M28 14h5.578v12H28Zm0 0"></path>
+      </clipPath>
+      <clipPath id="c">
+        <path d="M6 26h11v6.66H6Zm0 0"></path>
+      </clipPath>
+      <clipPath id="d">
+        <path d="M11 .645h12V6H11Zm0 0"></path>
+      </clipPath>
+    </defs>
+    <g fill="white">
+      <path d="M16 13.473a8.7 8.7 0 0 1 1.207 2.09c.305-.762.711-1.461 1.203-2.09a7.781 7.781 0 0 0-1.203-6.145 7.74 7.74 0 0 0-1.348 3.578A7.8 7.8 0 0 0 16 13.473M2.996 13.742a7.8 7.8 0 0 0 2.727 4.188c.386.304.797.562 1.218.785a8.82 8.82 0 0 1 5.266-2.895 8.74 8.74 0 0 1-3.477-4.879q-.715.029-1.44.192a7.9 7.9 0 0 0-4.294 2.61M16.766 20.59a8.6 8.6 0 0 1-.168-2.38 8.8 8.8 0 0 1-2 1.36 7.83 7.83 0 0 0-1.602 6.04 7.88 7.88 0 0 0 3.77-5.02M24.793 10.957a7.97 7.97 0 0 0-5.594 2.895 8.6 8.6 0 0 1-.898 2.23 8.8 8.8 0 0 1 2.39-.367 7.92 7.92 0 0 0 4.102-4.758M14.059 18.879a8.7 8.7 0 0 1 1.78-1.621 8.9 8.9 0 0 1-2.327-.7 7.98 7.98 0 0 0-5.766 2.532 8.03 8.03 0 0 0 6.313-.211M17.207 31.387a7.84 7.84 0 0 0 3.52-3.567c.214-.441.375-.894.5-1.351a8.77 8.77 0 0 1-4.02-4.438 8.76 8.76 0 0 1-4.023 4.438c.125.457.289.91.504 1.351a7.82 7.82 0 0 0 3.519 3.567M21.219 20.121A8.64 8.64 0 0 1 22.21 26c.441.188.898.344 1.383.453a7.95 7.95 0 0 0 5.004-.5 7.72 7.72 0 0 0-1.368-6.18 8.8 8.8 0 0 1-3.48.715c-.855 0-1.71-.125-2.531-.367M9.621 10.957a7.9 7.9 0 0 0 4.102 4.758 8.7 8.7 0 0 1 2.386.37 8.7 8.7 0 0 1-.894-2.233 7.98 7.98 0 0 0-5.594-2.895M10.82 26.453A8 8 0 0 0 12.2 26a8.67 8.67 0 0 1 .995-5.879 9 9 0 0 1-2.535.367 8.85 8.85 0 0 1-3.48-.71 7.737 7.737 0 0 0-1.367 6.172c1.519.679 3.261.898 5.007.503M17.75 6.64a8.66 8.66 0 0 1 1.68 5.731 8.88 8.88 0 0 1 5.57-2.27c.086-.464.137-.945.137-1.433a7.77 7.77 0 0 0-1.614-4.734A7.9 7.9 0 0 0 17.75 6.64M16.664 6.64a7.907 7.907 0 0 0-5.777-2.707 7.77 7.77 0 0 0-1.614 4.735c0 .488.051.969.141 1.434a8.85 8.85 0 0 1 5.566 2.27 8.68 8.68 0 0 1 1.684-5.731m0 0"></path>
+      <g clipPath="url(#a)">
+        <path d="M23.402 27.281a9 9 0 0 1-1.39-.445c-.133.457-.297.91-.516 1.355a8.66 8.66 0 0 1-3.3 3.625 8 8 0 0 0 6.081-.324 7.87 7.87 0 0 0 4.047-4.508 8.8 8.8 0 0 1-4.922.297m0 0"></path>
+      </g>
+      <path d="M19.813 19.57a8.9 8.9 0 0 1-2-1.36 8.5 8.5 0 0 1-.168 2.38 7.89 7.89 0 0 0 3.773 5.02 7.85 7.85 0 0 0-1.605-6.04m0 0"></path>
+      <g clipPath="url(#b)">
+        <path d="M29.223 18.594c-.387.304-.797.57-1.215.804.277.387.531.793.746 1.235a8.63 8.63 0 0 1 .797 4.824 7.83 7.83 0 0 0 3.539-4.918 7.76 7.76 0 0 0-1.031-5.941 8.7 8.7 0 0 1-2.836 3.996m0 0"></path>
+      </g>
+      <path d="M5.66 20.633c.215-.442.469-.848.746-1.235a8.641 8.641 0 0 1-4.05-4.8 7.76 7.76 0 0 0-1.036 5.941 7.83 7.83 0 0 0 3.543 4.918c-.199-1.598.04-3.27.797-4.824m0 0"></path>
+      <g clipPath="url(#c)">
+        <path d="M12.914 28.191a8.7 8.7 0 0 1-.512-1.355c-.445.18-.906.336-1.39.445a8.78 8.78 0 0 1-4.922-.297 7.86 7.86 0 0 0 4.047 4.508 7.98 7.98 0 0 0 6.078.324 8.66 8.66 0 0 1-3.3-3.625m0 0"></path>
+      </g>
+      <path d="M31.418 13.742a7.9 7.9 0 0 0-4.297-2.61 8 8 0 0 0-1.441-.19 8.74 8.74 0 0 1-3.473 4.878 8.8 8.8 0 0 1 5.262 2.895 7.793 7.793 0 0 0 3.95-4.973M25.863 10.11c.48.027.965.085 1.45.195a8.73 8.73 0 0 1 4.308 2.39q.002-.013.004-.03a7.75 7.75 0 0 0-1.68-5.778 7.91 7.91 0 0 0-5.312-2.91c-.012 0-.024-.004-.035-.004a8.6 8.6 0 0 1 1.398 4.695c0 .492-.05.969-.133 1.441M20.898 16.559a8.8 8.8 0 0 1-2.328.699 8.6 8.6 0 0 1 1.782 1.62 8.04 8.04 0 0 0 6.316.212 8 8 0 0 0-5.77-2.531M2.793 12.695a8.7 8.7 0 0 1 4.305-2.39c.484-.11.968-.168 1.449-.196a9 9 0 0 1-.129-1.441 8.6 8.6 0 0 1 1.395-4.695c-.008 0-.02.004-.032.004a7.9 7.9 0 0 0-5.312 2.91 7.77 7.77 0 0 0-1.684 5.777q.004.02.008.031m0 0"></path>
+      <g clipPath="url(#d)">
+        <path d="M16.148 4.977c.391.308.735.644 1.059 1 .32-.356.668-.692 1.055-1a8.8 8.8 0 0 1 4.57-1.844A7.95 7.95 0 0 0 17.207.809c-2.2 0-4.187.89-5.629 2.324a8.8 8.8 0 0 1 4.57 1.844m0 0"></path>
+      </g>
+      <path d="M48.68 23.702q-2.221.012-3.969-.907-1.752-.92-2.765-2.797-1.002-1.887-1.031-4.625-.035-2.699.921-4.609.95-1.903 2.672-2.875 1.735-.983 3.985-1 2.25-.03 3.984.938 1.747.953 2.75 2.828.996 1.875 1.031 4.547.03 2.718-.937 4.64c-.649 1.274-1.547 2.23-2.703 2.875-1.157.637-2.47.961-3.938.985m4.25-8.454c-.023-1.78-.437-3.156-1.25-4.125q-1.206-1.45-3.172-1.421-1.94.016-3.125 1.5c-.781.98-1.164 2.359-1.14 4.14q.03 2.673 1.218 4.11 1.202 1.44 3.188 1.421 1.98-.03 3.14-1.484c.782-.976 1.16-2.36 1.141-4.14M62.392 20.803q1.061-.012 1.719-.75.668-.733.656-1.906l-.078-6.907 3.11-.03.14 11.843-2.984.031-.016-1.672h-.047c-.762 1.336-1.953 2.008-3.578 2.032-1.281.007-2.277-.352-2.984-1.094q-1.066-1.124-1.094-3.125l-.094-7.89 3.11-.032.093 7.422c.008.68.188 1.199.531 1.562q.515.534 1.516.516M76.046 10.853l.031 3.172a6 6 0 0 0-.843-.032q-2.925.035-2.89 2.782l.077 6.234-3.11.031-.14-11.843 2.985-.032.03 2.047h.048q.654-1.325 1.39-1.86.75-.527 1.828-.546.106 0 .594.047M81.435 18.6h.047q.684-4.2 2.078-11.688l3.547-.047 1.687 7.547q.218.956.375 1.813.17.862.297 1.53l.156.75h.047l.36-2.14q.199-1.03 1.593-7.234l.5-2.328 3.391-.031L91.2 22.787l-3.203.047c-1.23-5.445-2.101-9.594-2.609-12.437h-.047q-.409 2.878-1.234 6.921l-1.094 5.563-3.11.031L75.2 7.006l3.563-.047a368 368 0 0 1 1.703 7.078q.78 3.344.969 4.563M107.307 16.69c.008 1.281-.234 2.39-.734 3.328a5.3 5.3 0 0 1-2.11 2.188q-1.358.766-3.14.781-1.782.013-3.172-.719a5.33 5.33 0 0 1-2.172-2.14q-.768-1.39-.781-3.313-.033-1.905.719-3.328a5.4 5.4 0 0 1 2.125-2.187q1.37-.763 3.14-.782c1.188-.007 2.239.235 3.157.735a5.18 5.18 0 0 1 2.156 2.14q.779 1.394.812 3.297m-6.015 3.672c.945-.008 1.656-.332 2.125-.969.469-.632.695-1.523.687-2.672-.023-1.132-.277-2.015-.765-2.64q-.739-.936-2.157-.922-1.36.017-2.093.953-.721.938-.688 2.672.012 1.769.75 2.687.733.909 2.14.891M114.743 10.412l.031 3.172a6 6 0 0 0-.844-.031q-2.925.034-2.89 2.78l.078 6.235-3.11.032-.14-11.844 2.984-.031.031 2.046h.047q.655-1.325 1.39-1.859.75-.529 1.829-.547.106 0 .594.047M115.256 22.518 115.07 6.55l3.125-.03.187 15.968ZM127.614 22.371l-.016-1.484h-.047q-.55.939-1.453 1.39-.89.435-1.968.454-1.536.012-2.672-.766-1.127-.796-1.75-2.219-.613-1.435-.625-3.328c-.024-1.238.172-2.316.578-3.234.406-.914.976-1.63 1.719-2.14a4.54 4.54 0 0 1 2.546-.782q1.137-.012 2.016.469a3.8 3.8 0 0 1 1.422 1.343h.047l-.063-5.672 3.125-.03.188 15.968Zm0-5.656q-.017-1.811-.719-2.797c-.46-.656-1.133-.976-2.015-.969q-1.253.019-1.938.97-.691.956-.656 2.655.014 1.596.719 2.594.702 1.002 1.875.984 1.262-.011 2-.937.748-.937.734-2.5m0 0"></path>
+    </g>
+  </svg>
+  )
+}
diff --git a/src/components/Logo_hero.tsx b/src/components/Logo_hero.tsx
new file mode 100644
index 0000000..4f18829
--- /dev/null
+++ b/src/components/Logo_hero.tsx
@@ -0,0 +1,45 @@
+export function Logo_hero(props: React.ComponentPropsWithoutRef<'svg'>) {
+  return (
+    <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="274"
+    height="70"
+    version="1.2"
+    viewBox="0 0 132 33.75"
+  >
+    <defs>
+      <clipPath id="a">
+        <path d="M18 26h11v6.66H18Zm0 0"></path>
+      </clipPath>
+      <clipPath id="b">
+        <path d="M28 14h5.578v12H28Zm0 0"></path>
+      </clipPath>
+      <clipPath id="c">
+        <path d="M6 26h11v6.66H6Zm0 0"></path>
+      </clipPath>
+      <clipPath id="d">
+        <path d="M11 .645h12V6H11Zm0 0"></path>
+      </clipPath>
+    </defs>
+    <g fill="white">
+      <path d="M16 13.473a8.7 8.7 0 0 1 1.207 2.09c.305-.762.711-1.461 1.203-2.09a7.781 7.781 0 0 0-1.203-6.145 7.74 7.74 0 0 0-1.348 3.578A7.8 7.8 0 0 0 16 13.473M2.996 13.742a7.8 7.8 0 0 0 2.727 4.188c.386.304.797.562 1.218.785a8.82 8.82 0 0 1 5.266-2.895 8.74 8.74 0 0 1-3.477-4.879q-.715.029-1.44.192a7.9 7.9 0 0 0-4.294 2.61M16.766 20.59a8.6 8.6 0 0 1-.168-2.38 8.8 8.8 0 0 1-2 1.36 7.83 7.83 0 0 0-1.602 6.04 7.88 7.88 0 0 0 3.77-5.02M24.793 10.957a7.97 7.97 0 0 0-5.594 2.895 8.6 8.6 0 0 1-.898 2.23 8.8 8.8 0 0 1 2.39-.367 7.92 7.92 0 0 0 4.102-4.758M14.059 18.879a8.7 8.7 0 0 1 1.78-1.621 8.9 8.9 0 0 1-2.327-.7 7.98 7.98 0 0 0-5.766 2.532 8.03 8.03 0 0 0 6.313-.211M17.207 31.387a7.84 7.84 0 0 0 3.52-3.567c.214-.441.375-.894.5-1.351a8.77 8.77 0 0 1-4.02-4.438 8.76 8.76 0 0 1-4.023 4.438c.125.457.289.91.504 1.351a7.82 7.82 0 0 0 3.519 3.567M21.219 20.121A8.64 8.64 0 0 1 22.21 26c.441.188.898.344 1.383.453a7.95 7.95 0 0 0 5.004-.5 7.72 7.72 0 0 0-1.368-6.18 8.8 8.8 0 0 1-3.48.715c-.855 0-1.71-.125-2.531-.367M9.621 10.957a7.9 7.9 0 0 0 4.102 4.758 8.7 8.7 0 0 1 2.386.37 8.7 8.7 0 0 1-.894-2.233 7.98 7.98 0 0 0-5.594-2.895M10.82 26.453A8 8 0 0 0 12.2 26a8.67 8.67 0 0 1 .995-5.879 9 9 0 0 1-2.535.367 8.85 8.85 0 0 1-3.48-.71 7.737 7.737 0 0 0-1.367 6.172c1.519.679 3.261.898 5.007.503M17.75 6.64a8.66 8.66 0 0 1 1.68 5.731 8.88 8.88 0 0 1 5.57-2.27c.086-.464.137-.945.137-1.433a7.77 7.77 0 0 0-1.614-4.734A7.9 7.9 0 0 0 17.75 6.64M16.664 6.64a7.907 7.907 0 0 0-5.777-2.707 7.77 7.77 0 0 0-1.614 4.735c0 .488.051.969.141 1.434a8.85 8.85 0 0 1 5.566 2.27 8.68 8.68 0 0 1 1.684-5.731m0 0"></path>
+      <g clipPath="url(#a)">
+        <path d="M23.402 27.281a9 9 0 0 1-1.39-.445c-.133.457-.297.91-.516 1.355a8.66 8.66 0 0 1-3.3 3.625 8 8 0 0 0 6.081-.324 7.87 7.87 0 0 0 4.047-4.508 8.8 8.8 0 0 1-4.922.297m0 0"></path>
+      </g>
+      <path d="M19.813 19.57a8.9 8.9 0 0 1-2-1.36 8.5 8.5 0 0 1-.168 2.38 7.89 7.89 0 0 0 3.773 5.02 7.85 7.85 0 0 0-1.605-6.04m0 0"></path>
+      <g clipPath="url(#b)">
+        <path d="M29.223 18.594c-.387.304-.797.57-1.215.804.277.387.531.793.746 1.235a8.63 8.63 0 0 1 .797 4.824 7.83 7.83 0 0 0 3.539-4.918 7.76 7.76 0 0 0-1.031-5.941 8.7 8.7 0 0 1-2.836 3.996m0 0"></path>
+      </g>
+      <path d="M5.66 20.633c.215-.442.469-.848.746-1.235a8.641 8.641 0 0 1-4.05-4.8 7.76 7.76 0 0 0-1.036 5.941 7.83 7.83 0 0 0 3.543 4.918c-.199-1.598.04-3.27.797-4.824m0 0"></path>
+      <g clipPath="url(#c)">
+        <path d="M12.914 28.191a8.7 8.7 0 0 1-.512-1.355c-.445.18-.906.336-1.39.445a8.78 8.78 0 0 1-4.922-.297 7.86 7.86 0 0 0 4.047 4.508 7.98 7.98 0 0 0 6.078.324 8.66 8.66 0 0 1-3.3-3.625m0 0"></path>
+      </g>
+      <path d="M31.418 13.742a7.9 7.9 0 0 0-4.297-2.61 8 8 0 0 0-1.441-.19 8.74 8.74 0 0 1-3.473 4.878 8.8 8.8 0 0 1 5.262 2.895 7.793 7.793 0 0 0 3.95-4.973M25.863 10.11c.48.027.965.085 1.45.195a8.73 8.73 0 0 1 4.308 2.39q.002-.013.004-.03a7.75 7.75 0 0 0-1.68-5.778 7.91 7.91 0 0 0-5.312-2.91c-.012 0-.024-.004-.035-.004a8.6 8.6 0 0 1 1.398 4.695c0 .492-.05.969-.133 1.441M20.898 16.559a8.8 8.8 0 0 1-2.328.699 8.6 8.6 0 0 1 1.782 1.62 8.04 8.04 0 0 0 6.316.212 8 8 0 0 0-5.77-2.531M2.793 12.695a8.7 8.7 0 0 1 4.305-2.39c.484-.11.968-.168 1.449-.196a9 9 0 0 1-.129-1.441 8.6 8.6 0 0 1 1.395-4.695c-.008 0-.02.004-.032.004a7.9 7.9 0 0 0-5.312 2.91 7.77 7.77 0 0 0-1.684 5.777q.004.02.008.031m0 0"></path>
+      <g clipPath="url(#d)">
+        <path d="M16.148 4.977c.391.308.735.644 1.059 1 .32-.356.668-.692 1.055-1a8.8 8.8 0 0 1 4.57-1.844A7.95 7.95 0 0 0 17.207.809c-2.2 0-4.187.89-5.629 2.324a8.8 8.8 0 0 1 4.57 1.844m0 0"></path>
+      </g>
+      <path d="M48.68 23.702q-2.221.012-3.969-.907-1.752-.92-2.765-2.797-1.002-1.887-1.031-4.625-.035-2.699.921-4.609.95-1.903 2.672-2.875 1.735-.983 3.985-1 2.25-.03 3.984.938 1.747.953 2.75 2.828.996 1.875 1.031 4.547.03 2.718-.937 4.64c-.649 1.274-1.547 2.23-2.703 2.875-1.157.637-2.47.961-3.938.985m4.25-8.454c-.023-1.78-.437-3.156-1.25-4.125q-1.206-1.45-3.172-1.421-1.94.016-3.125 1.5c-.781.98-1.164 2.359-1.14 4.14q.03 2.673 1.218 4.11 1.202 1.44 3.188 1.421 1.98-.03 3.14-1.484c.782-.976 1.16-2.36 1.141-4.14M62.392 20.803q1.061-.012 1.719-.75.668-.733.656-1.906l-.078-6.907 3.11-.03.14 11.843-2.984.031-.016-1.672h-.047c-.762 1.336-1.953 2.008-3.578 2.032-1.281.007-2.277-.352-2.984-1.094q-1.066-1.124-1.094-3.125l-.094-7.89 3.11-.032.093 7.422c.008.68.188 1.199.531 1.562q.515.534 1.516.516M76.046 10.853l.031 3.172a6 6 0 0 0-.843-.032q-2.925.035-2.89 2.782l.077 6.234-3.11.031-.14-11.843 2.985-.032.03 2.047h.048q.654-1.325 1.39-1.86.75-.527 1.828-.546.106 0 .594.047M81.435 18.6h.047q.684-4.2 2.078-11.688l3.547-.047 1.687 7.547q.218.956.375 1.813.17.862.297 1.53l.156.75h.047l.36-2.14q.199-1.03 1.593-7.234l.5-2.328 3.391-.031L91.2 22.787l-3.203.047c-1.23-5.445-2.101-9.594-2.609-12.437h-.047q-.409 2.878-1.234 6.921l-1.094 5.563-3.11.031L75.2 7.006l3.563-.047a368 368 0 0 1 1.703 7.078q.78 3.344.969 4.563M107.307 16.69c.008 1.281-.234 2.39-.734 3.328a5.3 5.3 0 0 1-2.11 2.188q-1.358.766-3.14.781-1.782.013-3.172-.719a5.33 5.33 0 0 1-2.172-2.14q-.768-1.39-.781-3.313-.033-1.905.719-3.328a5.4 5.4 0 0 1 2.125-2.187q1.37-.763 3.14-.782c1.188-.007 2.239.235 3.157.735a5.18 5.18 0 0 1 2.156 2.14q.779 1.394.812 3.297m-6.015 3.672c.945-.008 1.656-.332 2.125-.969.469-.632.695-1.523.687-2.672-.023-1.132-.277-2.015-.765-2.64q-.739-.936-2.157-.922-1.36.017-2.093.953-.721.938-.688 2.672.012 1.769.75 2.687.733.909 2.14.891M114.743 10.412l.031 3.172a6 6 0 0 0-.844-.031q-2.925.034-2.89 2.78l.078 6.235-3.11.032-.14-11.844 2.984-.031.031 2.046h.047q.655-1.325 1.39-1.859.75-.529 1.829-.547.106 0 .594.047M115.256 22.518 115.07 6.55l3.125-.03.187 15.968ZM127.614 22.371l-.016-1.484h-.047q-.55.939-1.453 1.39-.89.435-1.968.454-1.536.012-2.672-.766-1.127-.796-1.75-2.219-.613-1.435-.625-3.328c-.024-1.238.172-2.316.578-3.234.406-.914.976-1.63 1.719-2.14a4.54 4.54 0 0 1 2.546-.782q1.137-.012 2.016.469a3.8 3.8 0 0 1 1.422 1.343h.047l-.063-5.672 3.125-.03.188 15.968Zm0-5.656q-.017-1.811-.719-2.797c-.46-.656-1.133-.976-2.015-.969q-1.253.019-1.938.97-.691.956-.656 2.655.014 1.596.719 2.594.702 1.002 1.875.984 1.262-.011 2-.937.748-.937.734-2.5m0 0"></path>
+    </g>
+  </svg>
+  )
+}
diff --git a/src/components/Logo_mission.tsx b/src/components/Logo_mission.tsx
new file mode 100644
index 0000000..a470701
--- /dev/null
+++ b/src/components/Logo_mission.tsx
@@ -0,0 +1,46 @@
+export function Logo_mission(props: React.ComponentPropsWithoutRef<'svg'>) {
+  return (
+    <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="205"
+    height="52"
+    version="1.2"
+    viewBox="0 0 99 25.3"
+    {...props}
+    >
+    <defs>
+      <clipPath id="a">
+        <path d="M13.5 19.5h8.25v5H13.5Zm0 0"></path>
+      </clipPath>
+      <clipPath id="b">
+        <path d="M21 10.5h4.18v9H21Zm0 0"></path>
+      </clipPath>
+      <clipPath id="c">
+        <path d="M4.5 19.5h8.25v5H4.5Zm0 0"></path>
+      </clipPath>
+      <clipPath id="d">
+        <path d="M8.25 .48h9V4.5h-9Zm0 0"></path>
+      </clipPath>
+    </defs>
+    <g fill="white">
+      <path d="M12 10.1a6.5 6.5 0 0 1 .905 1.567c.229-.571.533-1.096.902-1.567a5.84 5.84 0 0 0-.902-4.609 5.8 5.8 0 0 0-1.011 2.684A5.85 5.85 0 0 0 12 10.1M2.247 10.307a5.85 5.85 0 0 0 2.045 3.141c.29.228.598.422.914.589a6.6 6.6 0 0 1 3.95-2.171 6.55 6.55 0 0 1-2.608-3.659q-.536.022-1.08.144a5.93 5.93 0 0 0-3.22 1.956M12.574 15.443a6.45 6.45 0 0 1-.126-1.785 6.6 6.6 0 0 1-1.5 1.02 5.87 5.87 0 0 0-1.201 4.53 5.91 5.91 0 0 0 2.827-3.765M18.595 8.218a5.98 5.98 0 0 0-4.196 2.171 6.45 6.45 0 0 1-.673 1.673 6.6 6.6 0 0 1 1.792-.275 5.94 5.94 0 0 0 3.077-3.569M10.544 14.159a6.5 6.5 0 0 1 1.335-1.216 6.68 6.68 0 0 1-1.745-.525 5.99 5.99 0 0 0-4.324 1.899 6.02 6.02 0 0 0 4.734-.158M12.905 23.54a5.88 5.88 0 0 0 2.64-2.675c.16-.331.281-.671.375-1.013a6.58 6.58 0 0 1-3.015-3.329 6.57 6.57 0 0 1-3.017 3.329c.094.343.217.682.378 1.013a5.87 5.87 0 0 0 2.639 2.675M15.914 15.091A6.48 6.48 0 0 1 16.658 19.5c.331.141.673.258 1.037.34a5.96 5.96 0 0 0 3.753-.375 5.79 5.79 0 0 0-1.026-4.635 6.6 6.6 0 0 1-2.61.536c-.641 0-1.282-.094-1.898-.275M7.216 8.218a5.93 5.93 0 0 0 3.077 3.569 6.5 6.5 0 0 1 1.789.277 6.5 6.5 0 0 1-.67-1.675 5.99 5.99 0 0 0-4.196-2.171M8.115 19.84A6 6 0 0 0 9.15 19.5a6.5 6.5 0 0 1 .746-4.409 6.75 6.75 0 0 1-1.901.275 6.64 6.64 0 0 1-2.61-.532 5.8 5.8 0 0 0-1.025 4.629c1.139.509 2.446.673 3.755.377M13.313 4.98a6.5 6.5 0 0 1 1.26 4.298 6.66 6.66 0 0 1 4.177-1.702c.065-.348.103-.709.103-1.075a5.83 5.83 0 0 0-1.21-3.551A5.93 5.93 0 0 0 13.313 4.98M12.498 4.98a5.93 5.93 0 0 0-4.333-2.03 5.83 5.83 0 0 0-1.21 3.551c0 .366.038.727.106 1.076a6.64 6.64 0 0 1 4.175 1.702 6.51 6.51 0 0 1 1.263-4.298m0 0"></path>
+      <g clipPath="url(#a)">
+        <path d="M17.552 20.461a6.75 6.75 0 0 1-1.043-.334c-.1.343-.223.682-.387 1.016a6.5 6.5 0 0 1-2.475 2.719 6 6 0 0 0 4.561-.243 5.9 5.9 0 0 0 3.035-3.381 6.6 6.6 0 0 1-3.691.223m0 0"></path>
+      </g>
+      <path d="M14.86 14.677a6.68 6.68 0 0 1-1.5-1.02 6.38 6.38 0 0 1-.126 1.785 5.92 5.92 0 0 0 2.83 3.765 5.89 5.89 0 0 0-1.204-4.53m0 0"></path>
+      <g clipPath="url(#b)">
+        <path d="M21.917 13.946c-.29.228-.598.427-.911.603.208.29.398.595.559.926a6.47 6.47 0 0 1 .598 3.618 5.87 5.87 0 0 0 2.654-3.689 5.82 5.82 0 0 0-.773-4.456 6.5 6.5 0 0 1-2.127 2.997m0 0"></path>
+      </g>
+      <path d="M4.245 15.475c.161-.332.352-.636.559-.926a6.48 6.48 0 0 1-3.037-3.6 5.82 5.82 0 0 0-.777 4.456 5.87 5.87 0 0 0 2.657 3.689c-.149-1.199.03-2.453.598-3.618m0 0"></path>
+      <g clipPath="url(#c)">
+        <path d="M9.686 21.143a6.5 6.5 0 0 1-.384-1.016c-.334.135-.679.252-1.043.334a6.58 6.58 0 0 1-3.691-.223 5.9 5.9 0 0 0 3.035 3.381 5.99 5.99 0 0 0 4.558.243 6.5 6.5 0 0 1-2.475-2.719m0 0"></path>
+      </g>
+      <path d="M23.564 10.307a5.93 5.93 0 0 0-3.223-1.956 6 6 0 0 0-1.081-.143 6.55 6.55 0 0 1-2.605 3.659 6.6 6.6 0 0 1 3.947 2.171 5.84 5.84 0 0 0 2.962-3.73M19.397 7.583c.36.02.724.064 1.088.146a6.55 6.55 0 0 1 3.231 1.792q.002-.01.003-.022a5.81 5.81 0 0 0-1.26-4.334 5.93 5.93 0 0 0-3.984-2.182c-.009 0-.018-.003-.026-.003a6.45 6.45 0 0 1 1.048 3.521c0 .369-.037.727-.1 1.081M15.674 12.419a6.6 6.6 0 0 1-1.746.524 6.45 6.45 0 0 1 1.337 1.215 6.03 6.03 0 0 0 4.737.159 6 6 0 0 0-4.328-1.898M2.095 9.521a6.5 6.5 0 0 1 3.229-1.792c.363-.083.726-.126 1.087-.147a6.75 6.75 0 0 1-.097-1.081 6.45 6.45 0 0 1 1.046-3.521c-.006 0-.015.003-.024.003a5.93 5.93 0 0 0-3.984 2.182 5.83 5.83 0 0 0-1.263 4.333q.003.015.006.023m0 0"></path>
+      <g clipPath="url(#d)">
+        <path d="M12.111 3.733c.293.231.551.483.794.75.24-.267.501-.519.791-.75a6.6 6.6 0 0 1 3.428-1.383A5.96 5.96 0 0 0 12.905.607c-1.65 0-3.14.668-4.222 1.743a6.6 6.6 0 0 1 3.428 1.383m0 0"></path>
+      </g>
+      <path d="M36.51 17.777q-1.666.009-2.977-.68-1.314-.69-2.074-2.098-.751-1.415-.773-3.469-.026-2.024.691-3.457.712-1.427 2.004-2.156 1.301-.737 2.989-.75 1.687-.022 2.988.703 1.31.715 2.062 2.121.747 1.406.773 3.41.023 2.039-.703 3.48c-.487.956-1.16 1.673-2.027 2.156-.868.478-1.852.721-2.953.74m3.188-6.34c-.017-1.335-.328-2.367-.938-3.094q-.904-1.087-2.379-1.066-1.455.012-2.344 1.125c-.586.735-.873 1.769-.855 3.105q.023 2.005.914 3.082.901 1.08 2.391 1.066 1.485-.022 2.355-1.113c.586-.732.87-1.77.856-3.105M46.794 15.602q.796-.009 1.289-.562.501-.55.492-1.43l-.058-5.18 2.332-.022.105 8.882-2.238.023-.012-1.254h-.035c-.571 1.002-1.465 1.506-2.683 1.524-.961.005-1.708-.264-2.238-.82q-.8-.843-.82-2.344l-.071-5.918 2.332-.024.07 5.566c.006.51.141.899.398 1.172q.387.4 1.137.387M57.035 8.14l.023 2.379a4.5 4.5 0 0 0-.632-.024q-2.194.026-2.168 2.086l.058 4.676-2.332.023-.105-8.882 2.238-.024.023 1.535h.036q.49-.994 1.042-1.395.563-.395 1.371-.41.08 0 .446.035M61.076 13.95h.035q.513-3.15 1.559-8.766l2.66-.035 1.265 5.66q.164.717.282 1.36.127.646.222 1.147l.117.562h.035l.27-1.605q.149-.772 1.195-5.425l.375-1.746 2.543-.023L67.4 17.09l-2.402.035c-.922-4.084-1.576-7.196-1.957-9.328h-.035q-.307 2.158-.925 5.191l-.82 4.172-2.333.023L56.4 5.254l2.672-.035a276 276 0 0 1 1.277 5.309q.585 2.508.727 3.422M80.48 12.518c.006.96-.175 1.792-.55 2.496a3.98 3.98 0 0 1-1.583 1.641q-1.018.574-2.355.586-1.336.01-2.379-.539a4 4 0 0 1-1.629-1.605q-.576-1.042-.586-2.485-.025-1.428.539-2.496a4.05 4.05 0 0 1 1.594-1.64q1.027-.572 2.355-.587c.89-.005 1.679.176 2.367.551a3.89 3.89 0 0 1 1.617 1.605q.584 1.046.61 2.473m-4.511 2.754c.708-.006 1.242-.249 1.594-.727.351-.474.52-1.142.515-2.004-.017-.849-.208-1.511-.574-1.98q-.554-.702-1.617-.691-1.02.012-1.57.715-.54.703-.515 2.004.009 1.327.562 2.015.55.682 1.605.668M86.057 7.809l.023 2.379a4.5 4.5 0 0 0-.633-.023q-2.194.025-2.167 2.085l.058 4.676-2.332.024-.105-8.883 2.238-.023.023 1.535h.035q.491-.994 1.043-1.395.562-.396 1.371-.41.08 0 .446.035M86.442 16.889L86.302 4.912l2.344-.023.14 11.976ZM95.71 16.778l-.012-1.113h-.035q-.412.704-1.09.043-.667.326-1.476.34-1.152.009-2.004-.574-.845-.597-1.312-1.664-.46-1.077-.469-2.496c-.018-.929.129-1.737.434-2.426.304-.685.732-1.222 1.289-1.605a3.4 3.4 0 0 1 1.91-.586q.852-.009 1.511.351a2.85 2.85 0 0 1 1.067 1.008h.035l-.047-4.254 2.344-.023.14 11.976Zm0-4.242q-.012-1.358-.539-2.098c-.345-.492-.85-.732-1.511-.727q-.94.014-1.453.727-.518.717-.492 1.992.01 1.197.539 1.945.527.752 1.406.738.947-.008 1.5-.703.561-.703.55-1.875m0 0"></path>
+    </g>
+  </svg>
+  )
+}
diff --git a/src/components/NavLink.tsx b/src/components/NavLink.tsx
index 5e9e54b..e3128ea 100644
--- a/src/components/NavLink.tsx
+++ b/src/components/NavLink.tsx
@@ -10,7 +10,7 @@ export function NavLink({
   return (
     <Link
       href={href}
-      className="inline-block rounded-lg px-2 py-1 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900"
+      className="inline-block rounded-lg px-2 py-1 text-base text-slate-700 hover:bg-slate-100 hover:text-slate-900"
     >
       {children}
     </Link>
diff --git a/src/components/PeopleHero.tsx b/src/components/PeopleHero.tsx
new file mode 100644
index 0000000..1e5c10e
--- /dev/null
+++ b/src/components/PeopleHero.tsx
@@ -0,0 +1,60 @@
+import Link from 'next/link'
+import { getAllPeopleDataSync, PersonData } from '@/lib/peopleData'
+
+// Function to convert name to URL slug
+function nameToSlug(name: string): string {
+  // Convert to lowercase and replace spaces with underscores
+  return name.replace(/\s+/g, '_').toLowerCase()
+}
+
+export function PeopleHero() {
+  const people = getAllPeopleDataSync()
+
+  return (
+    <div className="bg-white py-24 sm:py-32">
+      <div className="mx-auto max-w-7xl px-6 lg:px-8">
+        <div className="mx-auto max-w-2xl lg:mx-0">
+          <h2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">Our team</h2>
+          <p className="mt-6 text-lg/8 text-gray-600">
+            We're a dynamic group of individuals who are passionate about what we do and dedicated to delivering the
+            best results for our clients.
+          </p>
+        </div>
+        <ul
+          role="list"
+          className="mx-auto mt-20 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-4"
+        >
+          {people.map((person) => (
+            <li key={person.name}>
+              <img
+                alt=""
+                src={person.imageUrl}
+                className="aspect-1/1 w-full rounded-2xl object-cover outline-1 -outline-offset-1 outline-black/5"
+              />
+              <Link href={`/people/${nameToSlug(person.name)}`}>
+                <h3 className="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900 hover:text-indigo-600 cursor-pointer">{person.name}</h3>
+              </Link>
+              <p className="text-base/7 text-gray-600">{person.role}</p>
+              {person.linkedinUrl && person.linkedinUrl !== '#' && (
+                <ul role="list" className="mt-6 flex gap-x-6">
+                  <li>
+                    <a href={person.linkedinUrl} className="text-gray-400 hover:text-gray-500">
+                      <span className="sr-only">LinkedIn</span>
+                      <svg fill="currentColor" viewBox="0 0 20 20" aria-hidden="true" className="size-5">
+                        <path
+                          d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z"
+                          clipRule="evenodd"
+                          fillRule="evenodd"
+                        />
+                      </svg>
+                    </a>
+                  </li>
+                </ul>
+              )}
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/PersonTemplate.tsx b/src/components/PersonTemplate.tsx
new file mode 100644
index 0000000..df15f8f
--- /dev/null
+++ b/src/components/PersonTemplate.tsx
@@ -0,0 +1,82 @@
+import { PersonData } from '@/lib/peopleData'
+
+interface PersonTemplateProps {
+  personData: PersonData
+  biography: string
+}
+
+export function PersonTemplate({ personData, biography }: PersonTemplateProps) {
+  return (
+    <div className="overflow-hidden bg-white">
+      <div className="relative mx-auto max-w-7xl px-6 py-16 lg:px-8">
+        <div className="absolute top-0 bottom-0 left-3/4 hidden w-screen bg-gray-50 lg:block" />
+        <div className="mx-auto max-w-prose text-base lg:grid lg:max-w-none lg:grid-cols-2 lg:gap-8">
+          <div>
+            <h2 className="text-lg font-semibold text-indigo-600">Team Member</h2>
+            <h3 className="mt-2 text-3xl/8 font-bold tracking-tight text-gray-900 sm:text-4xl">Meet {personData.name}</h3>
+          </div>
+        </div>
+        <div className="mt-8 lg:grid lg:grid-cols-2 lg:gap-8">
+          <div className="relative lg:col-start-2 lg:row-start-1">
+            <svg
+              fill="none"
+              width={404}
+              height={384}
+              viewBox="0 0 404 384"
+              aria-hidden="true"
+              className="absolute top-0 right-0 -mt-20 -mr-20 hidden lg:block"
+            >
+              <defs>
+                <pattern
+                  x={0}
+                  y={0}
+                  id="de316486-4a29-4312-bdfc-fbce2132a2c1"
+                  width={20}
+                  height={20}
+                  patternUnits="userSpaceOnUse"
+                >
+                  <rect x={0} y={0} fill="currentColor" width={4} height={4} className="text-gray-200" />
+                </pattern>
+              </defs>
+              <rect fill="url(#de316486-4a29-4312-bdfc-fbce2132a2c1)" width={404} height={384} />
+            </svg>
+            <div className="relative mx-auto max-w-prose text-base lg:max-w-none">
+              <figure>
+                <img
+                  alt={personData.name}
+                  src={personData.imageUrl}
+                  width={592}
+                  height={688}
+                  className="aspect-12/7 w-1/2 mx-auto rounded-lg object-cover shadow-lg lg:aspect-auto"
+                />
+              </figure>
+            </div>
+          </div>
+          <div className="mt-8 lg:mt-0">
+            <div className="mx-auto text-base/7 text-gray-500">
+              <p className="text-lg/7 font-semibold text-gray-900 mb-4">{personData.role}</p>
+              <div 
+                className="prose prose-gray max-w-none"
+                dangerouslySetInnerHTML={{ __html: biography }}
+              />
+              
+              {/* Social Links */}
+              {personData.linkedinUrl && personData.linkedinUrl !== '#' && (
+                <div className="mt-8">
+                  <a 
+                    href={personData.linkedinUrl}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500"
+                  >
+                    Connect on LinkedIn
+                  </a>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/Quote.tsx b/src/components/Quote.tsx
new file mode 100644
index 0000000..16f84f5
--- /dev/null
+++ b/src/components/Quote.tsx
@@ -0,0 +1,34 @@
+export function Quote() {
+  return (
+    <section className="relative isolate overflow-hidden bg-white px-6 pt-24 pb-32 lg:px-8">
+      <div className="mx-auto max-w-2xl lg:max-w-4xl">
+        <img
+          alt=""
+          src="/images/home/quotes.png"
+          className="mx-auto h-12"
+        />
+        <figure className="mt-8">
+          <blockquote className="text-center text-2xl/8 font-light italic text-gray-900 sm:text-3xl/9">
+            <p>
+              “We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. The future we are building is one where technology empowers people and drives innovation while prioritizing safety and autonomy.”
+            </p>
+          </blockquote>
+          <figcaption className="mt-10">
+            <div className="flex items-center justify-center space-x-3 text-base">
+              <img
+                alt=""
+                src="/images/home/kds.png"
+                className="size-10 rounded-full"
+              />
+              <div className="font-semibold text-gray-900">Kristof De Spiegeleer</div>
+              <svg width={3} height={3} viewBox="0 0 2 2" aria-hidden="true" className="fill-gray-900">
+                <circle r={1} cx={1} cy={1} />
+              </svg>
+              <div className="text-gray-600">OurWorld Co-Founder & CEO</div>
+            </div>
+          </figcaption>
+        </figure>
+      </div>
+    </section>
+  )
+}
diff --git a/src/components/VenturesCybercity.tsx b/src/components/VenturesCybercity.tsx
new file mode 100644
index 0000000..1efa8de
--- /dev/null
+++ b/src/components/VenturesCybercity.tsx
@@ -0,0 +1,128 @@
+
+import { GlobeAltIcon, ServerStackIcon, RocketLaunchIcon, CpuChipIcon } 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">
+              This project is a pioneering collaboration between the Revolutionary Government of Zanzibar and forward-thinking partners.
+            </p>
+            <p className="mt-8 text-lg/7 text-gray-600">
+              Together, we’re creating a new kind of city, one designed for regeneration, creativity, and connection. A place where people don’t just live and work, but belong, contribute, and grow. Where innovation is grounded in local context, guided by shared values, and built to serve both people and planet.
+            </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">
+                <a href="/people/chris_camponovo" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Chris Camponovo</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/florian_fournier" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Florian Fournier</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </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-gray-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-gray-50">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">
+                <GlobeAltIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Digital Free Zone. </strong>  
+                  Streamlined, decentralized business hub with global connectivity. Anyone can become an e-resident, bringing the world to Zanzibar online.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <ServerStackIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Datacenter City. </strong>  
+                  Proudly hosts the nation’s most advanced and resilient datacenter, a distributed infrastructure that secures our digital future and reflects national sovereignty.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <RocketLaunchIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Venture Creator. </strong>  
+                  Empowers local startups with strategic guidance, funding support, data infrastructure, global networking, talent acquisition, and operational resources.
+                </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">Artificial Intelligence. </strong>  
+                  Co-owned AI hosted locally on Zanzibar’s national internet integrates into city services and generates income for city operations.
+                </span>
+              </li>
+            </ul>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/VenturesFreezone.tsx b/src/components/VenturesFreezone.tsx
new file mode 100644
index 0000000..3c0a66c
--- /dev/null
+++ b/src/components/VenturesFreezone.tsx
@@ -0,0 +1,146 @@
+
+import { IdentificationIcon, BuildingStorefrontIcon, BanknotesIcon, UserPlusIcon, GlobeAltIcon, BriefcaseIcon } from '@heroicons/react/20/solid'
+
+
+export  function VenturesFreezone() {
+  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">
+            OurWorld Digital Freezone
+          </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">
+                <a href="/people/chris_camponovo" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Chris Camponovo</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/florian_fournier" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Florian Fournier</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </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-gray-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-gray-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/VenturesGeomind.tsx b/src/components/VenturesGeomind.tsx
new file mode 100644
index 0000000..8b21def
--- /dev/null
+++ b/src/components/VenturesGeomind.tsx
@@ -0,0 +1,124 @@
+
+import { Cog6ToothIcon, ArrowsPointingOutIcon, CommandLineIcon, BoltIcon } from '@heroicons/react/20/solid'
+
+
+export  function VenturesGeomind() {
+  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">
+            GeoMind
+          </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">
+              GeoMind is a software company which has developed a cloud computing system designed for planetary-scale scalability, offering secure, immutable data storage that ensures integrity and permanence.
+            </p>
+            <p className="mt-8 text-lg/7 text-gray-600">
+              GeoMind’s platform redefines what modern cloud infrastructure can achieve. It is an ultra-secure, globally scalable edge and AI cloud environment with fully autonomous, self-healing capabilities. Designed for both traditional and emerging workloads, the technology provides unmatched sovereignty, scalability, and efficiency that traditional cloud solutions cannot deliver
+            </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">
+                <a href="/people/kristof_de_spiegeleer" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Kristof de Spiegeleer</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder & CEO</p> 
+                  </div>
+                </a>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/malte_geierhos" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <img
+                    alt=""
+                    src="/images/people/malte_geierhos/malte_geierhos.jpeg"
+                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
+                  />
+                  <div>
+                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Malte Geierhos</p>
+                    <p className="text-gray-600 text-sm/8">CTO</p> 
+                  </div>
+                </a>
+              </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'>
+                  Lochristi, Vlaanderen
+                </p>
+                <p className='mt-6'>
+                  Website
+                </p>
+                 <p className='text-lg/7 font-light text-gray-600'>
+                  <a href="https://geomind.io/" className="text-indigo-600 hover:text-gray-500">www.geomind.io</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-gray-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">
+                <Cog6ToothIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Fully Autonomous.</strong> Self-healing capabilities ensure resilience and minimal maintenance.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <ArrowsPointingOutIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Planetary-Scale Scalability.</strong> The system scales seamlessly from edge devices to large-scale data centers.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <CommandLineIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Cross-Compatibility.</strong> Compatible with Web2, Web3, and AI workloads, all within a unified stack.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <BoltIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Energy Efficiency.</strong> Optimized for high performance with minimal energy consumption.
+                </span>
+              </li>
+            </ul>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/VenturesHero.tsx b/src/components/VenturesHero.tsx
new file mode 100644
index 0000000..18e968d
--- /dev/null
+++ b/src/components/VenturesHero.tsx
@@ -0,0 +1,101 @@
+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: './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: './geomind'
+  },
+  {
+    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: './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: './cybercity'
+  },
+  {
+    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: './indaba'
+  },
+  {
+    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'
+  }
+]
+
+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={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-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">
+          <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-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}
+              </dd>
+              <div className="mt-4">
+                <a 
+                  href={venture.learnMoreUrl} 
+                  className="text-sm font-medium text-black hover:text-gray-700"
+                >
+                  Learn more <span aria-hidden="true">&rarr;</span>
+                </a>
+              </div>
+            </div>
+          ))}
+        </dl>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/VenturesHeroApp.tsx b/src/components/VenturesHeroApp.tsx
new file mode 100644
index 0000000..65d25fb
--- /dev/null
+++ b/src/components/VenturesHeroApp.tsx
@@ -0,0 +1,134 @@
+
+import { 
+  CpuChipIcon,
+  UserIcon,
+  ShieldCheckIcon,
+  SparklesIcon,
+  BookOpenIcon,
+  HandRaisedIcon
+} from '@heroicons/react/20/solid'
+
+
+export  function VenturesHeroApp() {
+  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">
+            Hero
+          </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">
+              HERO is a next-generation Personal Agent (PA), a sovereign digital assistant designed to act entirely on behalf of its user. Developed on the ThreeFold infrastructure and operating within a sovereign digital freezone, HERO prioritizes privacy, autonomy, and user control in every interaction.</p>
+            <p className="mt-8 text-lg/7 text-gray-600">
+              Unlike traditional AI systems owned by corporations and driven by centralized data harvesting, HERO is built around the principles of Augmented Collective Intelligence (ACI), enabling personalized intelligence that evolves through real human context. It integrates seamlessly into everyday life, supporting communication, identity, knowledge, memory, and transactions while preserving cultural nuance and digital sovereignty.
+            </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'>
+                  Innovation, Internet
+                </p>
+                <p className='mt-4'>
+                  Key Contact
+                </p>
+              </blockquote>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/kristof_de_spiegeleer" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Kristof De Spiegeleer</p>
+                    <p className="text-gray-600 text-sm/8">Co-Founder, CEO</p> 
+                  </div>
+                </a>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/florian_fournier" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Florian Fournier</p>
+                    <p className="text-gray-600 text-sm/8">Co-Founder</p> 
+                  </div>
+                </a>
+              </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://ourworld.tf/" className="text-indigo-600 hover:text-gray-500">www.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-gray-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">
+                <UserIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Personal Agent Layer. </strong>  
+                  HERO acts as a digital assistant. It andles daily operations including messaging, calendars, identity, credentials, documentation, AI tasks, and transactions, all securely encrypted and user-governed.
+                </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">Secure, Unbreakable Memory. </strong>  
+                  Personal memory is distributed across a decentralized network using quantum-resistant cryptography, ensuring security, redundancy, and unbreachable privacy.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <ShieldCheckIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Private Blockchain Ledger. </strong>  
+                  Every HERO maintains a private blockchain ledger that verifies identity, manages access control, tracks interactions, and can communicate securely with other ledgers.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <SparklesIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">AI Agent. </strong>  
+                  HERO connects with a wide range of AI agents for research, content creation, and task automation. All computation is done locally or via trusted partners.
+                </span>
+              </li>
+            </ul>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/VenturesIndaba.tsx b/src/components/VenturesIndaba.tsx
new file mode 100644
index 0000000..7b1ccc8
--- /dev/null
+++ b/src/components/VenturesIndaba.tsx
@@ -0,0 +1,148 @@
+
+import { 
+  CpuChipIcon,
+  UsersIcon,
+  CheckBadgeIcon,
+  LightBulbIcon,
+  BookOpenIcon,
+  HandRaisedIcon
+} from '@heroicons/react/20/solid'
+
+
+export  function VenturesIndaba() {
+  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">
+            Indaba
+          </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">
+              Indaba is a social business on a mission to empower young people to be resilient, reach their full potential, and contribute to the common good. We’re building a global ecosystem for holistic learning ;  accessible online and offline, affordable to the many, and grounded in culture, care, and collaboration.</p>
+            <p className="mt-8 text-lg/7 text-gray-600">
+              Indaba is the platform that adds an "Engage" button to the Internet. While most platforms offer "Like," or "Comment," Indaba invites people to take responsibility, contribute meaningfully, and become part of the solution.
+            </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'>
+                  Education, Philantrophy, and Internet
+                </p>
+                <p className='mt-4'>
+                  Key Contact
+                </p>
+              </blockquote>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/gregory_flipo" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <img
+                    alt=""
+                    src="/images/people/gregory_flipo/gregory_flipo.jpg"
+                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
+                  />
+                  <div>
+                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Gregory Flipo </p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/sacha_obeegadoo" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <img
+                    alt=""
+                    src="/images/people/sacha_obeegadoo/sacha_obeegadoo.jpg"
+                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
+                  />
+                  <div>
+                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Sacha Obeegadoo</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </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://ourworld.tf/" className="text-indigo-600 hover:text-gray-500">indaba.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-gray-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">Indaba Ecosystem</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">
+                <UsersIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Indaba Studios. </strong>  
+                  A global engagement platform empowering people everywhere to contribute to the integral development of young people ;  so they can grow in dignity, flourish fully, and serve the common good.
+                </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">IndabaOS. </strong>  
+                  The tech infrastructure that invites the world to accelerate the transition toward high quality youth development.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <CheckBadgeIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Indaba Certifications. </strong>  
+                  Recognition frameworks that validate skills, experiences, and contributions across the Indaba ecosystem.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <LightBulbIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Indaba Foundation. </strong>  
+                  A lighthouse to empower nannies, teachers, caregivers, and school operators to reshape the landscape and trajectory of education in Africa ;  and beyond.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <BookOpenIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">Indaba Institute. </strong>  
+                  A global collaborative effort to build a purpose-driven Wikipedia–Spotify of youth development.
+                </span>
+              </li>
+              <li className="flex gap-x-3">
+                <HandRaisedIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
+                <span>
+                  <strong className="font-semibold text-lg text-gray-900">ECD Teachers. </strong>  
+                  A giving model that invites aligned individuals and organizations to invest in systemic, community-led transformation.
+                </span>
+              </li>
+            </ul>
+          </div>
+        </section>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/VenturesThreefold.tsx b/src/components/VenturesThreefold.tsx
new file mode 100644
index 0000000..f89d6ea
--- /dev/null
+++ b/src/components/VenturesThreefold.tsx
@@ -0,0 +1,123 @@
+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-5xl">
+          <p className="subtitle-default text-gray-900">VENTURES</p>
+          <h2 className="mt-2 h2-default text-gray-900">
+            ThreeFold
+          </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">
+              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="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">
+                <a href="/people/kristof_de_spiegeleer" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Kristof de Spiegeleer</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder & CEO</p> 
+                  </div>
+                </a>
+              </figcaption>
+              <figcaption className="mt-4 flex gap-x-4">
+                <a href="/people/florian_fournier" className="flex gap-x-4 hover:opacity-80 transition-opacity">
+                  <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 hover:text-indigo-600">Florian Fournier</p>
+                    <p className="text-gray-600 text-sm/8">Co-founder</p> 
+                  </div>
+                </a>
+              </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'>
+                  Dubai, United Arab Emirates
+                </p>
+                <p className='mt-6'>
+                  Website
+                </p>
+                 <p className='text-lg/7 font-light text-gray-600'>
+                  <a href="https://threefold.io" className="text-indigo-600 hover:text-gray-500">www.threefold.io</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-gray-500">info@threefold.io</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 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>
+  )
+}
diff --git a/src/components/page.tsx b/src/components/page.tsx
new file mode 100644
index 0000000..ec83238
--- /dev/null
+++ b/src/components/page.tsx
@@ -0,0 +1,21 @@
+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 { VenturesHeroApp } from '@/components/VenturesHeroApp'
+
+export default function Hero() {
+  return (
+    <>
+      <Header_darkbg />
+      <main>
+        <VenturesHeroApp />
+        <Quote />
+        <CallToAction />
+        <Faqs />
+      </main>
+      <Footer />
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/components/people/People_Adnan_Fateryji.tsx b/src/components/people/People_Adnan_Fateryji.tsx
new file mode 100644
index 0000000..7fdfa86
--- /dev/null
+++ b/src/components/people/People_Adnan_Fateryji.tsx
@@ -0,0 +1,24 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Adnan Fatayerji',
+    role: 'Co-Founder, CEO',
+    imageUrl: '/images/people/adnan_fatayerji/adnan_fatayerji.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/adnansf/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Adnan is a systems thinker and venture architect with a lifelong focus on reimagining how digital systems serve people. With a background spanning economics, strategy, and frontier technologies, his work bridges innovation and impact; bringing visionary ideas into scalable, grounded execution.
+  </p>
+  <p class="mt-5 text-lg/7">
+    He has spent over a decade exploring how infrastructure, governance, and technology can evolve to empower communities, not just corporations. At OurWorld, Adnan leads strategy, growth, and ecosystem development, guiding ventures that are rooted in sovereignty, collective intelligence, and long-term resilience.
+  </p>
+`
+
+export function People_Adnan_Fateryji() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Alexandre_Hannelas.tsx b/src/components/people/People_Alexandre_Hannelas.tsx
new file mode 100644
index 0000000..95e121d
--- /dev/null
+++ b/src/components/people/People_Alexandre_Hannelas.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Alexandre Hannelas',
+    role: 'Finance Manager',
+    imageUrl: '/images/people/alexandre_hannelas/alexandre_hannelas.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/alexandre-hannelas-741681112/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Alexandre is a purpose-driven finance strategist with a strong foundation in financial engineering, structuring, and capital strategy. His background spans corporate finance, M&A, and fund administration; with a personal commitment to aligning finance with regeneration, sustainability, and long-term value.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Alexandre leads financial operations and structuring across the global holding and its ventures. His work ensures that OurWorld’s mission is supported by resilient, transparent, and future-ready financial systems; bridging bold ideas with pragmatic execution in service of a better world.
+  </p>
+`
+
+
+export function People_Alexandre_Hannelas() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Amrit_Gayan.tsx b/src/components/people/People_Amrit_Gayan.tsx
new file mode 100644
index 0000000..d935140
--- /dev/null
+++ b/src/components/people/People_Amrit_Gayan.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Amrit Gayan',
+    role: 'Advisor, Finance & Operations',
+    imageUrl: '/images/people/amrit_gayan/amrit_gayan.jpeg',
+    xUrl: '#',
+    linkedinUrl: '#',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Amrit is a transformation-driven strategist and systems leader with deep experience in rethinking how finance, technology, and operations converge. With over a decade of international leadership across banking and digital ecosystems, he blends financial insight with a forward-looking approach to automation, AI, and organizational design.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Amrit brings a human-first lens to complex systems; structuring future-proof operations, guiding scalable governance, and championing innovation that empowers both institutions and individuals. His work is rooted in the belief that real transformation begins with purpose, and that technology must serve meaningful, inclusive growth.
+  </p>
+`
+
+
+export function People_Amrit_Gayan() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Chris_Camponovo.tsx b/src/components/people/People_Chris_Camponovo.tsx
new file mode 100644
index 0000000..70e41ee
--- /dev/null
+++ b/src/components/people/People_Chris_Camponovo.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Chris Camponovo',
+    role: 'Director, Co-Founder of Zanzibar Digital Free Zone',
+    imageUrl: '/images/people/chris_camponovo/chris_camponovo.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/christopher-camponovo-a8a57515/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Christopher is a strategic advisor and legal thinker with over two decades of experience at the intersection of law, governance, and international development. Known for navigating complexity with clarity, his work bridges public and private sectors, emerging markets, and transformative technologies.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Christopher brings deep expertise in legal architecture, global policy, and venture design; guiding the creation of frameworks that are resilient, ethical, and future-aligned. His commitment lies in helping build ventures and ecosystems that are structurally sound and socially purposeful.
+  </p>
+`
+
+
+export function People_Chris_Camponovo() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Florian_Fournier.tsx b/src/components/people/People_Florian_Fournier.tsx
new file mode 100644
index 0000000..edc7c47
--- /dev/null
+++ b/src/components/people/People_Florian_Fournier.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Florian Fournier',
+    role: 'Co-Founder',
+    imageUrl: '/images/people/florian_fournier/florian_fournier.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/florianfournier/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Florian is a global venture builder and storyteller at the intersection of technology, education, and social impact. With a background in marketing, media, and ecosystem development, he brings a deep understanding of how to connect innovation with real-world needs across cultures and geographies.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Florian leads the creation and launch of purpose-driven ventures; from infrastructure to education; designed to empower local communities and catalyze global change. His work is grounded in radical collaboration and a belief that the future must be co-created, not downloaded.
+  </p>
+`
+
+
+export function People_Florian_Fournier() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Gregory_Flipo.tsx b/src/components/people/People_Gregory_Flipo.tsx
new file mode 100644
index 0000000..6da7ad7
--- /dev/null
+++ b/src/components/people/People_Gregory_Flipo.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Gregory Flipo',
+    role: 'Co-Founder, CEO of Sikana',
+    imageUrl: '/images/people/gregory_flipo/gregory_flipo.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/gregory-flipo-34a9947/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Gregory is a purpose-driven entrepreneur and ecosystem builder dedicated to transforming education, collective intelligence, and venture creation for the 21st century. With a background in innovation, impact strategy, and global community engagement, he works at the intersection of learning, technology, and social change.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Gregory brings visionary leadership to mobilize founders, funders, and creatives around regenerative, mission-aligned ventures. He believes that a more conscious future must be co-created by many—and his work centers on building the platforms, tools, and cultures that enable just that.
+  </p>
+`
+
+
+export function People_Gregory_Flipo() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Hugo_Mathecowitsch.tsx b/src/components/people/People_Hugo_Mathecowitsch.tsx
new file mode 100644
index 0000000..942ffe0
--- /dev/null
+++ b/src/components/people/People_Hugo_Mathecowitsch.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Hugo Mathecowitsch',
+    role: 'Advisor, Product',
+    imageUrl: '/images/people/hugo_mathecowitsch/hugo_mathecowitsch.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/hugo-mathecowitsch-9447a3213/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Hugo is a systems innovator and founder passionate about building digital infrastructures that serve life, not just markets. With a background in finance, entrepreneurship, and policy, he weaves together governance design, regenerative economics, and collaborative intelligence to shape the future of global coordination.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Hugo contributes to the creation of digital commons, economic zones, and venture ecosystems that align with planetary well-being. His work centers on unlocking new models of wealth, trust, and decision-making—tools that empower communities to co-create long-term, systemic transformation.
+  </p>
+`
+
+
+export function People_Hugo_Mathecowitsch() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Jan_De_Landtsheer.tsx b/src/components/people/People_Jan_De_Landtsheer.tsx
new file mode 100644
index 0000000..42b8887
--- /dev/null
+++ b/src/components/people/People_Jan_De_Landtsheer.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Jan De Landtsheer',
+    role: 'Advisor, Tech',
+    imageUrl: '/images/people/jan_de_landtsheer/jan_de_landtsheer.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/jand2/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Jan is a deeply curious systems architect and technologist with decades of experience designing infrastructure that is as resilient as it is radical. With roots in Unix systems, networking, and cloud computing, he thrives at the intersection of hardware, software, and open-source philosophy.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Jan brings his engineering insight and precision to the foundations of digital sovereignty—helping shape distributed technologies that prioritize freedom, efficiency, and planetary-scale resilience. His work reflects a commitment to building systems that work with, not against, the complexity of life.
+  </p>
+`
+
+
+export function People_Jan_De_Landtsheer() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Karoline_Zizka.tsx b/src/components/people/People_Karoline_Zizka.tsx
new file mode 100644
index 0000000..fd1ca4d
--- /dev/null
+++ b/src/components/people/People_Karoline_Zizka.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Karoline Zizka',
+    role: 'HR Coordinator',
+    imageUrl: '/images/people/karoline_zizka/karoline_zizka.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/karoline-zizka-76973b270/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Karoline is an operations and coordination specialist with a deep commitment to building decentralized, regenerative systems that empower people and communities. With a background in project management and administration, she ensures that visionary initiatives are grounded in structure, clarity, and flow.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Karoline supports the operational heartbeat of the ecosystem—enabling smooth collaboration across teams, ventures, and partners. Her work is rooted in care, precision, and a belief that aligned systems can unlock the full potential of collective intelligence.
+  </p>
+`
+
+
+export function People_Karoline_Zizka() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Kristof_de_Spiegeleer.tsx b/src/components/people/People_Kristof_de_Spiegeleer.tsx
new file mode 100644
index 0000000..368807c
--- /dev/null
+++ b/src/components/people/People_Kristof_de_Spiegeleer.tsx
@@ -0,0 +1,24 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Kristof De Spiegeleer',
+    role: 'Co-Founder, CEO',
+    imageUrl: '/images/people/kristof_de_spiegeleer/kristof_de_spiegeleer.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/despiegk/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Kristof is a technologist, philosopher, and builder with a long-standing dedication to creating systems that serve the common good. With a background in distributed infrastructure and digital ecosystems, his work is driven by a deep belief in open collaboration, self-sovereignty, and planetary resilience.
+  </p>
+  <p class="mt-5 text-lg/7">
+   At OurWorld, Kristof brings together decades of experience in architecture, code, and community-building to lay the groundwork for ventures that are not only scalable and secure; but deeply ethical by design. His vision anchors the platform's commitment to aligning technology with life itself.
+  </p>
+`
+
+export function People_Kristof_de_Spiegeleer() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Malte_Geierhos.tsx b/src/components/people/People_Malte_Geierhos.tsx
new file mode 100644
index 0000000..3519f70
--- /dev/null
+++ b/src/components/people/People_Malte_Geierhos.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Malte Geierhos',
+    role: 'Team Member',
+    imageUrl: '/images/people/malte_geierhos/malte_geierhos.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/malte-geierhos/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Malte is a technology strategist and systems architect operating at the intersection of deep tech, scalable infrastructure, and enterprise transformation. With hands-on expertise in AI, DevOps, and modern cloud-native systems, he is known for building resilient architectures that turn vision into execution—securely and sustainably.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Malte supports the design of sovereign digital infrastructure and intelligent systems that serve communities, not just corporations. He brings a clarity-first approach to complexity—crafting scalable platforms that unlock innovation while staying aligned with the values of openness, resilience, and long-term impact.
+  </p>
+`
+
+
+export function People_Malte_Geierhos() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Marion_Ravarino.tsx b/src/components/people/People_Marion_Ravarino.tsx
new file mode 100644
index 0000000..9b8446f
--- /dev/null
+++ b/src/components/people/People_Marion_Ravarino.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Marion Ravarino',
+    role: 'Project Management',
+    imageUrl: '/images/people/marion_ravarino/marion_ravarino.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/marion-ravarino/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Marion is a cross-cultural strategist and operations lead with experience spanning venture development, business intelligence, and international coordination. With a sharp analytical mind and a global outlook, she supports mission-aligned teams as they navigate the complexities of launching and scaling purpose-driven ventures.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Marion plays a key role in coordinating ventures across regions and partners—bringing clarity, momentum, and grounded execution to the ecosystem. Her work reflects a deep commitment to collaboration, resilience, and building bridges between vision and action.
+  </p>
+`
+
+
+export function People_Marion_Ravarino() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Michel_Coucke.tsx b/src/components/people/People_Michel_Coucke.tsx
new file mode 100644
index 0000000..77de108
--- /dev/null
+++ b/src/components/people/People_Michel_Coucke.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Michel Coucke',
+    role: 'Director',
+    imageUrl: '/images/people/michel_coucke/michel_coucke.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/michel-coucke-66112a/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Michel is a strategic connector and leadership advisor with decades of experience guiding top-level talent and organizational growth across global markets. With a background in executive search, telecommunications, and board advisory, he brings sharp insight into what makes ventures resilient, impactful, and built to scale.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Michel supports ecosystem development with a focus on governance, leadership alignment, and strategic partnerships. His work reflects a deep commitment to catalyzing purpose-driven innovation through the right people, structures, and shared values.
+  </p>
+`
+
+
+export function People_Michel_Coucke() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Nousrath_Bhugeloo.tsx b/src/components/people/People_Nousrath_Bhugeloo.tsx
new file mode 100644
index 0000000..d3e4439
--- /dev/null
+++ b/src/components/people/People_Nousrath_Bhugeloo.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Nousrath Bhugeloo',
+    role: 'Director & Executive Chairperson',
+    imageUrl: '/images/people/nousrath_bhugeloo/nousrath_bhugeloo.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/nousrath-bhugeloo-78078520/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Nousrath is a seasoned executive and board leader with over two decades of experience in global business structuring, investment advisory, and financial services. Known for her strategic vision and expertise in guiding multinational corporations, private equity funds, and high-growth ventures, she has built a career at the intersection of finance, governance, and cross-border investment.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Nousrath brings deep expertise in risk management, corporate governance, and value creation—helping shape ventures with resilient financial structures and long-term impact. Her leadership reflects a commitment to enabling sustainable growth and unlocking opportunities across emerging markets.
+  </p>
+`
+
+
+export function People_Nousrath_Bhugeloo() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Owen_Kemp.tsx b/src/components/people/People_Owen_Kemp.tsx
new file mode 100644
index 0000000..66018ee
--- /dev/null
+++ b/src/components/people/People_Owen_Kemp.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Owen Kemp',
+    role: 'Advisor, Business Development',
+    imageUrl: '/images/people/owen_kemp/owen_kemp.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/owen-kemp/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Owen is a seasoned international advisor and founder with decades of experience scaling early-stage ventures across tech, healthcare, and cloud infrastructure. With leadership roles across Europe, the US, Russia, and the Middle East, he brings a rare combination of strategic foresight and cultural fluency.
+  </p>
+  <p class="mt-5 text-lg/7">
+    As one of the original co-founders of ThreeFold, Owen continues to support the OurWorld ecosystem by advising ventures on growth strategy, investor readiness, and international go-to-market execution. He serves on multiple boards and helps align long-term vision with tangible business momentum.
+  </p>
+`
+
+
+export function People_Owen_Kemp() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Sacha_Obeegadoo.tsx b/src/components/people/People_Sacha_Obeegadoo.tsx
new file mode 100644
index 0000000..74fae4b
--- /dev/null
+++ b/src/components/people/People_Sacha_Obeegadoo.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Sacha Obeegadoo',
+    role: 'Program Manager',
+    imageUrl: '/images/people/sacha_obeegadoo/sacha_obeegadoo.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/sachaobeegadoo/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Sacha is a mission-driven strategist, storyteller, and connector working to accelerate the transition toward decentralised, inclusive, and regenerative systems. His journey has taken him across sectors and continents—building ecosystems, crafting narratives, and securing high-impact partnerships.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Sacha leads business development across ventures, aligning purpose with traction. With a sharp sense for timing and strategy, he bridges founders, investors, and institutions—ensuring that each initiative is not only bold in vision but grounded in execution.
+  </p>
+`
+
+
+export function People_Sacha_Obeegadoo() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Sam_Taggart.tsx b/src/components/people/People_Sam_Taggart.tsx
new file mode 100644
index 0000000..d6a4aeb
--- /dev/null
+++ b/src/components/people/People_Sam_Taggart.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Sam Taggart',
+    role: 'Communication & Community',
+    imageUrl: '/images/people/sam_taggart/sam_taggart.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/samtaggart/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Sam is a communications strategist and community builder dedicated to advancing a more fair and equal digital future. With a background in creative media and social innovation, he has spent years weaving narratives that move people and mobilize ecosystems.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Sam supports storytelling and community engagement across ventures. From East Africa to global platforms, he amplifies the voices behind decentralized technologies and fosters the human connections that make real transformation possible.
+  </p>
+`
+
+
+export function People_Sam_Taggart() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Sasha_Astiadi.tsx b/src/components/people/People_Sasha_Astiadi.tsx
new file mode 100644
index 0000000..ab65219
--- /dev/null
+++ b/src/components/people/People_Sasha_Astiadi.tsx
@@ -0,0 +1,24 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Sasha Astiadi',
+    role: 'Web Operations',
+    imageUrl: '/images/people/sasha_astiadi/sasha_astiadi.png',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/sastiadi/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Sasha is a multilingual WebOps manager, front-end developer, and UX strategist with a sharp eye for user behavior and product flow. From blockchain to global cultural institutions, she’s built seamless digital experiences for organizations across five continents.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Sasha leads the design and web operations stack—translating visionary ideas into accessible, scalable, and elegant web platforms. She combines technical precision with creative intuition, ensuring each venture’s online presence is as functional as it is meaningful.
+  </p>
+`
+
+export function People_Sasha_Astiadi() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Timur_Gordon.tsx b/src/components/people/People_Timur_Gordon.tsx
new file mode 100644
index 0000000..d1f6e9e
--- /dev/null
+++ b/src/components/people/People_Timur_Gordon.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Timur Gordon',
+    role: 'Software Developer',
+    imageUrl: '/images/people/timur_gordon/timur_gordon.jpg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/timur-gordon/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Timur is a systems thinker and software architect passionate about building sovereign digital infrastructure from the ground up. With a background in computer science and deep roots in decentralized systems, he brings technical clarity to complex challenges.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Timur leads the development of the Digital Free Zone platform—crafting the backend architecture that empowers governments and entrepreneurs to operate securely, autonomously, and at scale in a decentralized future.
+  </p>
+`
+
+
+export function People_Timur_Gordon() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/components/people/People_Vianney_Spriet.tsx b/src/components/people/People_Vianney_Spriet.tsx
new file mode 100644
index 0000000..e22b305
--- /dev/null
+++ b/src/components/people/People_Vianney_Spriet.tsx
@@ -0,0 +1,25 @@
+import { PersonTemplate } from '@/components/PersonTemplate'
+
+export const data = [
+  {
+    name: 'Vianney Spriet',
+    role: 'Business Development',
+    imageUrl: '/images/people/vianney_spriet/vianney_spriet.jpeg',
+    xUrl: '#',
+    linkedinUrl: 'https://www.linkedin.com/in/vianney-spriet-09737526/',
+  },
+]
+
+const biography = `
+  <p class="text-lg/7">
+    Vianney is a venture builder and financial strategist with an instinct for navigating complexity. With a rare mix of business acumen, operational resilience, and human insight, he connects capital with ideas that matter—on land and at sea.
+  </p>
+  <p class="mt-5 text-lg/7">
+    At OurWorld, Vianney plays a key role in ecosystem development and strategic partnerships. He helps ventures bridge early-stage vision with financial and structural clarity, guiding them from spark to scale across Europe, Africa, and beyond.
+  </p>
+`
+
+
+export function People_Vianney_Spriet() {
+  return <PersonTemplate personData={data[0]} biography={biography} />
+}
diff --git a/src/images/logos/CYBERCITY.png b/src/images/logos/CYBERCITY.png
new file mode 100644
index 0000000..14ef24f
Binary files /dev/null and b/src/images/logos/CYBERCITY.png differ
diff --git a/src/images/logos/HERO.png b/src/images/logos/HERO.png
new file mode 100644
index 0000000..14b3e6c
Binary files /dev/null and b/src/images/logos/HERO.png differ
diff --git a/src/images/logos/INDABA.png b/src/images/logos/INDABA.png
new file mode 100644
index 0000000..c567eca
Binary files /dev/null and b/src/images/logos/INDABA.png differ
diff --git a/src/images/logos/freezone.png b/src/images/logos/freezone.png
new file mode 100644
index 0000000..81f5293
Binary files /dev/null and b/src/images/logos/freezone.png differ
diff --git a/src/images/logos/geomind.png b/src/images/logos/geomind.png
new file mode 100644
index 0000000..899293b
Binary files /dev/null and b/src/images/logos/geomind.png differ
diff --git a/src/images/logos/tHREEFOLD.png b/src/images/logos/tHREEFOLD.png
new file mode 100644
index 0000000..e762e47
Binary files /dev/null and b/src/images/logos/tHREEFOLD.png differ
diff --git a/src/lib/peopleData.ts b/src/lib/peopleData.ts
new file mode 100644
index 0000000..c6a694c
--- /dev/null
+++ b/src/lib/peopleData.ts
@@ -0,0 +1,200 @@
+// This file is auto-generated by scripts/generate-people-data.js
+// When new people components are added, run: npm run generate-people-data
+
+export interface PersonData {
+  name: string
+  role: string
+  imageUrl: string
+  xUrl: string
+  linkedinUrl: string
+}
+
+// Function to dynamically get all people data
+export async function getAllPeopleData(): Promise<PersonData[]> {
+  const allPeopleData: PersonData[] = []
+
+  // Auto-generated list of all people components
+  const peopleComponents = [
+    () => import('@/components/people/People_Adnan_Fateryji'),
+    () => import('@/components/people/People_Alexandre_Hannelas'),
+    () => import('@/components/people/People_Amrit_Gayan'),
+    () => import('@/components/people/People_Chris_Camponovo'),
+    () => import('@/components/people/People_Florian_Fournier'),
+    () => import('@/components/people/People_Gregory_Flipo'),
+    () => import('@/components/people/People_Hugo_Mathecowitsch'),
+    () => import('@/components/people/People_Jan_De_Landtsheer'),
+    () => import('@/components/people/People_Karoline_Zizka'),
+    () => import('@/components/people/People_Kristof_de_Spiegeleer'),
+    () => import('@/components/people/People_Malte_Geierhos'),
+    () => import('@/components/people/People_Marion_Ravarino'),
+    () => import('@/components/people/People_Michel_Coucke'),
+    () => import('@/components/people/People_Nousrath_Bhugeloo'),
+    () => import('@/components/people/People_Owen_Kemp'),
+    () => import('@/components/people/People_Sacha_Obeegadoo'),
+    () => import('@/components/people/People_Sam_Taggart'),
+    () => import('@/components/people/People_Sasha_Astiadi'),
+    () => import('@/components/people/People_Timur_Gordon'),
+    () => import('@/components/people/People_Vianney_Spriet'),
+  ]
+
+  for (const importComponent of peopleComponents) {
+    try {
+      const module = await importComponent()
+      if (module.data && Array.isArray(module.data)) {
+        allPeopleData.push(...module.data)
+      }
+    } catch (error) {
+      console.error('Error loading people data:', error)
+    }
+  }
+
+  return allPeopleData
+}
+
+// Synchronous version using static imports for immediate data access
+import { data as adnan_fateryjiData } from '@/components/people/People_Adnan_Fateryji'
+import { data as alexandre_hannelasData } from '@/components/people/People_Alexandre_Hannelas'
+import { data as amrit_gayanData } from '@/components/people/People_Amrit_Gayan'
+import { data as chris_camponovoData } from '@/components/people/People_Chris_Camponovo'
+import { data as florian_fournierData } from '@/components/people/People_Florian_Fournier'
+import { data as gregory_flipoData } from '@/components/people/People_Gregory_Flipo'
+import { data as hugo_mathecowitschData } from '@/components/people/People_Hugo_Mathecowitsch'
+import { data as jan_de_landtsheerData } from '@/components/people/People_Jan_De_Landtsheer'
+import { data as karoline_zizkaData } from '@/components/people/People_Karoline_Zizka'
+import { data as kristof_de_spiegeleerData } from '@/components/people/People_Kristof_de_Spiegeleer'
+import { data as malte_geierhosData } from '@/components/people/People_Malte_Geierhos'
+import { data as marion_ravarinoData } from '@/components/people/People_Marion_Ravarino'
+import { data as michel_couckeData } from '@/components/people/People_Michel_Coucke'
+import { data as nousrath_bhugelooData } from '@/components/people/People_Nousrath_Bhugeloo'
+import { data as owen_kempData } from '@/components/people/People_Owen_Kemp'
+import { data as sacha_obeegadooData } from '@/components/people/People_Sacha_Obeegadoo'
+import { data as sam_taggartData } from '@/components/people/People_Sam_Taggart'
+import { data as sasha_astiadiData } from '@/components/people/People_Sasha_Astiadi'
+import { data as timur_gordonData } from '@/components/people/People_Timur_Gordon'
+import { data as vianney_sprietData } from '@/components/people/People_Vianney_Spriet'
+
+export function getAllPeopleDataSync(): PersonData[] {
+  const allPeopleData: PersonData[] = []
+
+  try {
+    allPeopleData.push(...adnan_fateryjiData)
+  } catch (error) {
+    console.error('Error loading adnan_fateryji data:', error)
+  }
+
+  try {
+    allPeopleData.push(...alexandre_hannelasData)
+  } catch (error) {
+    console.error('Error loading alexandre_hannelas data:', error)
+  }
+
+  try {
+    allPeopleData.push(...amrit_gayanData)
+  } catch (error) {
+    console.error('Error loading amrit_gayan data:', error)
+  }
+
+  try {
+    allPeopleData.push(...chris_camponovoData)
+  } catch (error) {
+    console.error('Error loading chris_camponovo data:', error)
+  }
+
+  try {
+    allPeopleData.push(...florian_fournierData)
+  } catch (error) {
+    console.error('Error loading florian_fournier data:', error)
+  }
+
+  try {
+    allPeopleData.push(...gregory_flipoData)
+  } catch (error) {
+    console.error('Error loading gregory_flipo data:', error)
+  }
+
+  try {
+    allPeopleData.push(...hugo_mathecowitschData)
+  } catch (error) {
+    console.error('Error loading hugo_mathecowitsch data:', error)
+  }
+
+  try {
+    allPeopleData.push(...jan_de_landtsheerData)
+  } catch (error) {
+    console.error('Error loading jan_de_landtsheer data:', error)
+  }
+
+  try {
+    allPeopleData.push(...karoline_zizkaData)
+  } catch (error) {
+    console.error('Error loading karoline_zizka data:', error)
+  }
+
+  try {
+    allPeopleData.push(...kristof_de_spiegeleerData)
+  } catch (error) {
+    console.error('Error loading kristof_de_spiegeleer data:', error)
+  }
+
+  try {
+    allPeopleData.push(...malte_geierhosData)
+  } catch (error) {
+    console.error('Error loading malte_geierhos data:', error)
+  }
+
+  try {
+    allPeopleData.push(...marion_ravarinoData)
+  } catch (error) {
+    console.error('Error loading marion_ravarino data:', error)
+  }
+
+  try {
+    allPeopleData.push(...michel_couckeData)
+  } catch (error) {
+    console.error('Error loading michel_coucke data:', error)
+  }
+
+  try {
+    allPeopleData.push(...nousrath_bhugelooData)
+  } catch (error) {
+    console.error('Error loading nousrath_bhugeloo data:', error)
+  }
+
+  try {
+    allPeopleData.push(...owen_kempData)
+  } catch (error) {
+    console.error('Error loading owen_kemp data:', error)
+  }
+
+  try {
+    allPeopleData.push(...sacha_obeegadooData)
+  } catch (error) {
+    console.error('Error loading sacha_obeegadoo data:', error)
+  }
+
+  try {
+    allPeopleData.push(...sam_taggartData)
+  } catch (error) {
+    console.error('Error loading sam_taggart data:', error)
+  }
+
+  try {
+    allPeopleData.push(...sasha_astiadiData)
+  } catch (error) {
+    console.error('Error loading sasha_astiadi data:', error)
+  }
+
+  try {
+    allPeopleData.push(...timur_gordonData)
+  } catch (error) {
+    console.error('Error loading timur_gordon data:', error)
+  }
+
+  try {
+    allPeopleData.push(...vianney_sprietData)
+  } catch (error) {
+    console.error('Error loading vianney_spriet data:', error)
+  }
+
+  return allPeopleData
+}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index b1087d4..f6c719f 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -2,6 +2,11 @@
 
 @plugin '@tailwindcss/forms';
 
+/* Avenir font definition */
+:root {
+  --font-avenir: "Avenir", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
 @theme {
   --text-*: initial;
   --text-xs: 0.75rem;
@@ -9,13 +14,13 @@
   --text-sm: 0.875rem;
   --text-sm--line-height: 1.5rem;
   --text-base: 1rem;
-  --text-base--line-height: 1.75rem;
+  --text-base--line-height: 1.5rem;
   --text-lg: 1.125rem;
-  --text-lg--line-height: 2rem;
+  --text-lg--line-height: 1.75rem;
   --text-xl: 1.25rem;
-  --text-xl--line-height: 2rem;
+  --text-xl--line-height: 1.75rem;
   --text-2xl: 1.5rem;
-  --text-2xl--line-height: 2rem;
+  --text-2xl--line-height: 1.75rem;
   --text-3xl: 2rem;
   --text-3xl--line-height: 2.5rem;
   --text-4xl: 2.5rem;
@@ -33,8 +38,31 @@
 
   --radius-4xl: 2rem;
 
-  --font-sans: var(--font-inter);
-  --font-display: var(--font-lexend);
+  --font-sans: var(--font-avenir);
+  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
   --container-2xl: 40rem;
 }
+
+/* Custom component classes */
+@layer components {
+  .h1-default {
+    @apply text-4xl font-display font-medium tracking-tight text-pretty leading-tight lg:text-6xl lg:leading-tight;
+  }
+  
+  .h2-default {
+    @apply text-2xl font-display font-medium tracking-tight text-pretty leading-tight lg:text-4xl lg:leading-tight;
+  }
+  
+  .subtitle {
+    @apply text-base/7 font-medium;
+  }
+  
+  .p-default {
+    @apply text-lg/8 lg:text-xl/8;
+  }
+  
+  .button-outline {
+    @apply bg-transparent border border-white text-white px-6 py-2 rounded-3xl font-medium transition-colors hover:bg-white/80 hover:text-black;
+  }
+}
diff --git a/src/videos/ourworld.mp4 b/src/videos/ourworld.mp4
new file mode 100644
index 0000000..58e28d9
Binary files /dev/null and b/src/videos/ourworld.mp4 differ