const stats = [
  { value: "18ms", label: "median read, p50 across all regions" },
  { value: "99.98%", label: "uptime over the last twelve months" },
  { value: "4.1B", label: "requests served in June" },
  { value: "2,400+", label: "teams building on it today" },
]

export default function StatsRow() {
  return (
    <section className="border-y border-border px-6 py-16">
      <div className="mx-auto grid max-w-5xl gap-10 sm:grid-cols-2 lg:grid-cols-4">
        {stats.map((stat) => (
          <div key={stat.label}>
            <p className="text-3xl font-semibold tracking-tight">{stat.value}</p>
            <p className="mt-2 text-sm leading-relaxed text-muted">{stat.label}</p>
          </div>
        ))}
      </div>
    </section>
  )
}