{% extends 'base.html.twig' %}
{% block title %}{{'menu.grossefaim'|trans}}{% endblock %}
{% block body %}
<div class="grossefaim">
<div class="wrapper">
<ul class="breadcrumb">
<li><a href="{{path('home')}}">{{'accueil'|trans}}</a></li>
<li><a href="{{path('grosse-faim')}}">{{'menu.grossefaim'|trans}}</a></li>
</ul>
<h1 class="titreDualFont"><div>{{'grossefaim.titre'|trans|raw}}</div></h1>
<p class="chapo">{{'grossefaim.chapo'|trans|raw}}</p>
{% if app.request.locale|checkEncemoment == true %}
<div class="wrapper photo-header" style="background-image:url('/img/{{encemoment.bandeau}}');">
<div>
<h4>{{'menu.encemoment'|trans}}</h4>
{# <p><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p> #}
</div>
</div>
{% endif %}
<div class="wrapper photo-header photo-header-compose">
<a href="{{path('la-base')}}">
<h2>{{ 'grossefaim.1'|trans|raw }}</h2>
<p>{{ 'grossefaim.2'|trans|raw }}<p>
<p>{{ 'grossefaim.3'|trans|raw }}</p>
<img src="/img/banner-compose-tacos2.png" />
</a>
</div>
<div class="wrapper rounded3columns">
<div class="btImg btImgFalafel">
<img src="/img/bt-falafels.png" />
<p>{{ 'nouveau'|trans|raw }} <span>{{ 'grossefaim.4'|trans|raw }}</span></p>
</div>
<div class="btImg btImgFingerfood">
<img src="/img/fingerfood-fromagelardons2.png" />
<a href="{{path('fingerfood')}}">Finger <span>food</span></a>
</div>
<div class="btImg btImgDesserts">
<img src="/img/bt-desserts.png" />
<a href="{{path('osucre')}}">{{ 'grossefaim.6'|trans|raw }}</a>
</div>
<div class="btImg btImgSucre">
<a href="{{path('osucre')}}"><img src="/img/bt-logo-osucre.svg" /></a>
<img src="/img/bt-osucre2.png" />
</div>
<div class="btImg btImgMignon">
<a href="{{path('omignon')}}"><img src="/img/bt-logo-mignon.png" /></a>
<img src="/img/bt-mignon.png" />
</div>
<div class="btImg btImgSoif">
<a href="{{path('boissons')}}">{{ 'boissons'|trans|raw }} <span>{{ 'soifs'|trans|raw }}</span></a>
<img src="/img/bt-boissons_{{ app.request.getLocale()|lower }}.png" />
</div>
</div>
</div>
<div class="wrapper photo-header photo-header-ofondue">
<div>
<span><img src="/img/ofondue.svg" /></span>
<a href="{{path('ofondue')}}"><img src="/img/ofondue-display_{{ app.request.getLocale()|lower }}.jpg" /></a>
</div>
</div>
<div style="text-align:center;">
<a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'grossefaim.5'|trans}}</a>
</div>
</div>
{% endblock %}