fivedevs.com/new-site/src/components/how-i-work.tsx

export const principles = [
  {
    title: "Senior, end-to-end",
    body:
      "You hire me, you get me. I read the code, talk to the people, ship the change, and write down what I learned.",
  },
  {
    title: "Boring tech, on purpose",
    body:
      "Postgres, queues, plain PHP, small dependencies. Fewer moving parts means fewer 3am pages.",
  },
  {
    title: "Small PRs, fast feedback",
    body:
      "You'll see what I'm doing every day, not at the end of a three-week dark period. Reviewing my work should take minutes, not hours.",
  },
  {
    title: "Documented as I go",
    body:
      "Every change ships with a short note explaining why. Your team can pick the work up cleanly if you ever bring it in-house.",
  },
  {
    title: "Honest about scope",
    body:
      "If I'm not the right person for the work, I'll say so — and where I can, point you at someone who is.",
  },
];

export function HowIWork() {
  return (
    <ul className="mt-6 space-y-5">
      {principles.map((p) => (
        <li key={p.title}>
          <strong className="text-ink">{p.title}.</strong>{" "}
          <span className="text-ink-soft">{p.body}</span>
        </li>
      ))}
    </ul>
  );
}