homepage updates
This commit is contained in:
Emre
@@ -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',
|
||||
},
|
||||
{
|
||||
|
||||
@@ -16,11 +16,11 @@ 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',
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,9 +1,50 @@
|
||||
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' },
|
||||
import {
|
||||
GlobeAltIcon,
|
||||
UsersIcon,
|
||||
CommandLineIcon,
|
||||
ShieldCheckIcon,
|
||||
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>
|
||||
<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 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user