Embed

<section class="coach-frank-section">
  <div class="coach-frank-inner">
    
    
    <div class="coach-frank-photo">
      <img
        src="https://cdn.durable.co/covers/31x7qERc5HUTVaAjgBJVGnLdZWsVqw6YgDcjyZJzLbOuN2OJKuikFxBDLoGUpPh3.jpg"
        alt="Coach Frank"
      />
    </div>

    
    <div class="coach-frank-content">
      <span class="cf-label">Sports Director • Boxing Coach</span>
      <h2 class="cf-name">Coach Frank</h2>

      <p class="cf-intro">
        Focused. Sharp. No wasted movement. Coach Frank sets the training culture inside 
        Performance Arizona — bringing structure, discipline, and high-level coaching to every session.
      </p>

      <div class="cf-block">
        <h3>About</h3>
        <p>
          As Sports Director, Frank oversees technique development, athlete progression, and class quality.
          His coaching blends fundamentals, conditioning, and mindset — building athletes who learn,
          improve, and stay accountable.
        </p>
      </div>

      <div class="cf-grid">
        <div class="cf-block">
          <h3>Training Focus</h3>
          <ul>
            <li>Technical mittwork & punch mechanics</li>
            <li>Footwork, rhythm, timing & ring IQ</li>
            <li>Defense, positioning & balance</li>
            <li>Conditioning & movement efficiency</li>
            <li>Confidence, discipline & mindset</li>
          </ul>
        </div>

        <div class="cf-block">
          <h3>Who He Works With</h3>
          <ul>
            <li>First-time boxers</li>
            <li>Everyday fitness clients</li>
            <li>Youth & adult athletes</li>
            <li>Amateur & pro fighters</li>
          </ul>
        </div>
      </div>

      <div class="cf-cta-wrap">
        <p class="cf-cta-text">
          Text, Call, or DM to schedule with Coach Frank today.
        </p>

        <a href="#" class="cf-cta-btn">
          Contact Coach Frank
        </a>
      </div>

      <p class="cf-tagline">Performance Arizona • Experience Potential</p>
    </div>
  </div>
</section>

<style>
  .coach-frank-section {
    padding: 4rem 1.5rem;
    background: radial-gradient(circle at top left, #4b2a63 0, #050509 55%, #000000 100%);
    color: #f5f5f7;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .coach-frank-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
    gap: 3rem;
    align-items: center;
  }

  .coach-frank-photo img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    filter: contrast(1.08) saturate(1.1);
  }

  .cf-label {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    text-transform: uppercase;
    background: rgba(143, 117, 255, 0.12);
    border: 1px solid rgba(191, 167, 255, 0.4);
    color: #e1d9ff;
    letter-spacing: 0.08em;
  }

  .cf-name {
    margin: 0.75rem 0 1rem;
    font-size: clamp(2rem, 3vw, 2.4rem);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .cf-intro {
    margin: 0 0 1.75rem;
    color: #d0cfe4;
    line-height: 1.6;
  }

  .cf-block {
    margin-bottom: 1.75rem;
  }

  .cf-block h3 {
    margin: 0 0 0.4rem;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #d9d0ff;
  }

  .cf-block ul {
    margin-top: 0.5rem;
    list-style: none;
    padding-left: 1rem;
  }

  .cf-block ul li {
    margin-bottom: 0.4rem;
    color: #cbcadd;
    position: relative;
  }

  .cf-block ul li::before {
    content: "•";
    position: absolute;
    left: -1rem;
    color: #b58aff;
  }

  .cf-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75rem;
  }

  .cf-cta-wrap {
    margin-top: 1.75rem;
  }

  .cf-cta-btn {
    display: inline-flex;
    padding: 0.9rem 1.8rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #b79cff, #7f52ff);
    color: #050509;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(112, 71, 255, 0.45);
  }

  .cf-tagline {
    margin-top: 1.5rem;
    font-size: 0.78rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #9d93c9;
  }

  @media (max-width: 900px) {
    .coach-frank-inner {
      grid-template-columns: 1fr;
    }
  }
</style>