Embed

<section class="yuma-first-steps-hero">

  <div class="first-steps-hero-grid">

    <div class="first-steps-text">

      <p class="first-steps-eyebrow">FIRST STEPS PROGRAM</p>

      <h1>Start your<br>tennis journey.</h1>

      <div class="first-steps-gold-line"></div>

      <p class="first-steps-subtext">
        A fun and welcoming introduction to tennis for junior players
        who are just getting started. Focused on movement, coordination,
        basic tennis skills, confidence, and having fun on the court.
      </p>

    </div>

    <div class="first-steps-image">
      <img src="https://cdn.durable.co/covers/bFTdXuUqVyZKjL8O7df5sDuHLso9w4ALERFsPiKb9XRFatS4WvlrjgU0seJ26U9A.jpg" 
           alt="YUMA First Steps Tennis Program">
    </div>

  </div>

</section>

<style>

.yuma-first-steps-hero{
  max-width:1360px;
  margin:0 auto;
  padding:80px 40px 70px;
  font-family:Arial,sans-serif;
  background:#ffffff;
  color:#111;
  direction:ltr;
}

.first-steps-hero-grid{
  display:grid;
  grid-template-columns:.9fr 1.35fr;
  gap:80px;
  align-items:center;
}

.first-steps-text{
  padding-left:20px;
  order:1;
}

.first-steps-eyebrow{
  font-size:14px;
  font-weight:900;
  letter-spacing:5px;
  color:#C9A24D;
  margin:0 0 22px;
}

.first-steps-text h1{
  font-size:72px;
  line-height:.95;
  font-weight:400;
  letter-spacing:-4px;
  margin:0;
  color:#111;
}

.first-steps-gold-line{
  width:62px;
  height:3px;
  background:#C9A24D;
  margin:28px 0 28px;
}

.first-steps-subtext{
  font-size:20px;
  line-height:1.45;
  color:#333;
  max-width:480px;
  margin:0;
}

.first-steps-image{
  order:2;
}

.first-steps-image img{
  width:100%;
  height:460px;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:8px;
}

@media(max-width:900px){

  .yuma-first-steps-hero{
    padding:60px 24px 50px;
  }

  .first-steps-hero-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .first-steps-text{
    padding-left:0;
    order:1;
  }

  .first-steps-image{
    order:2;
  }

  .first-steps-text h1{
    font-size:54px;
    letter-spacing:-2px;
  }

  .first-steps-subtext{
    font-size:18px;
  }

  .first-steps-image img{
    height:340px;
  }

}

</style>

<section class="yuma-sched-sport">
  <div class="ys-top"></div>
  <div class="ys-icon">◷</div>
  <h3>WEEKDAY SPORTS</h3>

  <div class="ys-box">
    <strong>5:00 PM – 6:00 PM</strong>
    <p>Monday</p>
  </div>

</section>

<style>
.yuma-sched-sport{
  max-width:1360px;
  margin:0 auto;
  padding:50px 40px 40px;
  text-align:center;
  font-family:Arial,sans-serif;
  background:#fff;
}

.yuma-sched-sport .ys-top{
  width:56px;
  height:4px;
  background:#005638;
  border-radius:4px;
  margin:0 auto 18px;
}

.yuma-sched-sport .ys-icon{
  font-size:26px;
  color:#005638;
  margin-bottom:8px;
}

.yuma-sched-sport h3{
  margin:0 0 22px;
  font-size:18px;
  font-weight:900;
  letter-spacing:7px;
  color:#111;
}

.yuma-sched-sport .ys-box{
  max-width:860px;
  margin:0 auto;
  border:1px solid #005638;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  padding:18px 34px;
  box-sizing:border-box;
  border-radius:6px;
}

.yuma-sched-sport .ys-box strong{
  font-size:20px;
  font-weight:900;
  color:#111;
  white-space:nowrap;
}

.yuma-sched-sport .ys-box p{
  margin:0;
  font-size:16px;
  color:#111;
  white-space:nowrap;
}

@media(max-width:900px){

  .yuma-sched-sport{
    padding:40px 24px 35px;
  }

  .yuma-sched-sport .ys-box{
    flex-direction:column;
    gap:10px;
    max-width:100%;
    padding:22px 18px;
  }

  .yuma-sched-sport .ys-box strong,
  .yuma-sched-sport .ys-box p{
    white-space:normal;
  }

  .yuma-sched-sport h3{
    font-size:15px;
    letter-spacing:5px;
  }

}
</style>

<section class="yuma-pricing-section">

  <div class="yuma-pricing-header">
    <p class="yuma-pricing-eyebrow">FIRST STEPS PROGRAM</p>

    <h2>Start Your Journey</h2>

    <p class="yuma-pricing-subtitle">
      A simple and welcoming first step into tennis.
    </p>
  </div>

  <div class="yuma-pricing-grid">

    
    <article class="yuma-price-card yuma-price-featured">

      <p class="yuma-card-label">FIRST STEPS</p>

      <h3>Beginner Tennis Program</h3>

      <div class="yuma-price">
        <span class="yuma-dollar">$</span>
        <span class="yuma-price-number">160</span>
        <span class="yuma-price-period">/ month</span>
      </div>

      <p class="yuma-card-description">
        A weekly tennis class designed for young players who are
        just beginning their tennis journey.
      </p>

      <ul class="yuma-price-features">
        <li>One tennis class per week</li>
        <li>Mondays · 5:00 PM – 6:00 PM</li>
        <li>Beginner-friendly instruction</li>
        <li>Age and skill-level groups</li>
        <li>Professional coaching</li>
      </ul>

      <a
        class="yuma-price-button yuma-price-button-green"
        href="https://buy.stripe.com/8x2dR8ajj41nbpL3SD6AM1U"
        target="_blank"
        rel="noopener noreferrer"
      >
        JOIN FIRST STEPS
      </a>

    </article>

  </div>

  <p class="yuma-pricing-note">
    Monthly membership includes one scheduled tennis session every Monday.
  </p>

