Files
e-ticket/templates/home/tarifs.html.twig
Serreau Jovann af8bbc24dc Add homepage, tarifs, legal pages, navbar, footer and full test coverage
- Homepage: hero, how it works (buyer/organizer), features, CTA
- Tarifs: 3 plans (Gratuit, Basique 10€, Sur-mesure), JSON-LD Product
- Legal pages: mentions legales, CGU (tabs buyer/organizer), CGV, RGPD, cookies, hosting
- Navbar: neubrutalism style, logo liip, mobile menu, SEO attributes
- Footer: contact, description, legal links, tarifs
- Sitemap: add /tarifs and /sitemap-orgas-{page}.xml
- Liip Imagine: remove S3, webp format on all filters
- Tests: full coverage for all controllers, services, repositories
- Fix CSP: replace inline onclick with data-tab JS

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 00:01:58 +01:00

148 lines
8.8 KiB
Twig

{% extends 'base.html.twig' %}
{% block title %}Tarifs - E-Ticket{% endblock %}
{% block description %}Tarifs et commissions de la plateforme E-Ticket pour les organisateurs d'evenements{% endblock %}
{% block stylesheets %}
<script type="application/ld+json">
[
{
"@context": "https://schema.org",
"@type": "Product",
"name": "E-Ticket Gratuit",
"description": "Abonnement gratuit sur demande : 5 evenements simultanement, Billets illimites, QR Code securise, paiement Stripe",
"brand": {"@type": "Organization", "name": "E-Ticket"},
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "EUR",
"availability": "https://schema.org/OnlineOnly",
"url": "https://ticket.e-cosplay.fr/tarifs"
}
},
{
"@context": "https://schema.org",
"@type": "Product",
"name": "E-Ticket Basique",
"description": "Abonnement basique : evenements et billets illimites, commission reduite a 1.5%, page organisateur personnalisee",
"brand": {"@type": "Organization", "name": "E-Ticket"},
"offers": {
"@type": "Offer",
"price": "10",
"priceCurrency": "EUR",
"unitCode": "MON",
"availability": "https://schema.org/OnlineOnly",
"url": "https://ticket.e-cosplay.fr/tarifs"
}
},
{
"@context": "https://schema.org",
"@type": "Product",
"name": "E-Ticket Sur-mesure",
"description": "Abonnement sur-mesure : evenements et billets illimites, commission a partir de 0.5%, accompagnement dedie, tarif personnalise",
"brand": {"@type": "Organization", "name": "E-Ticket"},
"offers": {
"@type": "AggregateOffer",
"lowPrice": "0.5",
"priceCurrency": "EUR",
"availability": "https://schema.org/OnlineOnly",
"url": "https://ticket.e-cosplay.fr/tarifs"
}
}
]
</script>
{% endblock %}
{% block body %}
<div style="max-width:60rem;margin:0 auto;padding:3rem 1rem;">
<h1 class="text-3xl font-black uppercase tracking-tighter italic" style="border-bottom:4px solid #111827;display:inline-block;margin-bottom:0.5rem;">Tarifs</h1>
<p class="font-bold text-gray-600 italic" style="margin-bottom:2rem;">Transparence totale sur nos commissions et abonnements.</p>
<h2 class="text-2xl font-black uppercase" style="margin-bottom:1.5rem;">Commission par transaction</h2>
<div style="display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;">
<div style="flex:1;min-width:250px;border:4px solid #111827;padding:1.5rem;box-shadow:6px 6px 0 rgba(0,0,0,1);background:white;">
<p style="font-size:10px;letter-spacing:0.1em;" class="font-black uppercase text-gray-500">Commission plateforme</p>
<p class="text-4xl font-black" style="margin:0.5rem 0;">3%</p>
<p class="text-sm font-bold text-gray-600">du montant de chaque billet vendu</p>
<p class="text-sm font-bold text-gray-600" style="margin-top:0.5rem;">Negociable selon votre profil, contactez-nous.</p>
<p style="margin-top:1rem;font-size:0.75rem;" class="text-gray-500 font-bold">+ frais Stripe (1.5% + 0.25&euro; par transaction, non negociables)</p>
</div>
<div style="flex:1;min-width:250px;border:4px solid #111827;padding:1.5rem;box-shadow:6px 6px 0 rgba(0,0,0,1);background:white;">
<p style="font-size:10px;letter-spacing:0.1em;" class="font-black uppercase text-gray-500">Billets gratuits</p>
<p class="text-4xl font-black" style="margin:0.5rem 0;">0&euro;</p>
<p class="text-sm font-bold text-gray-600">aucune commission sur les billets gratuits</p>
</div>
</div>
<h2 class="text-2xl font-black uppercase" style="margin-bottom:1.5rem;">Abonnements organisateur</h2>
<div style="display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;">
<div style="flex:1;min-width:250px;border:4px solid #111827;padding:1.5rem;box-shadow:6px 6px 0 rgba(0,0,0,1);background:white;">
<div style="background:#fabf04;border:2px solid #111827;display:inline-block;padding:0.25rem 0.75rem;margin-bottom:1rem;">
<p style="font-size:10px;letter-spacing:0.1em;" class="font-black uppercase">Gratuit</p>
</div>
<p class="text-4xl font-black" style="margin:0.5rem 0;">0&euro;<span class="text-sm font-bold text-gray-500">/mois</span></p>
<p class="text-sm font-bold text-gray-600" style="margin-bottom:0.5rem;">Sur demande, apres approbation par la plateforme</p>
<ul style="list-style:none;padding:0;margin-top:1rem;" class="text-sm font-bold">
<li style="padding:0.25rem 0;">&#10003; 5 evenements simultanement</li>
<li style="padding:0.25rem 0;">&#10003; Billets illimites</li>
<li style="padding:0.25rem 0;">&#10003; QR Code securise</li>
<li style="padding:0.25rem 0;">&#10003; Paiement Stripe</li>
<li style="padding:0.25rem 0;">&#10003; Email de confirmation</li>
</ul>
<a href="mailto:contact@e-cosplay.fr" style="display:inline-block;margin-top:1rem;padding:0.5rem 1rem;border:2px solid #111827;" class="bg-gray-900 text-white font-black uppercase text-xs hover:bg-indigo-600 transition-colors">Faire une demande</a>
</div>
<div style="flex:1;min-width:250px;border:4px solid #111827;padding:1.5rem;box-shadow:6px 6px 0 rgba(0,0,0,1);background:white;">
<div style="background:#4f46e5;color:white;border:2px solid #111827;display:inline-block;padding:0.25rem 0.75rem;margin-bottom:1rem;">
<p style="font-size:10px;letter-spacing:0.1em;" class="font-black uppercase">Basique</p>
</div>
<p class="text-4xl font-black" style="margin:0.5rem 0;">10&euro;<span class="text-sm font-bold text-gray-500">/mois</span></p>
<ul style="list-style:none;padding:0;margin-top:1rem;" class="text-sm font-bold">
<li style="padding:0.25rem 0;">&#10003; Evenements illimites</li>
<li style="padding:0.25rem 0;">&#10003; Billets illimites</li>
<li style="padding:0.25rem 0;">&#10003; Commission reduite a 1.5%</li>
<li style="padding:0.25rem 0;">&#10003; Page organisateur personnalisee</li>
</ul>
</div>
<div style="flex:1;min-width:250px;border:4px solid #111827;padding:1.5rem;box-shadow:6px 6px 0 rgba(0,0,0,1);background:#111827;color:white;">
<div style="background:#ec4899;color:white;border:2px solid white;display:inline-block;padding:0.25rem 0.75rem;margin-bottom:1rem;">
<p style="font-size:10px;letter-spacing:0.1em;" class="font-black uppercase">Sur-mesure</p>
</div>
<p class="text-4xl font-black" style="margin:0.5rem 0;">Sur devis</p>
<p class="text-sm font-bold" style="opacity:0.8;">Tarif personnalise selon vos besoins</p>
<ul style="list-style:none;padding:0;margin-top:1rem;" class="text-sm font-bold">
<li style="padding:0.25rem 0;">&#10003; Evenements illimites</li>
<li style="padding:0.25rem 0;">&#10003; Billets illimites</li>
<li style="padding:0.25rem 0;">&#10003; Commission a partir de 0.5%</li>
<li style="padding:0.25rem 0;">&#10003; Page organisateur personnalisee</li>
<li style="padding:0.25rem 0;">&#10003; Reservation de tables</li>
<li style="padding:0.25rem 0;">&#10003; Gestion de brocantes</li>
<li style="padding:0.25rem 0;">&#10003; Billets personnalisables</li>
<li style="padding:0.25rem 0;">&#10003; Accompagnement dedie</li>
</ul>
<a href="mailto:contact@e-cosplay.fr" style="display:inline-block;margin-top:1rem;padding:0.5rem 1rem;border:2px solid white;" class="bg-white text-gray-900 font-black uppercase text-xs hover:bg-yellow-400 transition-colors">Nous contacter</a>
</div>
</div>
<div style="border:4px solid #111827;padding:1.5rem;background:#f9fafb;box-shadow:6px 6px 0 rgba(0,0,0,1);">
<h3 class="text-lg font-black uppercase" style="margin-bottom:0.5rem;">Inclus dans toutes les formules</h3>
<ul style="list-style:disc;padding-left:1.5rem;" class="text-sm font-bold text-gray-700">
<li>Paiement securise via Stripe</li>
<li>Billets electroniques avec QR Code</li>
<li>Emails signes S/MIME</li>
<li>Scan des billets a l'entree</li>
<li>Conformite RGPD</li>
<li>HTTPS et protection Cloudflare</li>
</ul>
</div>
<p class="text-sm opacity-70 italic" style="margin-top:2rem;">Les tarifs sont exprimes en euros HT. Contact : <a href="mailto:contact@e-cosplay.fr" class="text-indigo-600 hover:underline">contact@e-cosplay.fr</a></p>
</div>
{% endblock %}