feat(pricing): mettre à jour les offres de services avec des descriptions et des options tarifaires

feat(i18n): ajouter des traductions pour l'auto-hébergement et par utilisateur
feat(styles): ajouter de nouvelles classes de style pour les arrière-plans et les grilles
This commit is contained in:
Boris Waaub
2026-02-09 18:33:13 +01:00
parent 007e9eec43
commit a1592d49c2
5 changed files with 73 additions and 36 deletions
@@ -10,7 +10,7 @@
</div>
{{ end }}
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div class="grid grid-cols-1 lg:grid-cols-4 gap-8">
{{ range $index, $plan := $data.plans }}
<div class="relative flex flex-col p-6 {{ if $plan.featured }}bg-primary-400 text-white{{ else }}bg-white{{ end }} rounded-2xl shadow-xl transform hover:-translate-y-1 transition duration-300">
{{ if $plan.featured }}
@@ -18,6 +18,12 @@
<span class="bg-yellow-400 text-gray-900 text-xs font-semibold px-4 py-1 rounded-full">{{ i18n "mostPopular" }}</span>
</div>
{{ end }}
{{ if $plan.selfhosted }}
<div class="absolute -top-4 left-1/2 transform -translate-x-1/2">
<span class="bg-green-400 text-gray-900 text-xs font-semibold px-4 py-1 rounded-full">{{ i18n "selfHosted" }}</span>
</div>
{{ end }}
<div class="mb-4">
<h3 class="text-2xl font-bold {{ if $plan.featured }}text-white{{ else }}text-gray-900{{ end }}">{{ $plan.name }}</h3>