add about page

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