/* global React, ReactDOM, Header, Footer, CTA, Reveal, Icon, useChrome, ChromeTweaks, TweaksPanel */
// dannye-ne-mneniya.jsx — «Данные, а не мнения»

function ArticleHead({ num, title, meta }) {
  return (
    <section className="page-hero" id="top">
      <div className="hero-glow g1"></div>
      <div className="container">
        <Reveal className="article-head">
          <a className="article-back" href="blog.html">{Icon.arrow({ style: { width: 18, height: 18 } })} Все статьи</a>
          <span className="eyebrow" style={{ marginTop: 10, display: "block" }}>Статья {num}</span>
          <h1 className="page-title">{title}</h1>
          <div className="article-meta">
            <span>{meta} чтения</span><span className="dot"></span><span>Олег Гурари</span><span className="dot"></span><span>16.06.2026</span>
          </div>
        </Reveal>
      </div>
    </section>
  );
}

function App() {
  const [t, setTweak] = useChrome();
  return (
    <React.Fragment>
      <Header />
      <main>
        <ArticleHead num="02" title="Данные, а не мнения" meta="5 мин" />
        <section className="page-section" style={{ paddingTop: 24 }}>
          <div className="container">
            <Reveal className="article-body">
              <p>В большинстве компаний важные решения принимают на совещаниях, где побеждает не тот, кто прав, а тот, кто увереннее говорит. Спорят об ассортименте, ценах, рекламе — и каждый опирается на своё ощущение. Так бизнес годами движется по кругу.</p>
              <p>Управленческий учёт меняет правила игры. Вместо мнений на стол ложатся цифры: сколько приносит каждый продукт, какой канал окупается, где прибыль, а где только оборот. Спорить становится не о чем — данные говорят сами.</p>
              <div className="pullquote">Цифры не спорят. Они просто показывают, что происходит на самом деле.</div>
              <h2>Что важно считать</h2>
              <p>Первое — отличать выручку от прибыли. Большая выручка при отрицательной марже разоряет компанию медленно, но верно. Второе — понимать юнит-экономику: сколько вы зарабатываете на одной продаже после всех затрат. Третье — видеть, откуда приходят деньги и какой клиент действительно выгоден.</p>
              <h2>Как это меняет управление</h2>
              <p>Когда у владельца есть цифры, исчезает тревога. Решения становятся спокойными: вы не угадываете, а выбираете на основе фактов. Можно смело отказаться от того, что не работает, и усилить то, что приносит результат.</p>
              <p>Это и есть профессиональное управление — не интуиция и не харизма, а дисциплина работы с данными. Оно скучнее красивых лозунгов, но именно оно делает бизнес устойчивым.</p>
            </Reveal>
          </div>
        </section>
        <AuthorBio />
        <CTA />
      </main>
      <Footer />
      <TweaksPanel><ChromeTweaks t={t} setTweak={setTweak} /></TweaksPanel>
    </React.Fragment>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);