import { Container, Stat } from "@/src/components/site";

const FACTS: readonly { value: string; label: string }[] = [
  { value: "15 years", label: "in web, apprenticeship from 2011" },
  { value: "Team lead", label: "frontend team lead at an agency" },
  { value: "Since 2021", label: "working fully remote" },
  {
    value: "7 chains",
    label: "Rust + Solidity DeFi system with a zero-survivor mutation gate",
  },
];

export const ProofStrip: React.FC = () => (
  <section aria-label="Background" className="border-b border-border py-10">
    <Container>
      <div className="grid grid-cols-2 gap-8 lg:grid-cols-4">
        {FACTS.map((fact) => (
          <Stat key={fact.value} value={fact.value} label={fact.label} />
        ))}
      </div>
    </Container>
  </section>
);