Embed

<section class="yuma-moving-banner">
  <div class="yuma-moving-track">

    <img
      src="https://cdn.durable.co/blocks/14U3JJScXDuWJvV2yDBqIQ3MNrJ9IpKOG80y62gjcc7ibAppqXOvyDeoUOwPCebL.jpg"
      alt="YUMA Creating Athletes"
    >

    <img
      src="https://cdn.durable.co/blocks/14U3JJScXDuWJvV2yDBqIQ3MNrJ9IpKOG80y62gjcc7ibAppqXOvyDeoUOwPCebL.jpg"
      alt="YUMA Creating Athletes"
    >

  </div>
</section>

<style>

.yuma-moving-banner{
  width:100%;
  max-width:1400px;
  margin:40px auto;
  overflow:hidden;
  background:#000;
}

.yuma-moving-track{
  display:flex;
  width:max-content;
  animation:yuma-slide 25s linear infinite;
}

.yuma-moving-track img{
  display:block;
  width:1400px;
  max-width:none;
  height:auto;
  flex-shrink:0;
}

/* Se detiene al pasar el mouse */
.yuma-moving-banner:hover .yuma-moving-track{
  animation-play-state:paused;
}

@keyframes yuma-slide{
  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-1400px);
  }
}

/* CELULAR */
@media(max-width:768px){

  .yuma-moving-banner{
    margin:20px auto;
  }

  .yuma-moving-track{
    animation-duration:18s;
  }

  .yuma-moving-track img{
    width:950px;
  }

  @keyframes yuma-slide{
    from{
      transform:translateX(0);
    }

    to{
      transform:translateX(-950px);
    }
  }

}

</style>

<section class="yuma-why">
  <div class="why-label">Why choose YUMA?</div>
  <h2>More Than Sports</h2>

  <div class="why-grid">

    <div class="why-item">
      <div class="why-icon">♙</div>
      <h3>Expert Coaches</h3>
      <p>Experienced, certified, and passionate about helping you grow.</p>
    </div>

    <div class="why-item">
      <div class="why-icon">♧</div>
      <h3>Small Groups</h3>
      <p>More attention, better learning, and faster improvement.</p>
    </div>

    <div class="why-item">
      <div class="why-icon">↗</div>
      <h3>Clear Progression</h3>
      <p>Programs designed to help you level up step by step.</p>
    </div>

    <div class="why-item">
      <div class="why-icon">♡</div>
      <h3>Fun & Discipline</h3>
      <p>We build skills, confidence, and character through sports.</p>
    </div>

    <div class="why-item">
      <div class="why-icon">⌖</div>
      <h3>Bay Area Based</h3>
      <p>Proudly serving our community with quality programs.</p>
    </div>

  </div>
</section>

<style>

.yuma-why {
  max-width: 1450px;
  margin: 10px auto 40px auto;
  padding: 42px 35px;
  background: linear-gradient(135deg, #ffffff, #f8f4ee);
  border-radius: 18px;
  text-align: center;
  font-family: Arial, sans-serif;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.why-label {
  color: #c9963f;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.yuma-why h2 {
  font-size: 42px;
  color: #0b1020;
  margin: 0 0 34px;
  font-family: Georgia, serif;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.why-item {
  padding: 12px 28px;
  border-right: 1px solid rgba(0,0,0,.12);
}

.why-item:last-child {
  border-right: none;
}

.why-icon {
  color: #c9963f;
  font-size: 42px;
  line-height: 1;
  margin-bottom: 14px;
}

.why-item h3 {
  font-size: 18px;
  margin: 0 0 10px;
  color: #111;
  font-weight: 800;
}

.why-item p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #333;
}

@media(max-width: 900px) {

  .why-grid {
    grid-template-columns: 1fr;
  }

  .why-item {
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding: 24px 10px;
  }

  .why-item:last-child {
    border-bottom: none;
  }

}

</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.

Our Sports Programs

🎾 Tennis Program

🏀 Basketball

🏐 Volleyball

♟ Chess

More Than Sports

Expert Coaches

Small Groups

Clear Progression

Fun & Discipline

Bay Area Based