/* global React */
function Hero({ setView }) {
  return (
    <section className="hero-min" data-screen-label="01 Home">
      <div className="container hero-min-inner">
        <p className="hero-min-eyebrow">a technology company</p>
        <h1 className="hero-min-headline">
          Consciousness exists.<br />
          It evolves by choosing love,<br />
          cooperation, and care.
        </h1>
        <div className="hero-min-actions">
          <button className="btn" onClick={() => setView('manifesto')}>Read the manifesto</button>
          <button className="btn-ghost" onClick={() => setView('contact')}>Get in touch →</button>
        </div>
      </div>
    </section>
  );
}

window.Hero = Hero;