/* global React */

function BakeLoop() {
  return (
    <section className="xp-scene">
      <div className="xp-scene-index"><span className="n">03</span> · five-minute loop</div>
      <h2 className="xp-statement xp-statement--full">
        <span className="dim">I'm not marching you through dashboards.</span><br/>
        A bake is how I close the loop.
      </h2>
      <div className="xp-bake-flow">
        <p>
          Hand me a skill file, a paste-in draft, or a plain-language description of the job. I generate candidates, then I beat on structure and guardrails until the thing behaves, not until the markdown looks confident.
        </p>
        <p>
          What I hand back is not a leaderboard story. It is one artifact you can drop into Cursor, Claude Code, Copilot, whatever you run, and trust when the task gets ugly.
        </p>
      </div>
    </section>
  );
}

window.BakeLoop = BakeLoop;