<template>
  <div class="rumble">
    <section class="intro">
      <div class="bg-only"></div>
      <img class="rumbleLogo" alt="Regional Rumble Logo" src ="https://cms.aplesports.com/storage/uploads/2023/09/18/650841c1d9f23rr23-brand-logo-global-white.png" />
      <img class="rlLogo" alt="Featuring RL logo" src="https://cms.aplesports.com/storage/uploads/2023/09/18/65084e280f323rl_featuringrl_logo.png">
      <div class="scroll-indicator">
        scroll&nbsp;&nbsp;
      </div>
    </section>

    <section class="info">
      <div class="trailer">
        <img alt="APL Regional Rumble Trailer" src="https://cms.aplesports.com/storage/uploads/2023/09/18/65085173e1666apl-player-bg-test.jpg" />
        <div class="overlay">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 22v-20l18 10-18 10z"/></svg>
        </div>
      </div>
      <div class="textInfo">
        <div>
          <h1>3 Major Tournaments</h1>
          <h2>$51,000 Prize Pool</h2>
        </div>
        <div>
          <h1>15 Qualifiers</h1>
          <h2>$24,000 Prize Pool</h2>
        </div>
      </div>
    </section>

    <section class="selector">
      <div class="apac">
        <div class="overlay"></div>
        <img alt="Regional Rumble APAC Logo" src="https://cms.aplesports.com/storage/uploads/2023/09/18/65086296b79fcrr23-brand-logo-asia-white.png" />
      </div>
      <div class="me">
        <div class="overlay"></div>
        <img alt="Regional Rumble MENA Logo" src="https://cms.aplesports.com/storage/uploads/2023/09/18/6508629a9ba86rr23-brand-logo-mena-white.png" />
      </div>
      <div class="ssa">
        <div class="overlay"></div>
        <img alt="Regional Rumble SSA Logo" src="https://cms.aplesports.com/storage/uploads/2023/09/18/6508629d08e60rr23-brand-logo-ssa-white.png" />
      </div>
    </section>
  </div>
</template>

