{% extends "layout.twig" %}

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

    <!-- HERO -->
    <section role="region" aria-label="Get Involved">
      <div class="block block--hero block--size-default block--full-width block--blue block--media-image dimple dimple--default">
        <div class="container">
          <div class="block__content">
            <h1 class="block__title">Get Involved</h1>
            <div class="block__copy">
              <p>
                Your involvement can directly impact the kids we serve and the skills they develop.
                Get involved today and help give kids tools that last a lifetime.
              </p>
            </div>
          </div>
          <div class="block__media">
            <img
              src="/css/RG1_6326cp-987x1024.webp"
              alt="Youth golfing"
              class="block__img"
              loading="lazy"
            >
          </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">

            <div class="block block--content-tiles block--col-three dimple dimple--bg-blue">
              <div class="block__content">
                <div class="cards cards--tiles">

                  <!-- CARD 1 -->
                  <a href="/get-involved/volunteer" class="card card--tile card--linked">
                    <div class="card__content">
                      <h3 class="card__title h4__mimic">Become a Coach or Volunteer</h3>
                      <p>
                        Serve as a positive mentor and role model for kids and teens
                        while helping them grow on and off the course.
                      </p>
                      <div class="card__dummy btn btn--green-arrow">
                        <span>Learn More</span>
                      </div>
                    </div>
                  </a>

                  <!-- CARD 2 -->
                  <a href="/get-involved/give" class="card card--tile card--linked">
                    <div class="card__content">
                      <h3 class="card__title h4__mimic">Ways to Give</h3>
                      <p>
                        Your generosity helps provide meaningful programs that
                        prepare kids for their future.
                      </p>
                      <div class="card__dummy btn btn--green-arrow">
                        <span>Learn More</span>
                      </div>
                    </div>
                  </a>

                  <!-- CARD 3 -->
                  <a href="/get-involved/alumni" class="card card--tile card--linked">
                    <div class="card__content">
                      <h3 class="card__title h4__mimic">Alumni</h3>
                      <p>
                        Stay connected and continue your journey through our alumni
                        network and leadership opportunities.
                      </p>
                      <div class="card__dummy btn btn--green-arrow">
                        <span>Learn More</span>
                      </div>
                    </div>
                  </a>

                </div>
              </div>
            </div>

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

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