350 lines
17 KiB
HTML
350 lines
17 KiB
HTML
<!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> |