import { Button } from '@/components/Button'

export function AboutHero() {

  return (
    <div className="mx-auto max-w-2xl py-32 px-6">
          <div className="text-center">
             <p className="subtitle text-black">ABOUT</p>
            <h1 className="h1-default text-gray-900">
              Building the Future of Digital Sovereignty
            </h1>
            <p className="mt-8 p-default text-gray-500">
              OurWorld creates and supports ventures that put sovereignty back in the hands of people and communities. Each venture in our ecosystem contributes to a future where individuals and organizations own their digital presence, data, and destiny.
            </p>
            <div className="mt-10 flex items-center justify-center gap-x-6">
              <Button href="/contact" color="black">
                Learn More
              </Button>
              <Button href="/ventures" variant="outline" color="slate">
                Explore Ventures
              </Button>
            </div>
          </div>
    </div>
    )
    }
