// Sponsorship / partners page (hobby side).
// Mayhem in the Pines = Brian Meier's event (his crew's); Southside partners on it
// (trophy paint, printed hardware, prize support). NOT to be confused with
// Magic in the Pines, which is Southside's own (unlaunched) tournament series.
function SponsorshipPage() {
  return (
    <div className="wall-root wall-bg-plain tone-b">
      <WallTopbar active="HOBBIES" />

      <section className="wall-page-hero" data-screen-label="Sponsorship hero">
        <div className="wall-door-shift">HOBBY SIDE · SPONSORS &amp; PARTNERS</div>
        <h1 className="wall-page-title tone-b">Sponsors and partners</h1>
        <p className="wall-page-pitch">
          Good events run on community, so we put our money and our bench where the tables are.
          These are the events we sponsor and the people we run with. Running one? Pull up.
        </p>
      </section>

      <section className="wall-sec" id="mayhem-in-the-pines" data-screen-label="Mayhem in the Pines">
        <div className="wall-app">
          <div>
            <div className="wall-sec-kicker">SPONSORED EVENT · BRIAN MEIER</div>
            <h2 className="wall-sec-title">Mayhem in the Pines</h2>
            <p className="wall-sec-sub">
              Mayhem in the Pines is Brian Meier's tournament series, run by him and his crew. We
              sponsored it with trophy and showcase paint, printed hardware, and prize support.
              The "best painted" trophies get their finish from Brian's bench.
            </p>
            <a className="wall-cta-btn tone-b" href="https://www.facebook.com/brian.meier.797949" target="_blank" rel="noopener">FIND BRIAN ON FACEBOOK →</a>
          </div>
          <img src="images/event-flyer.jpg" alt="Mayhem in the Pines event" />
        </div>
      </section>

      <section className="wall-big-cta" id="sponsor" data-screen-label="Sponsor CTA">
        <div className="wall-sec-kicker">WE BACK EVENTS</div>
        <h2 className="wall-sec-title">Want us at yours?</h2>
        <p className="wall-sec-sub">
          Running a tournament, league, or community event? We sponsor with prize support, trophy
          and showcase builds, and printed hardware. Tell us about it and let's talk.
        </p>
        <a className="wall-cta-btn tone-b" href="Contact Page.html?service=event-booking">GET IN TOUCH →</a>
      </section>

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