/* global React */
function Hero({ setView }) {
  return (
    <React.Fragment>
      <section className="hero-min" data-screen-label="01 Home">
        <div className="container hero-min-inner">
          <p className="hero-min-eyebrow">builders and operators of systems that matter</p>
          <h1 className="hero-min-headline">
            We take responsibility<br />
            for the systems<br />
            organizations depend on.
          </h1>
          <p className="hero-min-sub">
            A small group of senior builders and architects, more than two decades in. The people you bring in when failure is expensive.
          </p>
          <div className="hero-min-actions">
            <button className="btn" onClick={() => setView('work')}>See the work</button>
            <button className="btn-ghost" onClick={() => setView('manifesto')}>Why we do it →</button>
          </div>
        </div>
      </section>

      <section className="section home-brief" data-screen-label="01b What we do">
        <div className="container hero-min-inner">
          <p className="eyebrow">what we do</p>
          <h2 className="section-title">Hired to own the result.</h2>
          <p className="section-lead">
            We are brought in to build from zero, rescue stalled initiatives, modernize critical systems, and lead through technical uncertainty — where failure is expensive and the consequences last years.
          </p>
          <p className="home-distinction">
            Consultants give recommendations. Contractors give labor. Agencies give teams. We take responsibility for the outcome.
          </p>
          <p className="home-proof">
            Two decades inside difficult systems: services that carried hundreds of thousands of requests a second, Fortune 500 platforms run around the clock, public systems still in service on architecture we wrote twenty years ago.
          </p>
          <p className="home-anchor">
            Conspand is a standard built over those decades — established by Andrey, and extended only through people he has worked beside and would trust with his own systems. There is a real person behind every commitment.
          </p>
          <button className="btn-ghost home-brief-link" onClick={() => setView('work')}>See the work →</button>
        </div>
      </section>
    </React.Fragment>
  );
}

window.Hero = Hero;