improvement
This commit is contained in:
Emre
@@ -1,44 +1,59 @@
|
||||
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>
|
||||
<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 — Founder & CEO
|
||||
</figcaption>
|
||||
</figure>
|
||||
</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 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 & CEO, GeoMind</p>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user