// 3D Printing service detail page in the Wall language.
// Template pattern for the other service pages (software, design).
function PrintingPage() {
  return (
    <div className="wall-root wall-bg-plain tone-a">
      <WallTopbar active="STUDIO" />

      <section className="wall-page-hero" data-screen-label="Printing hero">
        <div className="wall-door-shift">STUDIO SERVICE · 3D PRINTING</div>
        <h1 className="wall-page-title tone-a">Print. Cure. Hand off something real.</h1>
        <p className="wall-page-pitch">
          FDM and resin prints out of Southside Studio. Miniatures, props,
          trophies, replacement parts, and display pieces. We handle the
          slicing, supports, and post-processing.
        </p>
      </section>

      <section className="wall-sec" id="what-we-print" data-screen-label="What we print">
        <div className="wall-sec-kicker">WHAT WE PRINT</div>
        <h2 className="wall-sec-title">Two workflows, one standard</h2>
        <div className="wall-two">
          <article className="wall-cap tone-a">
            <h3 className="wall-cap-name">FDM (Filament)</h3>
            <p className="wall-cap-desc">
              Big, tough, and fast. Props, terrain runs, cosplay parts,
              functional and replacement pieces, production batches off the farm.
            </p>
            <div className="wall-cap-tags">
              <span className="wall-cap-tag">PROPS</span><span className="wall-cap-tag">TERRAIN</span>
              <span className="wall-cap-tag">FUNCTIONAL</span><span className="wall-cap-tag">BATCH</span>
            </div>
          </article>
          <article className="wall-cap tone-a">
            <h3 className="wall-cap-name">Resin (SLA / MSLA)</h3>
            <p className="wall-cap-desc">
              Fine detail and smooth finish. Miniatures, display pieces,
              sculpts, and anything that needs to hold up under a close look.
            </p>
            <div className="wall-cap-tags">
              <span className="wall-cap-tag">MINIS</span><span className="wall-cap-tag">DISPLAY</span>
              <span className="wall-cap-tag">SCULPTS</span><span className="wall-cap-tag">DETAIL</span>
            </div>
          </article>
        </div>
      </section>

      <section className="wall-sec" id="featured" data-screen-label="Featured project">
        <div className="wall-sec-kicker">FEATURED PROJECT</div>
        <h2 className="wall-sec-title">Mayhem in the Pines</h2>
        <p className="wall-sec-sub">
          Custom tournament trophies, printed at Southside and hand-painted
          for the Mayhem in the Pines event series.
        </p>
        <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.3deg)', margin: 0 }}>
            <img src="images/print-mayhem-5.jpg" alt="Goblin trophy detail" />
            <figcaption>resin print, hand finished</figcaption>
          </figure>
          <figure className="wall-polaroid" style={{ transform: 'rotate(-0.8deg)', margin: 0 }}>
            <img src="images/print-mayhem-1.jpg" alt="Goblin trophy, back detail" />
            <figcaption>back detail. airbrush + brush</figcaption>
          </figure>
        </div>
        <div className="wall-credit">painted by <b>Brian Meier</b>, award-winning miniature artist</div>
      </section>

      <section className="wall-big-cta" data-screen-label="Printing CTA">
        <div className="wall-sec-kicker">READY WHEN YOU ARE</div>
        <h2 className="wall-sec-title">Got something you need printed?</h2>
        <p className="wall-sec-sub">
          Trophies, miniatures, props, replacement parts, custom one-offs.
          Bring the file or bring the idea, we'll handle the rest.
        </p>
        <a className="wall-cta-btn tone-a" href="Contact Page.html">START A PRINT →</a>
      </section>

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