export function Quote() {
  return (
    <section className="relative isolate overflow-hidden bg-transparent px-6 py-12 lg:px-8">
      <div className="mx-auto max-w-2xl lg:max-w-5xl">
        <img
          alt=""
          src="/images/home/quotes_green.png"
          className="mx-auto h-12"
        />
        <figure className="mt-8">
          <blockquote className="text-center text-2xl/8 font-light italic text-void lg:text-4xl">
            <p className="text-void">
              “We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. The future we are building is one where technology empowers people and drives innovation while prioritizing safety and autonomy.”
            </p>
          </blockquote>
          <figcaption className="mt-10">
            <div className="flex items-center justify-center space-x-3 text-base">
              <img
                alt=""
                src="/images/home/kds.png"
                className="size-10 rounded-full"
              />
              <div className="font-semibold text-gray-900">Kristof De Spiegeleer</div>
              <svg width={3} height={3} viewBox="0 0 2 2" aria-hidden="true" className="fill-gray-900">
                <circle r={1} cx={1} cy={1} />
              </svg>
              <div className="text-gray-600">OurWorld Co-Founder & CEO</div>
            </div>
          </figcaption>
        </figure>
      </div>
    </section>
  )
}
