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