<!DOCTYPE HTML>
<!--
	Story by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
    <title>TiBillet</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    {% load static %}
    <link rel="stylesheet" href="{% static 'html5up-story/assets/css/main.css' %}"/>
    <noscript>
        <link rel="stylesheet" href="{% static 'html5up-story/assets/css/noscript.css' %}"/>
    </noscript>
</head>
<body class="is-preload">

<!-- Wrapper -->
<div id="wrapper" class="divided">

    <!-- One -->
    <section
            class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
        <div class="content">
            <h1>TiBillet</h1>
            <p class="major">
                Système de paiement sans contact Zéro Espèce ( <strong>Cashless</strong> ), de gestion de salle de
                restauration,
                d'engagement associatif et de billetterie <strong>coopératif, social et solidaire !</strong>
            </p>
            <p>Créée sur l'île de la Réunion par l'équipe du <a href="https://www.manapanyfestival.com">Manapany
                Festival</a></p>

            <ul class="actions stacked">
                <li><a href="#first" class="button big wide smooth-scroll-middle">En savoir plus</a></li>
            </ul>
        </div>
        <div class="image">
            <img src="{% static 'images/pexels-photo-1763067.jpeg' %}" alt=""/>
        </div>
    </section>

    <!-- Two -->
    <section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in"
             id="first">
        <div class="content">
            <h2>Cashless</h2>
            <p>Remplacez les moyens de paiement traditionnels par une carte ou un bracelet <strong>NFC</strong> qui
                devient le porte-monnaie électronique de vos clients et/ou la carte d'adhésion de votre association.
                Augmentez vos revenus en facilitant vos ventes
                grâce au Cashless !</p>
            <p>Une grande majorité de festivaliers est aujourd'hui habitué à ce système, et TiBillet
                propose d'aller un peu plus loin : Une même carte pour tous pour un outil de mise en réseau et de
                gestion d'une monnaie locale.</p>
            <p>
                L'outil fait aussi Caisse enregistreuse, traçabilité financière, gestion d'inventaire et outils de
                gestion de salle de restauration. Un véritable outil complet !</p>
            <ul class="actions stacked">
                <li><a href="https://wiki.tibillet.re/index.php/Cashless" class="button">En savoir plus sur le
                    cashless</a></li>
            </ul>
        </div>
        <div class="image">
            <img src="{% static 'images/Festival_crowd_small.jpg' %}" alt=""/>
        </div>
    </section>

    <!-- Three -->
    <section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
        <div class="content">

            <h2>Billetterie</h2>
            <p>TiBillet est une solution qui permet de créer en quelques clics une page web de présentation
                d'évènements, de lieux, et de vente de billets en ligne. Un système déjà bien connu, mais sur lequel
                TiBillet rajoute de la coopération. </p>
            <p>Chaque évènement s'inscrit dans le réseau créé par la coopérative favorisant ainsi la communication et la
                promotion de chaque lieu.</p>
            <ul class="actions stacked">
                <li><a href="https://wiki.tibillet.re/index.php/Billetterie_en_ligne" class="button">En savoir plus sur
                    la billetterie</a>
                </li>

            </ul>


        </div>
        <div class="image">
            <img src="{% static 'images/Billet.jpg' %}" alt=""/>
        </div>
    </section>

    <!-- Four -->
    <section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
        <div class="content">
            <h2>Logiciel de prise de commande pour restaurant.</h2>
            <p>
                Gestion des articles, des inventaires, des ventes, des prises de commande et d’impression de tickets en
                cuisine et au bar : développé et intégré à TiBillet, ce système peut être utilisé comme un outil de
                gestion
                de restauration complet.
            </p>
            <p>
                Grâce à son téléphone portable Android, le.la serveur.se en salle envoie directement sa commande en
                cuisine
                et/ou au bar, et encaisse l'utilisateur qui à préalablement chargé sa carte cashless : zéro
                attente, zéro erreur de caisse, et fluidité totale des commandes !
            <p>
            <p>Une version de démonstration est disponible sur notre wiki !</p>
            <ul class="actions stacked">
                <li><a href="https://wiki.tibillet.re/index.php/Prise_de_commande_pour_restauration." class="button">Démonstration</a>
                </li>
            </ul>


        </div>
        <div class="image">
            <img src="{% static 'images/android_full_1920.png' %}" alt=""/>
        </div>
    </section>

    <!-- Five -->
    <section class="wrapper style1 align-center">
        <div class="inner">
            <h2>Tarifs coopératifs</h2>
            <p>
                Nous apportons une solution de cashless et de billetterie pour les petites structures oubliées des
                grands entreprises du domaine dont les tarifs sont souvent rédhibitoires.

            </p>
            <p>
                A coût très inférieurs au marché, TiBillet est <strong>gratuit</strong> pour l'utilisateur et à
                <strong>prix coûtant</strong> pour l'organisateur. <strong>Zéro commission</strong> pour le réseau
                coopératif !
            </p>
            <p>
                TiBillet se veut
                eco-responsable et tente d’utiliser le maximum de matériel déjà existant dans les lieux, de
                récupération ou reconditionnés, et utilise des technologies low-tech basse consommation ( votre
                smartphone, raspberry-pi, etc.. )
            </p>
            <ul class="actions stacked">
                <li><a href="https://wiki.tibillet.re/index.php/Mod%C3%A8le_%C3%A9conomique_et_tarifs" class="button">modèle
                    économique</a></li>
            </ul>
        </div>

    </section>
    {##}
    {#    <!-- Gallery -->#}
    {#    <div class="gallery style2 medium lightbox onscroll-fade-in">#}
    {#        <article>#}
    {#            <a href="{% static 'images/500/500px-Cartes.jpg' %}" class="image">#}
    {#                <img src="{% static 'images/500/500px-Cartes.jpg' %}" alt=""/>#}
    {#            </a>#}
    {#            <div class="caption">#}
    {#                <h3>Ipsum Dolor</h3>#}
    {#                <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
    {#                <ul class="actions fixed">#}
    {#                    <li><span class="button small">Details</span></li>#}
    {#                </ul>#}
    {#            </div>#}
    {#        </article>#}
    {#        <article>#}
    {#            <a href="{% static 'images/500/android-500.jpg' %}" class="image">#}
    {#                <img src="{% static 'images/500/android-500.jpg' %}" alt=""/>#}
    {#            </a>#}
    {#            <div class="caption">#}
    {#                <h3>Feugiat Lorem</h3>#}
    {#                <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
    {#                <ul class="actions fixed">#}
    {#                    <li><span class="button small">Details</span></li>#}
    {#                </ul>#}
    {#            </div>#}
    {#        </article>#}
    {#        <article>#}
    {#            <a href="{% static 'images/500/500px-Acceuil_boitier_bisik.jpg' %}" class="image">#}
    {#                <img src="{% static 'images/500/500px-Acceuil_boitier_bisik.jpg' %}" alt=""/>#}
    {#            </a>#}
    {#            <div class="caption">#}
    {#                <h3>Magna Amet</h3>#}
    {#                <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
    {#                <ul class="actions fixed">#}
    {#                    <li><span class="button small">Details</span></li>#}
    {#                </ul>#}
    {#            </div>#}
    {#        </article>#}
    {#        <article>#}
    {#            <a href="{% static 'images/500/500px-PreparationBar.jpg' %}" class="image">#}
    {#                <img src="{% static 'images/500/500px-PreparationBar.jpg' %}" alt=""/>#}
    {#            </a>#}
    {#            <div class="caption">#}
    {#                <h3>Sed Tempus</h3>#}
    {#                <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
    {#                <ul class="actions fixed">#}
    {#                    <li><span class="button small">Details</span></li>#}
    {#                </ul>#}
    {#            </div>#}
    {#        </article>#}
    {#        <article>#}
    {#            <a href="{% static 'images/500px-New_command.png' %}" class="image">#}
    {#                <img src="{% static 'images/500px-New_command.png' %}" alt=""/>#}
    {#            </a>#}
    {#            <div class="caption">#}
    {#                <h3>Ultrices Magna</h3>#}
    {#                <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
    {#                <ul class="actions fixed">#}
    {#                    <li><span class="button small">Details</span></li>#}
    {#                </ul>#}
    {#            </div>#}
    {#        </article>#}
    {#    </div>#}
    {##}

    <!-- Six -->
    <section class="wrapper style1 align-center">
        <div class="inner">
            <!-- <h2>Venez decouvrir toutes nos activités !</h2> -->
            <!-- <p></p> -->
            <div class="items style1 medium onscroll-fade-in">
                <section>
                    <span class="icon solid style2 major fa-candy-cane"></span>
                    <h3>Simplicité</h3>
                    <p>Mise en place rapide avec un matériel de paiement prêt à l’usage, baisse des coûts de gestion et
                        de sécurisation des espèces, temps de queue écourté pour une meilleure expérience client. Vos
                        évènements vont vraiment se simplifier !</p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-euro-sign"></span>
                    <h3>Revenus</h3>
                    <p>Augmentation nette des achats et des ventes. Fidélisation de vos clients. Retour sur
                        investissement dès la première utilisation. TiBillet ne vous coute pas, il vous rapporte !
                    </p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-chart-bar"></span>
                    <h3>Administration</h3>
                    <p>Nos interfaces d'administrations sont simples et riches en informations. Suivi des ventes,
                        gestion du stock, analyse des connexions, gestions des membres et adhésions pour
                        associations.</p>
                </section>
                <section>
                    <span class="icon style2 major fa-gem"></span>
                    <h3>Open Source</h3>
                    <p>Nous croyons aux solutions et à la philosophie du logiciel libre. Tout notre code est publié sur
                        <a href="https://github.com/Nasjoe">Github</a>.
                </section>
                <section>
                    <span class="icon solid style2 major fa-leaf"></span>
                    <h3>DIY</h3>
                    <p>Nos boitiers Cashless sont 100% Do It Yourself. Conception et fabrication locale, avec des
                        technologies modernes mais peu gourmandes en énergies.</p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-wifi"></span>
                    <h3>Personnalisable</h3>
                    <p>Nous modifions tout les jours ces outils pour qu'ils correspondent sur mesure à votre projet. La
                        seule
                        limite, c'est votre imagination !</p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-desktop"></span>
                    <h3>Sécurité</h3>
                    <p>Nos solutions tournent en production depuis plus de 6 ans. Elles sont éprouvées et testées en
                        conditions réelles tous les jours pendant nos évènements.</p>
                </section>
                <section>
                    <span class="icon style2 major fa-paper-plane"></span>
                    <h3>Cloud & local</h3>
                    <p>Nous pouvons héberger vos services sur nos propres serveurs basés en france métropolitaine, sur
                        l'île de la Réunion ou directement chez vous en local. C'est super rapide et garanti sans
                        GAFAM !</p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-cog"></span>
                    <h3>Blockchain</h3>
                    <p>La gestion de la monnaie virtuelle cashless est assurée par une technologie Blockchain.
                        Modernité, Transparence et immuabilité pour une sécurité accrue.</p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-bolt"></span>
                    <h3>Une équipe 100% Festival</h3>
                    <p>Nous organisons de nombreux évènements culturels : Le Manapay Festival et plein d'autres
                        rencontres musicales. Nous avons développé ces applications pour répondre à nos besoins sans
                        nous ruiner. </p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-sync-alt"></span>
                    <h3>Redistribution</h3>
                    <p>Nous croyons à l'économie sociale et solidaire. Tous nos bénéfices sont réinvestis dans le réseau
                        coopératif. Mutualisons les bénéfices !</p>
                </section>
                <section>
                    <span class="icon solid style2 major fa-hashtag"></span>
                    <h3>Soutien</h3>
                    <p>Nos projets sont soutenus par des collectivités locales. Région et département Réunion,
                        Pôle Régional des musiques actuelles, et même l'europe ! Merci à tous pour votre aide
                        et votre confiance !</p>
                </section>
            </div>
        </div>
    </section>

    <!-- Seven -->
    <section class="wrapper style1 align-center">
        <div class="inner medium">
            <h2>Vous voulez plus d'info ?</h2>
            <ul class="actions stacked">
                <li><a href="https://wiki.tibillet.re/" class="button">Wiki Complet</a></li>
            </ul>
            <h2>Contactez nous !</h2>

            <a href="mailto:contact@3peaks.fr">contact@3peaks.fr</a>

        </div>
    </section>


    <!-- Footer -->
    <footer class="wrapper style1 align-center">
        <div class="inner">
            <ul class="icons">
                <li><a href="https://github.com/Nasjoe/TiBillet-Cashless" class="icon brands style2 fa-github"><span
                        class="label">Github</span></a></li>
                {#                <li><a href="https://www.facebook.com/troispeaks.manapany"#}
                {#                       class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>#}
                <!-- <li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li> -->
                <!-- <li><a href="#" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li> -->
                <li><a href="mailto:contact@3peaks.fr" class="icon style2 fa-envelope"><span class="label">Email</span></a>
                </li>
            </ul>
            <p>Design : <a href="https://html5up.net">html5up.net | @ajlkn</a>.</p>
        </div>
    </footer>

</div>


<!-- Scripts -->
<script src="{% static 'html5up-story/assets/js/jquery.min.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/jquery.scrollex.min.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/jquery.scrolly.min.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/browser.min.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/breakpoints.min.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/util.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/main.js' %}"></script>

</body>
</html>