homepage updates

src/components/AboutExperience.tsx

@@ -18,9 +18,9 @@ const timeline = [
   {
     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.',
+      '◯ $50M 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.',
+      '◯ Advancing the Geomind program with the phased rollout of Tier H and Tier S datacenters.',
     date: 'Current Phase',
   },
   {

src/components/HomeMilestones.tsx

@@ -16,12 +16,12 @@ const timeline = [
     date: 'Phase 2',
   },
   {
-    name: 'Launch of New Ventures',
+    name: 'Commercial Expansion',
     description:
-      '◯ $30M raise underway to expand core infrastructure and invest in new ventures with a focus on interdependent projects that strengthen the ecosystem collectively.',
+      '◯ $50M 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.',
+      '◯ Advancing the Geomind program with the phased rollout of Tier H and Tier S datacenters.',
-    date: 'Current Phase',
+   date: 'Current Phase',
   },
   {
     name: 'Scalable Impact',

src/components/HomePrinciples.tsx

@@ -1,9 +1,50 @@
-const stats = [
+import {
-  { id: 1, name: 'Build in ways that respect and protect natural resources.', value: 'Planet First', image: '/images/home/planet.png' },
+  GlobeAltIcon,
-  { id: 2, name: 'Ensure equality and equity in our ecosystem.', value: 'People First', image: '/images/home/people.png' },
+  UsersIcon,
-  { id: 3, name: 'Promote collaborative development across all our projects.', value: 'Open Source', image: '/images/home/open.png' },
+  CommandLineIcon,
-  { id: 4, name: 'Uphold an ethos of transparency and trust.', value: 'Authenticity', image: '/images/home/authentic.png' },
+  ShieldCheckIcon,
-  { id: 5, name: 'Eliminate design complexities to foster rapid progress.', value: 'Simplicity', image: '/images/home/simple.png' },
+  SparklesIcon,
+} from '@heroicons/react/24/outline'
+
+const foundations = [
+  {
+    id: 1,
+    title: 'Planet First',
+    description:
+      'We act with respect for the Earth. Each initiative supports regeneration and uses natural resources responsibly. Every venture should leave the planet better than it found it.',
+    icon: GlobeAltIcon,
+  },
+  {
+    id: 2,
+    title: 'People First',
+    description:
+      'Empowering people to own their digital lives through shared ownership, inclusive governance, and lifelong learning so everyone can grow and take part.',
+    icon: UsersIcon,
+  },
+]
+
+const tools = [
+  {
+    id: 3,
+    title: 'Open Source',
+    description:
+      'Everything we build is open source. Anyone can use it, improve it, and connect to the ecosystem. Transparency keeps innovation honest.',
+    icon: CommandLineIcon,
+  },
+  {
+    id: 4,
+    title: 'Simplicity',
+    description:
+      'Complex systems slow progress. We design modular, autonomous tools that remove unnecessary layers.',
+    icon: SparklesIcon,
+  },
+  {
+    id: 5,
+    title: 'Authenticity',
+    description:
+      'We are restoring trust online. Sovereign digital tools verify people and information, building a culture of transparency and accountability.',
+    icon: ShieldCheckIcon,
+  },
 ]
 
 export function HomePrinciples() {
@@ -15,17 +56,59 @@ export function HomePrinciples() {
             <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>
+            <p className="mt-4 p-default text-gray-600">
+              We start every project with two essentials: protect the planet and empower people. Everything else follows from there.
+            </p>
+          </div>
+          <div className="mt-12 space-y-12">
+            <section>
+              <h3 className="text-sm font-semibold uppercase tracking-wide text-gray-500">Foundational Commitments</h3>
+              <dl className="mt-8 grid grid-cols-1 gap-4 lg:grid-cols-2">
+                {foundations.map((item) => {
+                  const Icon = item.icon
+
+                  return (
+                    <div
+                      key={item.id}
+                      className="flex items-start gap-4 rounded-2xl border border-gray-200/70 bg-white/90 p-5 shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-lg"
+                    >
+                      <div className="flex size-11 shrink-0 items-center justify-center rounded-full bg-gray-100 ring-1 ring-inset ring-gray-200">
+                        <Icon aria-hidden="true" className="size-6 text-gray-900" />
+                      </div>
+                      <div className="space-y-2">
+                        <h4 className="text-xl/7 font-semibold tracking-tight text-gray-900">{item.title}</h4>
+                        <p className="text-base/7 text-gray-500">{item.description}</p>
+                      </div>
+                    </div>
+                  )
+                })}
+              </dl>
+            </section>
+            <section>
+              <h3 className="text-sm font-semibold uppercase tracking-wide text-gray-500">Tools We Deploy</h3>
+              <p className="mt-3 p-default text-gray-600">
+                With people and planet at the core, these are the principles that shape how we build and operate.
+              </p>
+              <dl className="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
+                {tools.map((item) => {
+                  const Icon = item.icon
+
+                  return (
+                    <div
+                      key={item.id}
+                      className="flex flex-col items-center rounded-2xl border border-gray-200/70 bg-white/90 p-5 text-center shadow-sm transition-all hover:-translate-y-0.5 hover:shadow-lg"
+                    >
+                      <div className="flex size-11 items-center justify-center rounded-full bg-gray-100 ring-1 ring-inset ring-gray-200">
+                        <Icon aria-hidden="true" className="size-6 text-gray-900" />
+                      </div>
+                      <h4 className="mt-4 text-xl/7 font-semibold tracking-tight text-gray-900">{item.title}</h4>
+                      <p className="mt-2 text-base/7 text-gray-500">{item.description}</p>
+                    </div>
+                  )
+                })}
+              </dl>
+            </section>
           </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>