ourworld_web/www_ourworld_new
20
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi 2025-07-09 17:40:02 +02:00
parent a5a07d97f6
commit f619016452
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/HomePrinciples.tsx
View File

@ -1,9 +1,9 @@
const stats = [
{ id: 1, name: 'Build in ways that respect and protect natural resources.', value: 'Planet First' },
{ id: 2, name: 'Ensure equality and equity in our ecosystem.', value: 'People First' },
{ id: 3, name: 'Promote collaborative development across all our projects.', value: 'Open Source' },
{ id: 4, name: 'Uphold an ethos of transparency and trust.', value: 'Authenticity' },
{ id: 5, name: 'Eliminate design complexities to foster rapid progress.', value: 'Simplicity' },
{ 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() {
@ -13,15 +13,16 @@ export function HomePrinciples() {
<div className="mx-auto max-w-2xl lg:max-w-none">
<div className="text-center">
<h2 className="h2-default text-gray-900 ">
Trusted by creators worldwide
The Foundation of Every Venture
</h2>
<p className="mt-4 p-default text-gray-600">Lorem ipsum dolor sit amet consect adipisicing possimus.</p>
<p className="mt-4 p-default text-gray-600">Core Principles Guiding OurWorld's Vision for Building Successful Ventures.</p>
</div>
<dl className="mt-16 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>
<dd className="order-first text-xl font-semibold tracking-tight text-gray-900">{stat.value}</dd>
</div>
))}
</dl>