<section id="hero" class="section hero is-primary is-fullheight ink bottom">
    <div class="hero-body twist has-text-centered container">
        <img src="{{ hfs:logo }}" alt="HFS SUMMER"/>
        <p class="title twist-fore">
            {{ hfs:date_start }} - {{ hfs:date_end }}
        </p>
        <p class="subtitle twist-fore">{{ hfs:place }}</p>
    </div>
</section>

<section id="reel">
    <video autoplay loop muted playsinline>
        <source src="assets/video/reel.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</section>

<section class="section has-background-primary has-text-black ink top" id="catch">
    <div class="is-size-1 has-text-weight-bold is-uppercase container">
        {{ content | widont }}
    </div>
</section>

<section class="section has-background-black ink bottom yellow" id="incentive">
    <div class="container">
        <h2 class="is-size-2 has-text-weight-bold is-uppercase has-text-primary block">L'évènement</h2>
        {{ incentives }}
        {{ partial:_incentiveblock  }}
        {{ /incentives }}
    </div>
</section>

<section class="section has-background-primary has-text-black" id="tournaments">
    <div class="container">
    <h2 class="is-size-2 has-text-weight-bold is-uppercase block">
        Tournois
        <a class="navbar-item button is-rounded is-float-right" href="/reglement">
            Règlement
        </a>
    </h2>

    <h3 class="is-size-3 has-text-weight-bold is-uppercase block">Tournois S-Tier</h3>
    <div class="custom-grid block">
        {{ collection:tournaments type:is="stier" }}
        {{  partial:_tournamentblock  }}
        {{ /collection:tournaments }}
    </div>


    <h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois A-Tier</h3>
        <div class="custom-grid block">
            {{ collection:tournaments type:is="atier" }}
            {{  partial:_tournamentblock  }}
            {{ /collection:tournaments }}
        </div>

    <h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois Rythm-Tier</h3>
        <div class="custom-grid block">
            {{ collection:tournaments type:is="rythm" }}
            {{  partial:_tournamentblock  }}
            {{ /collection:tournaments }}
        </div>

    <h3 class="is-size-3 has-text-weight-bold is-uppercase">Tournois Family-Tier</h3>
        <div class="custom-grid block">
            {{ collection:tournaments type:is="family" }}
            {{  partial:_tournamentblock  }}
            {{ /collection:tournaments }}
        </div>
    </div>
</section>


<section class="section" id="gallery">
    <div class="container">
        <h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary">Gallerie</h2>
        <div class="grid is-col-min-9">
            {{ photos }}
            {{  partial:_photoblock  }}
            {{ /photos }}
        </div>
    </div>
</section>


<section class="section has-background-primary has-text-black" id="faq">
    <div class="container">
        <h2 class="is-size-2 has-text-weight-bold is-uppercase block">Infos pratiques</h2>
        <div class="grid">
            {{ faqs sort="order asc" }}
            <div class="cell block">
                <h3 class="is-size-3 block">{{ question }}</h3>
                <p class="block">{{ reponse }}</p>
            </div>
            {{ /faqs }}
        </div>
    </div>
</section>

<section class="section" id="tickets">
    <div class="container">
        <h2 class="is-size-2 has-text-weight-bold is-uppercase block has-text-primary">Tarifs</h2>
        <div class="grid">
            {{ collection:prices sort="order asc" }}
                <div class="cell block">
                    <h3 class="is-size-3 block">{{ title }}</h3>
                    <p class="block">{{ price }}</p>
                    <a href="{{ hfs:lien_billetterie }}" class="button is-primary" target="_blank">Buy Ticket</a>
                </div>
            {{ /collection:prices }}
        </div>
    </div>
</section>

<section class="section has-background-primary has-text-black" id="sponsors">
    <div class="container">
        <h2 class="is-size-2 has-text-weight-bold is-uppercase block">Sponsors & partenaires</h2>
        <div class="grid">
            {{ collection:sponsors sort="order asc" }}
        <div class="cell">
            <img src="{{ glide:logo preset='logo' }}" alt="{{ logo:alt }}">
        </div>
        {{ /collection:sponsors }}

        </div>
    </div>
</section>
