Embed

<section class="tennis-hero">
    <div class="hero-content">

        <h1><span>Tennis</span> Pricing</h1>

        <p>
            Professional coaching. Flexible options.<br>
            Better when you grow with us.
        </p>

        <div class="hero-tags">
            <span>Professional Coaches</span>
            <span>All Ages & Levels</span>
            <span>Private & Semi-Private Coaching</span>
            <span>Flexible Scheduling</span>
        </div>

    </div>
</section>

<style>

.tennis-hero{

    width:100%;
    height:430px;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.97) 0%,
        rgba(0,0,0,.92) 30%,
        rgba(0,0,0,.58) 58%,
        rgba(0,0,0,.18) 100%
    ),
    url("https://cdn.durable.co/covers/1cvohMntGVjf7VbPXyDMO8rqMx69OSPZvMV32833oiSctMMN7DV63FPHgBonBat3.png");

    background-size:cover;

    background-position:center 5%;

    background-repeat:no-repeat;

    overflow:hidden;

}

.hero-content{

    width:100%;
    max-width:1400px;

    margin-left:85px;

}

.hero-content h1{

    margin:0 0 18px;

    font-size:72px;

    font-weight:900;

    line-height:1;

    color:#fff;

}

.hero-content h1 span{

    color:#D39B2A;

}

.hero-content p{

    color:#fff;

    font-size:22px;

    line-height:1.4;

    margin:0 0 38px;

    max-width:560px;

    font-weight:500;

}

.hero-tags{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    max-width:760px;

}

.hero-tags span{

    padding:11px 18px;

    border-radius:999px;

    border:1px solid rgba(211,155,42,.55);

    background:rgba(255,255,255,.04);

    color:#fff;

    font-size:14px;

    font-weight:700;

    letter-spacing:.2px;

    backdrop-filter:blur(6px);

    transition:.25s;

}

.hero-tags span:hover{

    background:#D39B2A;

    color:#111;

    border-color:#D39B2A;

}

@media(max-width:900px){

.tennis-hero{

height:500px;

background-position:center top;

}

.hero-content{

margin-left:28px;

margin-right:28px;

}

.hero-content h1{

font-size:48px;

}

.hero-content p{

font-size:18px;

}

.hero-tags{

gap:10px;

}

.hero-tags span{

font-size:13px;

padding:10px 15px;

}

}

</style>

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

  <div class="pricing-grid">

    <div class="lesson-card dark-card">
      <h2>Private Lesson</h2>
      <p class="subtitle">One-on-one coaching.</p>

      <div class="simple-price">
        <h4>REGULAR PRICE</h4>
        <div class="price">$160 <span>/ hour</span></div>
        <p>1-on-1 coaching</p>
      </div>

      <div class="simple-price">
        <h4 class="green">GROUP MEMBERS</h4>
        <div class="price green-price">$130 <span>/ hour</span></div>
        <div class="save">SAVE $30</div>
        <p>Active group members only</p>
      </div>
    </div>

    <div class="lesson-card light-card">
      <h2>Semi-Private Lesson</h2>
      <p class="subtitle">Train with a partner.</p>

      <div class="simple-price">
        <h4>REGULAR PRICE</h4>
        <div class="price">$240 <span>/ hour</span></div>
        <p>2-on-1 coaching</p>
      </div>

      <div class="simple-price">
        <h4 class="green">GROUP MEMBERS</h4>
        <div class="price green-price">$200 <span>/ hour</span></div>
        <div class="save">SAVE $40</div>
        <p>Active group members only</p>
      </div>
    </div>

    <div class="lesson-card hitting-card">
      <h2>Hitting Partner</h2>
      <p class="subtitle">High-intensity rally sessions.</p>

      <div class="simple-price">
        <h4>1 HOUR</h4>
        <div class="price">$70 <span>/ hour</span></div>
      </div>

      <div class="simple-price">
        <h4>2+ HOURS <small>(SAME DAY)</small></h4>
        <div class="price">$60 <span>/ hour</span></div>
      </div>
    </div>

  </div>

  <p class="pricing-note">
    All lessons are subject to availability. Prices may be subject to change.
  </p>

</section>

<style>
.yuma-pricing-wrap {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 20px 40px 90px;
  background: #fff;
  box-sizing: border-box;
}

.yuma-pricing-wrap .pricing-grid {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr .85fr;
  gap: 28px;
}

.yuma-pricing-wrap .lesson-card {
  border-radius: 20px;
  padding: 44px;
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
  box-sizing: border-box;
}

.yuma-pricing-wrap .dark-card {
  background: linear-gradient(135deg, #111, #1d1d1d);
  color: white;
}

.yuma-pricing-wrap .light-card,
.yuma-pricing-wrap .hitting-card {
  background: white;
  color: #111;
  border: 1px solid #eee;
}

.yuma-pricing-wrap .lesson-card h2 {
  font-size: 38px;
  line-height: 1.05;
  margin: 0 0 10px;
  font-weight: 900;
}

.yuma-pricing-wrap .subtitle {
  font-size: 18px;
  margin: 0 0 42px;
}

.yuma-pricing-wrap .simple-price {
  padding-bottom: 28px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(211,155,42,.45);
}

.yuma-pricing-wrap .simple-price:last-child {
  margin-bottom: 0;
}

.yuma-pricing-wrap h4 {
  color: #d39b2a;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .5px;
  margin: 0 0 16px;
}

.yuma-pricing-wrap h4 small {
  font-size: 12px;
}

.yuma-pricing-wrap .green {
  color: #39a94a;
}

.yuma-pricing-wrap .price {
  font-size: 52px;
  font-weight: 900;
  margin-bottom: 12px;
}

.yuma-pricing-wrap .price span {
  font-size: 20px;
  font-weight: 500;
}

.yuma-pricing-wrap .green-price {
  color: #39a94a;
}

.yuma-pricing-wrap .save {
  display: inline-block;
  background: rgba(57,169,74,.16);
  color: #258435;
  padding: 8px 13px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 12px;
}

.yuma-pricing-wrap .simple-price p {
  font-size: 16px;
  margin: 0;
  line-height: 1.4;
}

.yuma-pricing-wrap .pricing-note {
  text-align: center;
  margin: 28px auto 0;
  font-size: 14px;
  color: #111;
}

@media(max-width: 1150px) {
  .yuma-pricing-wrap .pricing-grid {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 600px) {
  .yuma-pricing-wrap {
    padding: 35px 20px 70px;
  }

  .yuma-pricing-wrap .lesson-card {
    padding: 30px;
  }

  .yuma-pricing-wrap .lesson-card h2 {
    font-size: 32px;
  }

  .yuma-pricing-wrap .price {
    font-size: 44px;
  }
}
</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.

Tennis Pricing

Private Lesson

REGULAR PRICE

GROUP MEMBERS

Semi-Private Lesson

REGULAR PRICE

GROUP MEMBERS

Hitting Partner

1 HOUR

2+ HOURS (SAME DAY)