// intro.jsx
function Intro() {
  return (
    <>
      <section className="marquee" aria-hidden="true">
        <div className="marquee__track">
          {Array.from({ length: 2 }).map((_, k) =>
          <React.Fragment key={k}>
              {['brand strategy', 'rebranding', 'webdesign', 'kampaně', 'social media', 'identity', 'art direction', 'content', 'rebranding', 'digital'].map((w, i) =>
            <span className="marquee__item" key={k + '-' + i}>
                  <span>{w}</span>
                  <span className="star">✦</span>
                </span>
            )}
            </React.Fragment>
          )}
        </div>
      </section>

      <section className="intro" data-screen-label="02 Intro">
        <div className="shell">
          <span className="eyebrow" data-reveal style={{ display: 'block', marginBottom: 32 }}>01 / Intro</span>
          <div className="intro__grid">
            <div>
              <h2 className="intro__lede" data-reveal>
                Jsme <em>justmighty</em> — restartujeme marketing zavedeným firmám. Stavíme značky <em>startupům</em>.
              </h2>
            </div>
            <div data-reveal style={{ "--reveal-delay": "160ms" }}>
              <p className="intro__body">Většina marketingu se dnes dělá jen proto, aby se dělal.
Bez otázky proč. Bez dopadu na byznys. Bez ohlédnutí.
Justmighty existuje, aby to bylo jinak.
Začínáme otázkami, ne kreativou. Děláme věci popořádku, i když je to pomalejší. Bereme si méně klientů. Za větší odpovědnost.
</p>
              <p className="intro__body" style={{ marginTop: 18 }}>
                Marketing nemá být pomocná disciplína.
Má být páteří byznysu, jako účetnictví nebo právo.
Tentokrát pořádně.
              </p>
            </div>
          </div>

          <div className="stats" data-reveal style={{ "--reveal-delay": "260ms" }}>
            <div className="stats__cell">
              <span className="stats__num" style={{ fontWeight: "400" }}>12<span style={{ color: 'var(--coral)' }}>+</span></span>
              <span className="stats__lbl" style={{ fontSize: "16px" }}>let zkušeností v oboru</span>
            </div>
            <div className="stats__cell">
              <span className="stats__num" style={{ fontWeight: "400" }}>500<span style={{ color: 'var(--coral)' }}>+</span></span>
              <span className="stats__lbl" style={{ fontSize: "16px" }}>odvedených projektů</span>
            </div>
            <div className="stats__cell">
              <span className="stats__num" style={{ fontWeight: "400" }}>~20</span>
              <span className="stats__lbl" style={{ fontSize: "16px" }}>lidí v týmu</span>
            </div>
          </div>
        </div>
      </section>
    </>);}window.Intro = Intro;