import { Gallery } from './Gallery'
import { Button } from './Button'

export function AboutTeam() {
  return (
    <div className="relative lg:my-12 py-12 lg:mt-24 mt-12 lg:py-32 mx-6">
      <Gallery />
      <div className="mx-auto grid max-w-7xl lg:grid-cols-2">
        <div className="lg:col-start-2">
          <div className="mx-auto max-w-2xl lg:max-w-lg">
            <h1 className="text-3xl font-medium tracking-tight leading-tight lg:mt-0 mt-6 text-pretty text-white lg:text-4xl">
              Founded by Internet Pioneers and Powered by the Community
            </h1>
            <p className="mt-6 text-sm font-light text-pretty text-gray-700 lg:text-base">
               ThreeFold was started by pioneers from the early days of the internet, when it was a true peer-to-peer network. Today, it’s an open-source movement supported by a dedicated team and a vibrant community of contributors. Over 50 full-time developers and countless Hosters worldwide help bring our shared vision to life.
            </p>
            <div className="mt-6 lg:mt-10">
            <Button href="#" variant="glass" >
              Our People
            </Button>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}