Initial commit

src/pages/about/components/MissionVision.tsx

@@ -0,0 +1,45 @@
+import { motion } from 'framer-motion';
+
+export const MissionVision = () => {
+  return (
+    <section className="py-16 lg:py-24">
+      <div className="relative overflow-hidden rounded-3xl border border-slate-100 bg-white/80 p-8 shadow-subtle backdrop-blur lg:p-16">
+        <div className="pointer-events-none absolute -top-36 right-10 h-72 w-72 rounded-full bg-brand-100 opacity-50 blur-3xl" />
+        <motion.div
+          initial={{ opacity: 0, y: 24 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true, amount: 0.35 }}
+          transition={{ duration: 0.6, ease: 'easeOut' }}
+          className="relative z-10 space-y-12 lg:grid lg:grid-cols-2 lg:gap-16 lg:space-y-0"
+        >
+          <div>
+            <h2 className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
+              Our Mission
+            </h2>
+            <h3 className="mt-4 text-3xl font-semibold text-ink sm:text-4xl">
+              Building Inclusive Digital Infrastructure as a Fundamental Human Right
+            </h3>
+            <p className="mt-6 text-base text-slate-600 sm:text-lg">
+              GeoMind is committed to placing people and the planet at the forefront of our mission.
+              We believe that access to computing resources is a basic human right. By integrating
+              sustainable practices and innovative technologies, we aim to create an inclusive digital
+              infrastructure that empowers communities and fosters global equity.
+            </p>
+          </div>
+          <div className="flex flex-col justify-between text-right">
+            <h2 className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
+              Our Journey
+            </h2>
+            <p className="mt-4 text-base text-slate-600 sm:text-lg">
+              We began by building the backbone of modern digital infrastructure. Over the years, we've
+              pioneered cloud computing, advanced storage systems, and scalable, secure datacenter
+              technologies. We're now creating the next generation of datacenters, a new standard built
+              for the demands of the AI era, offering efficiency, sovereignty, and profitability that
+              traditional datacenters simply can't deliver.
+            </p>
+          </div>
+        </motion.div>
+      </div>
+    </section>
+  );
+};