add team members

.next/server/app-paths-manifest.json

@@ -1,7 +1,7 @@
 {
   "/page": "app/page.js",
   "/pricing/page": "app/pricing/page.js",
-  "/company/page": "app/company/page.js",
   "/blog/page": "app/blog/page.js",
-  "/login/page": "app/login/page.js"
+  "/favicon.ico/route": "app/favicon.ico/route.js",
+  "/company/page": "app/company/page.js"
 }

.next/server/app/page.js

@@ -615,7 +615,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 var __webpack_require__ = require("../webpack-runtime.js");
 __webpack_require__.C(exports);
 var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-var __webpack_exports__ = __webpack_require__.X(0, ["vendor-chunks/next","vendor-chunks/@headlessui","vendor-chunks/@floating-ui","vendor-chunks/@react-aria","vendor-chunks/@tanstack","vendor-chunks/tabbable","vendor-chunks/@heroicons","vendor-chunks/clsx","vendor-chunks/framer-motion","vendor-chunks/react-use-measure","vendor-chunks/debounce"], () => (__webpack_exec__("(rsc)/./node_modules/next/dist/build/webpack/loaders/next-app-loader.js?name=app%2Fpage&page=%2Fpage&appPaths=%2Fpage&pagePath=private-next-app-dir%2Fpage.tsx&appDir=%2FUsers%2Fsashaastiadi%2Fcode%2Fgit.ourworld.tf%2Fwww_indaba%2Fsrc%2Fapp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=%2FUsers%2Fsashaastiadi%2Fcode%2Fgit.ourworld.tf%2Fwww_indaba&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!")));
+var __webpack_exports__ = __webpack_require__.X(0, ["vendor-chunks/next","vendor-chunks/framer-motion","vendor-chunks/@headlessui","vendor-chunks/@floating-ui","vendor-chunks/@react-aria","vendor-chunks/@tanstack","vendor-chunks/tabbable","vendor-chunks/@heroicons","vendor-chunks/clsx","vendor-chunks/react-use-measure","vendor-chunks/debounce"], () => (__webpack_exec__("(rsc)/./node_modules/next/dist/build/webpack/loaders/next-app-loader.js?name=app%2Fpage&page=%2Fpage&appPaths=%2Fpage&pagePath=private-next-app-dir%2Fpage.tsx&appDir=%2FUsers%2Fsashaastiadi%2Fcode%2Fgit.ourworld.tf%2Fwww_indaba%2Fsrc%2Fapp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=%2FUsers%2Fsashaastiadi%2Fcode%2Fgit.ourworld.tf%2Fwww_indaba&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!")));
 module.exports = __webpack_exports__;
 
 })();

.next/server/vendor-chunks/@headlessui.js

@@ -997,24 +997,6 @@ __webpack_require__.r(__webpack_exports__);
 const e0 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/button/button.js#Button`);
 
 
-/***/ }),
-
-/***/ "(rsc)/./node_modules/@headlessui/react/dist/components/checkbox/checkbox.js":
-/*!*****************************************************************************!*\
-  !*** ./node_modules/@headlessui/react/dist/components/checkbox/checkbox.js ***!
-  \*****************************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Checkbox: () => (/* binding */ e0)
-/* harmony export */ });
-/* harmony import */ var next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/dist/build/webpack/loaders/next-flight-loader/module-proxy */ "(rsc)/./node_modules/next/dist/build/webpack/loaders/next-flight-loader/module-proxy.js");
-
-
-const e0 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/checkbox/checkbox.js#Checkbox`);
-
-
 /***/ }),
 
 /***/ "(rsc)/./node_modules/@headlessui/react/dist/components/data-interactive/data-interactive.js":
@@ -1033,69 +1015,6 @@ __webpack_require__.r(__webpack_exports__);
 const e0 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/data-interactive/data-interactive.js#DataInteractive`);
 
 
