Files
www_ourverse_new/src/components/Aboutvalues.jsx
2024-10-08 15:02:02 +02:00

57 lines
2.6 KiB
JavaScript

const features = [
{
name: 'Accessibility for All',
description:
'We believe everyone, regardless of location or resources, should have access to immersive virtual spaces. Our decentralized platform bridges gaps, enabling seamless global collaboration.',
},
{
name: 'Decentralization & Freedom',
description:
'Powered by the ThreeFold Grid, our metaverse is fully decentralized, giving users ownership, security, and control over their digital experiences, free from centralized interference.',
},
{
name: 'Innovation & Opportunity',
description:
'Our platform empowers creators to innovate, build, and monetize their ideas in a decentralized economy, fostering limitless creativity and opportunities.',
},
{
name: 'Global Collaboration',
description:
'We enable real-time, lifelike interactions that break down geographic and technical barriers, making virtual collaboration as effective and engaging as in-person meetings.',
},
{
name: 'Equity & Inclusion',
description:
'We are committed to providing an inclusive space where people from all backgrounds can connect and thrive, removing barriers related to economic or technological privilege.',
},
{
name: 'Security & Privacy',
description:
'Our decentralized infrastructure ensures user data and assets are protected, giving users complete control and privacy over their virtual identities.',
},
]
export default function Aboutvalues() {
return (
<div className="bg-gradient-to-b from-purple-50/80 to-purple-50/10 pt-24 pb-12">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-2xl lg:mx-0">
<h2 className="text-3xl font-bold tracking-tight text-gradient-dark sm:text-4xl">Our Values</h2>
<p className="mt-6 text-lg leading-8 text-gray-600">
Our values represent the unwavering principles that guide every decision we make in fostering a culture of integrity, innovation, and respect for all.
</p>
</div>
<dl className="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base leading-7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
{features.map((feature) => (
<div key={feature.name}>
<dt className="font-semibold text-gradient-dark">{feature.name}</dt>
<dd className="mt-1 text-gray-600">{feature.description}</dd>
</div>
))}
</dl>
</div>
</div>
)
}