/* Writing - concise operating notes */

const NOTES = [
  {
    title: "Customer context is a systems problem.",
    meta: "Post-sale operations",
    body:
      "The expensive part of account work is rarely the answer. It is the context rebuild that happens before the answer: tickets, renewal data, sentiment, escalations, and the last conversation all scattered across tools.",
  },
  {
    title: "AI needs guardrails before it needs sparkle.",
    meta: "Applied AI",
    body:
      "Useful AI workflow design starts with boundaries: tenant isolation, DLP before model calls, traceable evidence, editable outputs, and a clear handoff back to human judgment.",
  },
  {
    title: "Founder-led shipping changes the feedback loop.",
    meta: "Building",
    body:
      "When the person writing the code has also lived the workflow, product decisions get sharper. The work becomes less about feature lists and more about the moment the operator is trying to survive.",
  },
];

function Writing() {
  return (
    <section id="writing">
      <div className="container">
        <Reveal>
          <div className="section-head">
            <span className="mono">05 / Notes</span>
            <h2>Short notes from the edge between <em>customer work</em> and software.</h2>
          </div>
        </Reveal>

        <div className="writing-grid notes-grid">
          {NOTES.map((note, i) => (
            <Reveal key={note.title} delay={i * 50}>
              <article className="note-card">
                <span className="mono">{note.meta}</span>
                <h3>{note.title}</h3>
                <p>{note.body}</p>
              </article>
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Writing });