// Painting service page in the Wall language
function PaintPage() {
  return (
    <div className="wall-root wall-bg-plain tone-a">
      <WallTopbar active="STUDIO" />

      <section className="wall-page-hero" data-screen-label="Painting hero">
        <div className="wall-door-shift">STUDIO SERVICE · PAINTING</div>
        <h1 className="wall-page-title tone-a">Bare resin to battle ready.</h1>
        <p className="wall-page-pitch">
          Commissioned paint work out of Southside Studio. Tabletop minis,
          display pieces, and full armies, brushed and airbrushed on the bench.
        </p>
      </section>

      <section className="wall-sec" data-screen-label="Finishes">
        <div className="wall-sec-kicker">PICK YOUR FINISH</div>
        <h2 className="wall-sec-title">Two standards, your call</h2>
        <div className="wall-two">
          <article className="wall-cap tone-a">
            <h3 className="wall-cap-name">Table-Ready</h3>
            <p className="wall-cap-desc">
              Clean, consistent, and built for play. Batch pricing for squads
              and armies, basing included.
            </p>
            <div className="wall-cap-tags">
              <span className="wall-cap-tag">SQUADS</span><span className="wall-cap-tag">ARMIES</span>
              <span className="wall-cap-tag">BASING</span><span className="wall-cap-tag">BATCH</span>
            </div>
          </article>
          <article className="wall-cap tone-a">
            <h3 className="wall-cap-name">Showcase &amp; Display</h3>
            <p className="wall-cap-desc">
              Competition-grade finish for centerpieces, trophies, and display
              work. Airbrush blends, freehand, the whole kit.
            </p>
            <div className="wall-cap-tags">
              <span className="wall-cap-tag">DISPLAY</span><span className="wall-cap-tag">AIRBRUSH</span>
              <span className="wall-cap-tag">FREEHAND</span><span className="wall-cap-tag">TROPHIES</span>
            </div>
          </article>
        </div>
      </section>

      <section className="wall-sec" data-screen-label="Recent paint work">
        <div className="wall-sec-kicker">OFF THE BENCH</div>
        <h2 className="wall-sec-title">Recent paint work</h2>
        <div className="wall-polaroids">
          <figure className="wall-polaroid" style={{ transform: 'rotate(-2deg)', margin: 0 }}>
            <img src="images/print-mayhem-3.jpg" alt="Best painted army trophy, front" />
            <figcaption>"best painted army" trophy</figcaption>
          </figure>
          <figure className="wall-polaroid" style={{ transform: 'rotate(1.4deg)', margin: 0 }}>
            <img src="images/print-mayhem-5.jpg" alt="Goblin trophy, paint detail" />
            <figcaption>airbrush blends + brushwork</figcaption>
          </figure>
          <figure className="wall-polaroid" style={{ transform: 'rotate(-0.9deg)', margin: 0 }}>
            <WallPh label="your minis here" h={300} />
            <figcaption>your army's turn</figcaption>
          </figure>
        </div>
        <div className="wall-credit">trophy work painted by <b>Brian Meier</b>, award-winning miniature artist</div>
      </section>

      <section className="wall-big-cta" data-screen-label="Painting CTA">
        <div className="wall-sec-kicker">THE BENCH IS OPEN</div>
        <h2 className="wall-sec-title">Got minis waiting in grey?</h2>
        <p className="wall-sec-sub">
          One centerpiece or a whole army. Tell us the project and the finish
          you're after, we'll quote it straight.
        </p>
        <a className="wall-cta-btn tone-a" href="Contact Page.html?service=painting">START A COMMISSION →</a>
      </section>

      <WallFooter />
    </div>
  );
}
window.PaintPage = PaintPage;