{% extends "baseFonce.html.twig" %}

{% block title "Nos produits | Icaupack" %}

{% block body %}
    <main class="fonce">
        <div class="traits">
            <div class="trait"></div>
            <div class="trait t2"></div>
        </div>

        <!-- Gamme produit -->
        <div class="gamme-produit">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-11 np">
                        <div class="row">
                            <div class="col-md-7">
                                <div class="title">
                                    <div class="carre"></div>
                                    <h2>Nos produits</h2>
                                </div>
                                <p>
                                    Découvrez une large gamme de produits standards et différents projets sur mesure, destinés aux chocolatiers, pâtissiers, traiteurs et confiseurs.<br>
                                    L'ensemble de ces produits a été développé, mis au point, et fabriqué par nos soins.<br>
                                    Tous nos produits standards ont été essayés et approuvés par des pâtissiers et chocolatiers.
                                </p>
                            </div>
                            <div class="col-md-5">
                                <img src="{{ asset('images/nos-produits-img.jpg') }}" class="nos-produits" alt="Produits gamme Icaupack">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row nos-gammes">
                    <div class="col-md-1"></div>
                    <div class="col-md-10 np">
                        <div class="row">
                            <div class="col-md-6 gamme g1">
                                <a href="{{ path('gamme.show', {slug: 'gamme-standard', id: 1}) }}">
                                    <div class="title metier">
                                        <div class="carre"></div>
                                        <h2 class="gamme-standard">Gamme standard</h2>
                                    </div>
                                    <img src="{{ asset('images/gamme-standard.jpg') }}" alt="Gamme standard - Icaupack">
                                </a>
                                <a href="{{ path('gamme.show', {slug: 'gamme-standard', id: 1}) }}" class="btn">Découvrir la gamme</a>
                            </div>

                            <div class="col-md-6 gamme g2">
                                <a href="{{ path('gamme.show', {slug: 'gamme-sur-mesure', id: 2}) }}">
                                    <div class="title metier">
                                        <div class="carre"></div>
                                        <h2 class="gamme-sur-mesure">Gamme sur-mesure</h2>
                                    </div>
                                    <img src="{{ asset('images/gamme-sur-mesure.jpg') }}" alt="Gamme standard - Icaupack">
                                </a>
                                <a href="{{ path('gamme.show', {slug: 'gamme-sur-mesure', id: 2}) }}" class="btn">Découvrir la gamme</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>

        <!-- Newsletter -->
        <div class="newsletter">
            <div class="container">
                <div class="title">
                    <div class="carre"></div>
                    <h2>Abonnez-vous à l'icaunews</h2>
                </div>
                <div class="form">
                    <input type="text" name="news" placeholder="Votre adresse mail">
                    <button class="btn">S'abonner</button>
                </div>
            </div>
        </div>
    </main>
{% endblock %}