-/***/ }),
-
-/***/ "(rsc)/./node_modules/@headlessui/react/dist/components/field/field.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/@headlessui/react/dist/components/field/field.js ***!
-  \***********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Field: () => (/* binding */ e0)
-/* harmony export */ });
-/* harmony import */ var next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/dist/build/webpack/loaders/next-flight-loader/module-proxy */ "(rsc)/./node_modules/next/dist/build/webpack/loaders/next-flight-loader/module-proxy.js");
-
-
-const e0 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/field/field.js#Field`);
-
-
-/***/ }),
-
-/***/ "(rsc)/./node_modules/@headlessui/react/dist/components/input/input.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/@headlessui/react/dist/components/input/input.js ***!
-  \***********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Input: () => (/* binding */ e0)
-/* harmony export */ });
-/* harmony import */ var next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/dist/build/webpack/loaders/next-flight-loader/module-proxy */ "(rsc)/./node_modules/next/dist/build/webpack/loaders/next-flight-loader/module-proxy.js");
-
-
-const e0 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/input/input.js#Input`);
-
-
-/***/ }),
-
-/***/ "(rsc)/./node_modules/@headlessui/react/dist/components/label/label.js":
-/*!***********************************************************************!*\
-  !*** ./node_modules/@headlessui/react/dist/components/label/label.js ***!
-  \***********************************************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Label: () => (/* binding */ e0),
-/* harmony export */   useLabelContext: () => (/* binding */ e1),
-/* harmony export */   useLabelledBy: () => (/* binding */ e2),
-/* harmony export */   useLabels: () => (/* binding */ e3)
-/* harmony export */ });
-/* harmony import */ var next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! next/dist/build/webpack/loaders/next-flight-loader/module-proxy */ "(rsc)/./node_modules/next/dist/build/webpack/loaders/next-flight-loader/module-proxy.js");
-
-
-const e0 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/label/label.js#Label`);
-
-const e1 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/label/label.js#useLabelContext`);
-
-const e2 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/label/label.js#useLabelledBy`);
-
-const e3 = (0,next_dist_build_webpack_loaders_next_flight_loader_module_proxy__WEBPACK_IMPORTED_MODULE_0__.createProxy)(String.raw`/Users/sashaastiadi/code/git.ourworld.tf/www_indaba/node_modules/@headlessui/react/dist/components/label/label.js#useLabels`);
-
-
 /***/ }),
 
 /***/ "(rsc)/./node_modules/@headlessui/react/dist/components/menu/menu.js":

.next/server/webpack-runtime.js

@@ -47,6 +47,11 @@
 /******/ 	__webpack_require__.m = __webpack_modules__;
 /******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/amd options */
+/******/ 	(() => {
+/******/ 		__webpack_require__.amdO = {};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/compat get default export */
 /******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
@@ -125,7 +130,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("69628073bcb2e368")
+/******/ 		__webpack_require__.h = () => ("06fb5fde08a5d2f4")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */

.next/static/chunks/app/layout.js

@@ -25,7 +25,7 @@ eval(__webpack_require__.ts("Promise.resolve(/*! import() eager */).then(__webpa
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (\"de30baabc9fe\");\nif (true) { module.hot.accept() }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9zdHlsZXMvdGFpbHdpbmQuY3NzIiwibWFwcGluZ3MiOiI7QUFBQSwrREFBZSxjQUFjO0FBQzdCLElBQUksSUFBVSxJQUFJLGlCQUFpQiIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9zcmMvc3R5bGVzL3RhaWx3aW5kLmNzcz83NTBkIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0IFwiZGUzMGJhYWJjOWZlXCJcbmlmIChtb2R1bGUuaG90KSB7IG1vZHVsZS5ob3QuYWNjZXB0KCkgfVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/styles/tailwind.css\n"));
+eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = (\"852ddc6a58dd\");\nif (true) { module.hot.accept() }\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiKGFwcC1wYWdlcy1icm93c2VyKS8uL3NyYy9zdHlsZXMvdGFpbHdpbmQuY3NzIiwibWFwcGluZ3MiOiI7QUFBQSwrREFBZSxjQUFjO0FBQzdCLElBQUksSUFBVSxJQUFJLGlCQUFpQiIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9zcmMvc3R5bGVzL3RhaWx3aW5kLmNzcz83NTBkIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0IFwiODUyZGRjNmE1OGRkXCJcbmlmIChtb2R1bGUuaG90KSB7IG1vZHVsZS5ob3QuYWNjZXB0KCkgfVxuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///(app-pages-browser)/./src/styles/tailwind.css\n"));
 
 /***/ })
 

.next/static/chunks/webpack.js

@@ -192,7 +192,7 @@
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	!function() {
-/******/ 		__webpack_require__.h = function() { return "cba27a10ea63381a"; }
+/******/ 		__webpack_require__.h = function() { return "0142c4104398526f"; }
 /******/ 	}();
 /******/ 	
 /******/ 	/* webpack/runtime/global */

.next/static/css/app/layout.css

@@ -3008,6 +3008,11 @@
       display: none;
     }
   }
