{% extends "layout.twig" %}

{% block content %}
<div id="content" class="site-content">
  <div class="container">

    <!-- HERO -->
    <section role="region" aria-label="Partners">
      <div class="block block--hero block--size-default block--full-width block--blue block--media-none dimple dimple--basic">
        <div class="container">
          <div class="block__content">
            <h1 class="block__title">Our Partners</h1>
            <div class="block__copy">
              <p>
                Our partners are passionate about helping kids build character,
                confidence, and life skills through golf.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- CONTENT -->
    <div id="primary" class="content-area">
      <main id="main" class="site-main">
        <article class="page type-page status-publish hentry">
          <div class="entry-content">

            <h2 class="wp-block-heading has-text-align-center">
              Thank You to Our Partners
            </h2>

            <p class="has-text-align-center">
              We are grateful to the organizations that support Chance Fore Golf
              and help make our mission possible.
            </p>

            <!-- PARTNER LOGO GRID -->
            <div class="wp-block-columns is-layout-flex wp-block-columns-is-layout-flex">

              <div class="wp-block-column has-text-align-center">
                <figure class="wp-block-image size-full">
                  <img src="/css/partner-accenture.png" alt="Accenture">
                </figure>
              </div>

              <div class="wp-block-column has-text-align-center">
                <figure class="wp-block-image size-full">
                  <img src="/css/partner-company-2.png" alt="Partner 2">
                </figure>
              </div>

              <div class="wp-block-column has-text-align-center">
                <figure class="wp-block-image size-full">
                  <img src="/css/partner-company-3.png" alt="Partner 3">
                </figure>
              </div>

            </div>

            <!-- CTA -->
            <div class="block block--cta block--cta-blue">
              <div class="block__content">
                <h2 class="block__title">Become a Partner</h2>
                <div class="block__copy">
                  <p>
                    Interested in partnering with Chance Fore Golf?
                    We’d love to work with you.
                  </p>
                </div>
                <a class="btn btn--navy-bg btn--green-arrow" href="/get-involved">
                  Learn More
                </a>
              </div>
            </div>

          </div>
        </article>
      </main>
    </div>

  </div>
</div>
{% endblock %}