function About() {
  return (
    <section className="about" id="about" data-screen-label="About">
      <div className="about__inner">
        <div className="about__rail">
          <div className="eyebrow">About</div>
        </div>
        <div className="about__content">
          <p className="about__body">
            Calor is a movement and performance brand for people who intend to keep training hard for a long time.
          </p>
          <p className="about__body">
            The protocols, books, and tools published under Calor are built around one idea: the range you build is an asset. Load it, maintain it, and it compounds. Ignore it, and it collects on you.
          </p>
          <p className="about__body">
            Everything here is designed to integrate with how you already train — not replace it.
          </p>
          <div className="about__url meta">calor.fit</div>
        </div>
      </div>
    </section>
  );
}

window.About = About;