</section>


<style>
.yuma-pricing-section {
  width: 100%;
  margin: 0;
  padding: 68px 30px 70px;
  box-sizing: border-box;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(0, 86, 56, 0.035),
      transparent 32%
    ),
    #ffffff;
  color: #111111;
  font-family: Arial, Helvetica, sans-serif;
}

.yuma-pricing-header {
  max-width: 900px;
  margin: 0 auto 52px;
  text-align: center;
}

.yuma-pricing-eyebrow {
  margin: 0 0 15px;
  color: #3f7d28;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 6px;
  text-transform: uppercase;
}

.yuma-pricing-header h2 {
  margin: 0 0 14px;
  color: #111111;
  font-size: clamp(48px, 5vw, 68px);
  line-height: 1;
  font-weight: 400;
  letter-spacing: -4px;
}

.yuma-pricing-subtitle {
  margin: 0;
  color: #444444;
  font-size: 20px;
  line-height: 1.45;
}

.yuma-pricing-grid {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: stretch;
}

.yuma-price-card {
  position: relative;
  min-width: 0;
  min-height: 570px;
  padding: 38px 30px 30px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #dfe7e2;
  border-top: 3px solid #3f7d28;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(0, 63, 45, 0.035);
}

.yuma-price-featured {
  border: 1px solid #005638;
  border-top: 3px solid #005638;
  box-shadow: 0 20px 48px rgba(0, 63, 45, 0.12);
}

.yuma-card-label {
  margin: 0 0 18px;
  color: #3f7d28;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.yuma-price-card h3 {
  margin: 0 0 20px;
  color: #111111;
  font-size: 31px;
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.8px;
}

.yuma-price {
  display: flex;
  align-items: flex-start;
  margin: 0 0 22px;
  color: #111111;
}

.yuma-dollar {
  margin-top: 9px;
  font-size: 28px;
  font-weight: 400;
}

.yuma-price-number {
  font-size: 70px;
  line-height: 0.95;
  font-weight: 400;
  letter-spacing: -5px;
}

.yuma-price-period {
  align-self: flex-end;
  margin: 0 0 8px 8px;
  color: #5c5c5c;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.yuma-card-description {
  min-height: 72px;
  margin: 0 0 26px;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.5;
}

.yuma-price-features {
  margin: 0 0 32px;
  padding: 25px 0 0;
  display: grid;
  gap: 14px;
  border-top: 1px solid #e7ece9;
  list-style: none;
}

.yuma-price-features li {
  position: relative;
  padding-left: 22px;
  color: #222222;
  font-size: 15px;
  line-height: 1.45;
}

.yuma-price-features li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: #3f7d28;
  font-size: 17px;
  font-weight: 900;
}

.yuma-price-button {
  display: block;
  margin-top: auto;
  padding: 18px 15px;
  box-sizing: border-box;
  border: 1px solid #005638;
  background: #ffffff;
  color: #005638;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: 1.6px;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.yuma-price-button:hover {
  background: #005638;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 86, 56, 0.16);
}

.yuma-price-button-green {
  border-color: #005638;
  background: #005638;
  color: #ffffff;
}

.yuma-price-button-green:hover {
  background: #003f2d;
  border-color: #003f2d;
}

.yuma-pricing-note {
  max-width: 850px;
  margin: 40px auto 0;
  color: #444444;
  text-align: center;
  font-size: 14px;
  line-height: 1.55;
}


/* MOBILE */

@media (max-width: 600px) {

  .yuma-pricing-section {
    padding: 58px 18px 55px;
  }

  .yuma-pricing-header {
    margin-bottom: 44px;
  }

  .yuma-pricing-eyebrow {
    font-size: 11px;
    letter-spacing: 4px;
  }

  .yuma-pricing-header h2 {
    font-size: 46px;
    letter-spacing: -3px;
  }

  .yuma-pricing-subtitle {
    font-size: 17px;
  }

  .yuma-price-card {
    padding: 36px 24px 26px;
    min-height: auto;
  }

  .yuma-price-card h3 {
    font-size: 28px;
  }

  .yuma-price-number {
    font-size: 62px;
  }

  .yuma-price-period {
    font-size: 13px;
  }

}
</style>

YUMA sports & activities

 space dedicated to the athletic, recreational, and personal development of children, youth, and adults. Inspired by the values of I don't give up, Unity, Mindset, and Attitude, YUMA offers tennis training, physical activities, and educational programs that promote effort, discipline, and teamwork at every stage of life.

Start yourtennis journey.

WEEKDAY SPORTS

Start Your Journey

Beginner Tennis Program

Start your
tennis journey.