So many stuphs

resources/views/home.antlers.html

@@ -1,12 +1,16 @@
-<section class="section hero is-primary is-fullheight">
-    <div class="hero-body">
-        <img src="{{ hfs:logo }}" alt="HFS SUMMER JAM" class=""/>
+<section id="hero" class="section hero is-primary is-fullheight">
+    <div class="hero-body twist has-text-centered">
+        <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="https://fr.getsamplefiles.com/download/mp4/sample-5.mp4" type="video/mp4">
+        <source src="assets/video/reel.mp4" type="video/mp4">
         Your browser does not support the video tag.
     </video>
 </section>
@@ -17,7 +21,18 @@
     </span>
 </section>
 
-<section class="section" id="tournaments">
+<section class="section" id="incentive">
+    <h2>Incentive</h2>
+    <div class="fixed-grid has-3-cols">
+        <div class="grid">
+            {{ incentives }}
+            {{ partial:_incentiveblock  }}
+            {{ /incentives }}
+        </div>
+    </div>
+</section>
+
+<section class="section has-background-primary has-text-black" id="tournaments">
     <h2>Tournaments</h2>
     <h3>Stier</h3>
     <div class="fixed-grid has-3-cols">
@@ -56,25 +71,50 @@
     </div>
 </section>
 
-<section class="section" id="about">About</section>
-<section class="section" id="gallery">Gallery</section>
-<section class="section" id="questions">FAQ</section>
+
+<section class="section" id="gallery">
+    <h2>Gallery</h2>
+    <div class="grid is-col-min-9">
+        {{ photos }}
+        {{  partial:_photoblock  }}
+        {{ /photos }}
+    </div>
+</section>
+
+
+<section class="section" id="faq">
+    <h2>FAQ</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>
+</section>
+
 <section class="section" id="tickets">
     <h2>Tickets</h2>
+    <div class="grid">
     {{ collection:prices sort="order asc" }}
-        <div>
-            <h3>{{ title }}</h3>
-            <p>{{ price }}</p>
-            <a href="" class="button is-primary">Buy Ticket</a>
+        <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>
 </section>
 
 <section class="section" id="sponsors">
     <h2>Sponsors</h2>
+    <div class="grid">
     {{ collection:sponsors sort="order asc" }}
-        <span>
-            <img src="{{ glide:logo preset='logo' }}" alt="{{ logo:alt }}">
-        </span>
+    <div class="cell">
+        <img src="{{ glide:logo preset='logo' }}" alt="{{ logo:alt }}">
+    </div>
     {{ /collection:sponsors }}
+
+    </div>
 </section>