add about page

src/components/Aboutvalues.jsx

@@ -0,0 +1,57 @@
+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-12 pb-24">
+        <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>
+    )
+  }
+