export const MissionVision = () => {
  return (
    <section className="relative py-20 text-slate-100 lg:py-28">
      <div className="relative mx-auto max-w-6xl px-6 lg:px-12">
        <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-300">
              Technology with Purpose
            </span>
          </div>
          <div className="relative">
            <span
              aria-hidden="true"
              className="float-left mr-3 -mt-3 text-6xl font-serif leading-none text-brand-400/40"
            >
              “
            </span>
            <div className="space-y-6 text-base leading-8 text-slate-300 sm:text-lg sm:leading-8">
              <p className="italic text-brand-200">
                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-white/10 pt-6 text-sm">
            <p className="font-semibold text-white">Kristof De Spiegeleer</p>
            <p className="text-slate-400">Founder &amp; CEO, GeoMind</p>
          </div>
        </div>
      </div>
    </section>
  );
};