{{ partial:partials/home-hero }}

<div class="separator-xl"></div>
<div class="container">
    <h2 class="center mb-3">Latest <span>Releases</span></h2>

    {{ collection:games limit="3" as="latestGames" }}

    {{ if no_results}}

    <p>There are no games to show at the moment.</p>

    {{ else }}


    {{ partial:partials/gamesGrid games="{ latestGames }"}}



    {{ /if }}

    {{ /collection:games }}


</div>



{{ partial:partials/waves }}

<section class="inverted">
    <div class="container">
        <h2 class="center mb-3 upcoming"><span>Upcoming</span> Releases</h2>
        
        {{ collection:games query_scope="unreleased" limit="3" as="upcomingGames" }}

        {{ if no_results}}

        <p class="center">There are no upcoming games at the moment, stay tuned!</p>

        {{ else }}


        {{ partial:partials/gamesGrid games="{ upcomingGames }"}}



        {{ /if }}

        {{ /collection:games }}



    
    

    </div>
</section>