mission try

This commit is contained in:
Emre
2025-10-10 22:20:13 +03:00
parent c2bce4902a
commit 43682f9fbe

View File

@@ -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 worlds digital future.
Over time, we realized that technology isnt just about performance or scale, its about purpose.
Its about people, communities, and the planet we share.
</p>
<p>
Today, were 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>
Weve spent decades pioneering technologies that power the internet. Now, were 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 worlds digital future.
Over time, we realized that technology isnt just about performance or scale, its about purpose.
Its about people, communities, and the planet we share.
</p>
<p>
Today, were 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>
Weve spent decades pioneering technologies that power the internet. Now, were 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>