From 43682f9fbedfcc2b077ce7b504ba0b57e1c5f00b Mon Sep 17 00:00:00 2001
From: Emre <emre@Emres-MacBook-Air.local>
Date: Fri, 10 Oct 2025 22:20:13 +0300
Subject: [PATCH] mission try

---
 src/pages/about/components/MissionVision.tsx | 81 ++++++++------------
 1 file changed, 33 insertions(+), 48 deletions(-)

diff --git a/src/pages/about/components/MissionVision.tsx b/src/pages/about/components/MissionVision.tsx
index d523273..929d541 100644
--- a/src/pages/about/components/MissionVision.tsx
+++ b/src/pages/about/components/MissionVision.tsx
@@ -2,57 +2,42 @@ export const MissionVision = () => {
   return (
     <section className="relative py-20 lg:py-28">
       <div className="relative mx-auto max-w-6xl px-6 lg:px-12">
-        <div className="flex flex-col gap-12 rounded-[32px] bg-gradient-to-br from-white via-white to-brand-50/40 p-8 shadow-xl ring-1 ring-brand-100/40 sm:p-12 lg:grid lg:grid-cols-[minmax(0,0.9fr)_1fr] lg:items-center">
-          <div className="order-1 lg:order-none">
-            <figure className="relative mx-auto max-w-sm overflow-hidden rounded-[28px] bg-gradient-to-br from-emerald-100/50 via-white to-brand-100/40 p-6 shadow-lg ring-1 ring-brand-200/40">
-              <div className="absolute inset-0 rounded-[24px] bg-[radial-gradient(circle_at_20%_20%,rgba(56,189,248,0.22),transparent_55%),radial-gradient(circle_at_80%_40%,rgba(59,130,246,0.18),transparent_60%)]" />
-              <img
-                src="/images/ceo-kristof.png"
-                alt="Kristof De Spiegeleer, Founder and CEO of GeoMind"
-                className="relative z-10 mx-auto w-full max-w-xs object-cover"
-              />
-              <figcaption className="relative z-10 mt-6 text-center text-sm font-medium text-slate-500">
-                Kristof De Spiegeleer &mdash; Founder &amp; CEO
-              </figcaption>
-            </figure>
+        <div className="mx-auto max-w-3xl space-y-8">
+          <div className="flex items-center gap-4">
+            <div className="h-px flex-1 bg-gradient-to-r from-brand-500/40 via-brand-300/40 to-transparent" />
+            <span className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
+              Technology with Purpose
+            </span>
           </div>
-          <div className="relative flex flex-col gap-8 rounded-3xl bg-white/90 p-8 shadow-inner ring-1 ring-brand-100/50 backdrop-blur">
-            <div className="flex items-center gap-4">
-              <div className="h-px flex-1 bg-gradient-to-r from-brand-500/50 via-brand-300/50 to-transparent" />
-              <span className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
-                Technology with Purpose
-              </span>
-            </div>
-            <div className="relative">
-              <span
-                aria-hidden="true"
-                className="float-left mr-3 -mt-3 text-6xl font-serif text-brand-500/25 leading-none"
-              >
-                “
-              </span>
-              <div className="space-y-6 text-base leading-8 text-slate-600 sm:text-lg sm:leading-8">
-                <p className="italic text-brand-700">
-                  When we first started, our goal was simple, to build the foundation for the world’s digital future.
-                  Over time, we realized that technology isn’t just about performance or scale, it’s about purpose.
-                  It’s about people, communities, and the planet we share.
-                </p>
-                <p>
-                  Today, we’re creating the next generation of datacenters, designed not only for the AI era but for a
-                  sustainable, inclusive future. Our mission is clear: to make digital decentralized infrastructure a
-                  universal right, accessible and responsible in equal measure.
-                </p>
-                <p>
-                  We’ve spent decades pioneering technologies that power the internet. Now, we’re redefining what
-                  datacenters stand for, combining efficiency, sovereignty, and sustainability to serve both humanity and
-                  innovation.
-                </p>
-              </div>
-            </div>
-            <div className="border-t border-slate-200 pt-6 text-sm">
-              <p className="font-semibold text-brand-700">Kristof De Spiegeleer</p>
-              <p className="text-slate-500">Founder &amp; CEO, GeoMind</p>
+          <div className="relative">
+            <span
+              aria-hidden="true"
+              className="float-left mr-3 -mt-3 text-6xl font-serif text-brand-500/25 leading-none"
+            >
+              “
+            </span>
+            <div className="space-y-6 text-base leading-8 text-slate-600 sm:text-lg sm:leading-8">
+              <p className="italic text-brand-700">
+                When we first started, our goal was simple, to build the foundation for the world’s digital future.
+                Over time, we realized that technology isn’t just about performance or scale, it’s about purpose.
+                It’s about people, communities, and the planet we share.
+              </p>
+              <p>
+                Today, we’re creating the next generation of datacenters, designed not only for the AI era but for a
+                sustainable, inclusive future. Our mission is clear: to make digital decentralized infrastructure a
+                universal right, accessible and responsible in equal measure.
+              </p>
+              <p>
+                We’ve spent decades pioneering technologies that power the internet. Now, we’re redefining what
+                datacenters stand for, combining efficiency, sovereignty, and sustainability to serve both humanity and
+                innovation.
+              </p>
             </div>
           </div>
+          <div className="border-t border-slate-200 pt-6 text-sm">
+            <p className="font-semibold text-brand-700">Kristof De Spiegeleer</p>
+            <p className="text-slate-500">Founder &amp; CEO, GeoMind</p>
+          </div>
         </div>
       </div>
     </section>