const NOTES = [
  {
    n: "01 / Stays current",
    h: "Rewritten as the tools move",
    p: "Models and products change by the week. We update recipes when a step breaks or a better path shows up, often weekly or monthly. The $47/yr subscription is what pays for that work.",
  },
  {
    n: "02 / Authored, then open",
    h: "Co-authors fill it before launch",
    p: "Founding writers are on contract. They write and test the first library. Outside contribution opens later, once there is a real catalog to join, not an empty page waiting for strangers.",
  },
  {
    n: "03 / Responsible by design",
    h: "Safeguards sit above the steps",
    p: "Every recipe names what never goes in the prompt, who reviews before anything leaves the building, and when you stop. That block is read before Method.",
  },
];

export default function FieldNotes() {
  return (
    <section className="notes">
      <div className="wrap">
        <div className="notes-grid">
          {NOTES.map((x) => (
            <div className="note reveal" key={x.n}>
              <div className="n">{x.n}</div>
              <h3>{x.h}</h3>
              <p>{x.p}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}