function About() {
  return (
    <section className="section" id="about">
      <div className="container">
        <div className="section-head reveal">
          <div>
            <div className="section-kicker">— 05 / About</div>
            <h2 className="section-title">Ben Bruce. <em>Founder.</em></h2>
          </div>
        </div>

        <div className="about reveal">
          <p className="about-quote">
            “I started Bruce Digital because small businesses in Auckland
            <em> deserve a better website</em> — without paying agency prices
            or waiting two months to see a draft.”
          </p>
          <div className="about-bio">
            <p>
              I'm a designer and builder based in Auckland. I work with tradies,
              advisers, and local service businesses who either don't have a
              website, have one that looks dated, or built something themselves
              that isn't bringing in enquiries.
            </p>
            <p>
              I handle everything myself: design, build, copy, and launch. That
              means no project managers, no handoffs, and no game of telephone.
              You talk to me, I do the work, and your site is live in under a week.
            </p>
            <p className="sig">— Ben</p>
          </div>
        </div>
      </div>
    </section>
  );
}
window.About = About;
