<div class="list-games wrapper" id="games">
  <h2>
    {{t 'frontPage.gamesList.featured.title'}}
    <span>
      {{t 'frontPage.gamesList.featured.subtitle'}}
    </span>
  </h2>

  <div class="games-contain items-grid">

    {{#if ads.enabled}}
      {{display-ad slotName="Twitch_FPMedRect"
                   slotId="Twitch_FPMedRect_holder"
                   slotClass="a300"
                   slotDimensions=RECTANGLE_AD_DIMENSIONS
                   class="advertisement"}}
    {{/if}}

    {{#each games as |gameWrapper index|}}
      {{#if gameWrapper.game.name}}
        {{component (if gameWrapper.isFeatured 'directory-featured-game' 'directory-game')
          model=gameWrapper.game
          tt_content_index=index
          tt_medium="twitch_home"
          tt_content="featured_games"
          location="front_page"}}
      {{/if}}
    {{/each}}
  </div>

  <div class="browse-this games">
    <h4>
      {{link-to (t 'frontPage.gamesList.featured.linkText') 'directory.games'}}
    </h4>
  </div>
</div>