+  .lg\:aspect-3\/2 {
+    @media (width >= 64rem) {
+      aspect-ratio: 3/2;
+    }
+  }
   .lg\:aspect-3\/4 {
     @media (width >= 64rem) {
       aspect-ratio: 3/4;

src/app/company/page.tsx

@@ -42,7 +42,7 @@ function Header() {
           </p>
         </div>
         <div className="pt-20 lg:row-span-2 lg:-mr-16 xl:mr-auto">
-          <div className="-mx-8 grid grid-cols-2 gap-4 sm:-mx-16 sm:grid-cols-4 lg:mx-0 lg:grid-cols-2 lg:gap-4 xl:gap-8">
+          <div className="-mx-8 grid grid-cols-2 gap-4 sm:-mx-16 sm:grid-cols-4 lg:mx-0 lg:grid-cols-2 lg:gap-4">
             <div className="aspect-square overflow-hidden rounded-xl shadow-xl outline-1 -outline-offset-1 outline-black/10">
               <img
                 alt=""
@@ -118,11 +118,11 @@ function Person({
   img: string
 }) {
   return (
-    <li className="flex items-center gap-4">
-      <img alt="" src={img} className="size-12 rounded-full" />
-      <div className="text-sm/6">
-        <h3 className="font-medium">{name}</h3>
-        <p className="text-gray-500">{description}</p>
+    <li className="flex items-center gap-6">
+      <img alt="" src={img} className="size-16 rounded-full" />
+      <div className="text-base/7">
+        <h3 className="font-medium text-lg">{name}</h3>
+        <p className="text-gray-500 text-base">{description}</p>
       </div>
     </li>
   )
@@ -137,7 +137,7 @@ function Team() {
       <Heading as="h3" className="mt-2">
         Founded by educators, activists, and systems changers.
       </Heading>
-      <Lead className="mt-6 max-w-3xl">
+      <Lead className="mt-6 max-w-2xl">
         Indaba is founded by community leaders and backed by investors who believe in the power of meaningful participation.
       </Lead>
       <div className="mt-8 grid grid-cols-1 gap-12 lg:grid-cols-2">
@@ -148,9 +148,9 @@ function Team() {
           <p className="mt-8 text-md/6 text-gray-600">
             Today, Indaba empowers communities through a unified ecosystem that supports education, collaboration, and regenerative action. From early childhood learning to vocational training, over 30,000 people across the globe engage with Indaba to reimagine what’s possible — and to build it, together.
           </p>
-          <div className="mt-6">
+          <div className="mt-12">
             <Button className="w-full sm:w-auto" href="#">
-              Join us
+              Get Involved
             </Button>
           </div>
         </div>
@@ -159,57 +159,45 @@ function Team() {
         </div>
       </div>
       <Subheading as="h3" className="mt-24">
-        The team
+        Team Members
       </Subheading>
+      <Heading as="h3" className="mt-2">
+        An experienced and purpose-driven team
+      </Heading>
       <hr className="mt-6 border-t border-gray-200" />
       <ul
         role="list"
         className="mx-auto mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"
       >
         <Person
-          name="Michael Foster"
-          description="Co-Founder / CTO"
-          img="/team/michael-foster.jpg"
+          name="Gregory Flipo"
+          description="Co-Founder & CEO"
+          img="/team/gregory-flipo.jpg"
         />
         <Person
-          name="Dries Vincent"
-          description="Business Relations"
-          img="/team/dries-vincent.jpg"
+          name="Layal Fayad"
+          description="Head of Learning and Development"
+          img="/team/layal-fayad.jpg"
         />
         <Person
-          name="Celeste Vandermark"
-          description="Front-end Developer"
-          img="/team/celeste-vandermark.jpg"
+          name="Thijs Westerveld"
+          description="CTO – AI Leader"
+          img="/team/thijs-westerveld.jpg"
         />
         <Person
-          name="Courtney Henry"
-          description="Designer"
-          img="/team/courtney-henry.jpg"
+          name="Sacha Obeegadoo"
+          description="COO"
+          img="/team/sacha-obeegadoo.jpg"
         />
         <Person
-          name="Marcus Eldridge"
-          description="Director of Product"
-          img="/team/marcus-eldridge.jpg"
+          name="Gerben de Vries"
+          description="AI Research Engineer"
+          img="/team/gerben-de-vries.jpg"
         />
         <Person
-          name="Whitney Francis"
-          description="Copywriter"
-          img="/team/whitney-francis.jpg"
-        />
-        <Person
-          name="Leonard Krasner"
-          description="Senior Designer"
-          img="/team/leonard-krasner.jpg"
-        />
-        <Person
-          name="Nolan Sheffield"
-          description="Principal Designer"
-          img="/team/nolan-sheffield.jpg"
-        />
-        <Person
-          name="Emily Selman"
-          description="VP, User Experience"
-          img="/team/emily-selman.jpg"
+          name=""
+          description="Plus over +100 engineers, business developers, advisors and other team members."
+          img="/team/team.jpg"
         />
       </ul>
     </Container>
@@ -219,85 +207,44 @@ function Team() {
 function Investors() {
   return (
     <Container className="my-32">
-      <Subheading>Investors</Subheading>
+      <Subheading>Board Members</Subheading>
       <Heading as="h3" className="mt-2">
-        Funded by industry-leaders.
+        Benefit from experts of various ventures
       </Heading>
       <Lead className="mt-6 max-w-3xl">
-        We are fortunate to be backed by the best investors in the industry —
-        both literal and metaphorical partners in crime.
+        Backed by top-tier board members, mentors and industry leaders who bring deep insights, networks, and execution power.
       </Lead>
-      <Subheading as="h3" className="mt-24">
-        Venture Capital
-      </Subheading>
-      <hr className="mt-6 border-t border-gray-200" />
-      <ul
-        role="list"
-        className="mx-auto mt-10 grid grid-cols-1 gap-8 lg:grid-cols-2"
-      >
-        <li>
-          <img
-            alt="Remington Schwartz"
-            src="/investors/remington-schwartz.svg"
-            className="h-14"
-          />
-          <p className="mt-6 max-w-lg text-sm/6 text-gray-500">
-            Remington Schwartz has been a driving force in the tech industry,
-            backing bold entrepreneurs who explore grey areas in financial and
-            privacy law. Their deep industry expertise and extensive political
-            lobbying provide their portfolio companies with favorable regulation
-            and direct access to lawmakers.
-          </p>
-        </li>
-        <li>
-          <img alt="Deccel" src="/investors/deccel.svg" className="h-14" />
-          <p className="mt-6 max-w-lg text-sm/6 text-gray-500">
-            Deccel has been at the forefront of innovation, investing in
-            pioneering companies across various sectors, including technology,
-            consumer goods, and healthcare. Their philosophy of ‘plausible
-            deniability’ and dedication to looking the other way have helped
-            produce some of the world’s most controversial companies.
-          </p>
-        </li>
-      </ul>
-      <Subheading as="h3" className="mt-24">
-        Individual investors
-      </Subheading>
       <hr className="mt-6 border-t border-gray-200" />
       <ul
         role="list"
         className="mx-auto mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"
       >
         <Person
-          name="Kristin Watson"
-          description="TechNexus Ventures"
-          img="/individual-investors/kristin-watson.jpg"
+          name="Ahmer Inam"
+          description="CEO of Cognisese"
+          img="/team/ahmer-inam.jpg"
         />
         <Person
-          name="Emma Dorsey"
-          description="Innovate Capital Partners"
-          img="/individual-investors/emma-dorsey.jpg"
+          name="Florian Fournier"
+          description="Co-Founder of Ourworld"
+          img="/team/florian-fournier.jpg"
         />
         <Person
-          name="Alicia Bell"
-          description="FutureWave Investments"
-          img="/individual-investors/alicia-bell.jpg"
+          name="André Shearer"
+          description="Co-Founder and CEO, Indaba"
+          img="/team/andre-shearer.jpg"
         />
         <Person
-          name="Jenny Wilson"
-          description="SynergyTech Equity"
-          img="/individual-investors/jenny-wilson.jpg"
+          name="Kristof de Spiegeleer"
+          description="CEO of Ourworld"
+          img="/team/kristof-de-spiegeleer.jpg"
         />
         <Person
-          name="Anna Roberts"
-          description="NextGen Horizons"
-          img="/individual-investors/anna-roberts.jpg"
-        />
-        <Person
-          name="Benjamin Russel"
-          description="Pioneer Digital Ventures"
-          img="/individual-investors/benjamin-russel.jpg"
+          name="Thomas Becker"
+          description="Serial Innovator"
+          img="/team/thomas-becker.jpg"
         />
+
       </ul>
     </Container>
   )

src/components/companytestimonial.tsx

@@ -2,7 +2,7 @@
 
 export function CompanyTestimonial() {
   return (
-    <div className="relative flex aspect-square flex-col justify-end overflow-hidden rounded-3xl lg:aspect-4/3">
+    <div className="relative flex aspect-square flex-col justify-end overflow-hidden rounded-3xl lg:aspect-3/2">
       <img
         alt=""
         src="/company/jimmy.webp"