import { Cog6ToothIcon, ArrowsPointingOutIcon, CommandLineIcon, BoltIcon } from '@heroicons/react/20/solid'


export  function VenturesGeomind() {
  return (
    <div className="overflow-hidden bg-white py-24 sm:py-32">
      <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
        <div className="max-w-5xl">
          <p className="subtitle-default text-gray-900">VENTURES</p>
          <h2 className="mt-2 h2-default text-gray-900">
            GeoMind
          </h2>
        </div>
        <section className="mt-12 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-48 lg:gap-y-16">
          <div className="lg:pr-8">
            <h2 className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">About</h2>
            <p className="mt-6 text-lg/7 text-gray-600">
              GeoMind is a new generation of decentralized cloud and AI infrastructure that delivers Tier S (enterprise-grade) and Tier H (home and office) datacenters to people, businesses, and public institutions.
            </p>
            <p className="mt-8 text-lg/7 text-gray-600">
              By pairing autonomous bare-metal orchestration with verifiable resource metering, GeoMind lets participants own their cloud footprint and turn idle capacity into profit. The mesh spans sovereign facilities and in-field deployments, providing compliant, energy-aware performance for AI, Web3, and data-intensive applications without relying on centralized hyperscalers.
            </p>
          </div>
          <div className="lg:row-span-2 lg:-mr-24 xl:mr-auto">
            <div className="lg:mx-0">
             <div className="relative">
              <figure className="border border-gray-200  px-6 lg:pl-8 lg:pr-24 py-6 lg:py-8 rounded-3xl bg-gray-50 mt-8 lg:mt-0">
              <blockquote className="text-lg/8 font-semibold tracking-tight text-gray-900">
                <p>
                  Sector
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  Technology, Information and Internet
                </p>
                <p className='mt-4'>
                  Key Contact
                </p>
              </blockquote>
              <figcaption className="mt-4 flex gap-x-4">
                <a href="/people/kristof_de_spiegeleer" className="flex gap-x-4 hover:opacity-80 transition-opacity">
                  <img
                    alt=""
                    src="/images/people/kristof_de_spiegeleer/kristof_de_spiegeleer.jpeg"
                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
                  />
                  <div>
                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Kristof de Spiegeleer</p>
                    <p className="text-gray-600 text-sm/8">Co-founder & CEO</p> 
                  </div>
                </a>
              </figcaption>
              <figcaption className="mt-4 flex gap-x-4">
                <a href="/people/sacha_obeegadoo" className="flex gap-x-4 hover:opacity-80 transition-opacity">
                  <img
                    alt=""
                    src="/images/people/sacha_obeegadoo/sacha_obeegadoo.jpg"
                    className="mt-1 size-14 flex-none rounded-full bg-gray-50"
                  />
                  <div>
                    <p className="font-semibold text-base text-gray-900 hover:text-indigo-600">Sacha Obeegadoo</p>
                    <p className="text-gray-600 text-sm/8">COO</p> 
                  </div>
                </a>
              </figcaption>
              <blockquote className="mt-6 text-lg/8 font-semibold tracking-tight text-gray-900">
                <p>
                  Headquarters
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  Lochristi, Vlaanderen
                </p>
                <p className='mt-6'>
                  Website
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  <a href="https://geomind.io/" className="text-indigo-600 hover:text-gray-500">www.geomind.io</a>
                </p>
                <p className='mt-6'>
                  Contact
                </p>
                 <p className='text-lg/7 font-light text-gray-600'>
                  <a href="mailto:info@threefold.io " className="text-indigo-600 hover:text-gray-500">info@ourworld.tf</a>
                </p>
              </blockquote>
              </figure>
              </div>
            </div>
          </div>
          <div className="max-lg:mt-8 lg:col-span-1">
            <p className="text-2xl font-semibold tracking-tight text-pretty text-gray-900">Key Features</p>
            <hr className="mt-6 border-t border-gray-200" />
            <ul role="list" className="mt-8 space-y-8 text-gray-600">
              <li className="flex gap-x-3">
                <Cog6ToothIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Fully Autonomous.</strong> Self-healing capabilities ensure resilience and minimal maintenance.
                </span>
              </li>
              <li className="flex gap-x-3">
                <ArrowsPointingOutIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Planetary-Scale Scalability.</strong> The system scales seamlessly from edge devices to large-scale data centers.
                </span>
              </li>
              <li className="flex gap-x-3">
                <CommandLineIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Cross-Compatibility.</strong> Compatible with Web2, Web3, and AI workloads, all within a unified stack.
                </span>
              </li>
              <li className="flex gap-x-3">
                <BoltIcon aria-hidden="true" className="mt-1 size-5 flex-none text-black" />
                <span>
                  <strong className="font-semibold text-lg text-gray-900">Energy Efficiency.</strong> Optimized for high performance with minimal energy consumption.
                </span>
              </li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  )
}