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

View File

@@ -12,4 +12,4 @@ Avant de l'installer, n'hésitez pas à tester [la démo](http://demo.chill.soci
Chill est une application web à installer sur un serveur dédié. L'application est alors disponible pour plusieurs utilisateurs sur une adresse internet, par exemple un sous-domaine du site web de votre organisation.
Chill est installable à partir d'images Docker. Moyennant des ressources internes en informatique, vous pouvez installer vous-même Chill en vous référant à la [documentation d'installation](https://chill.readthedocs.io/en/latest/installation/index.html). La plupart des organisations utilisant Chill passent par un prestataire informatique pour son installation, son hébergement et sa maintenance.
Chill est installable à partir d'images Docker. Moyennant des ressources internes en informatique, vous pouvez installer vous-même Chill en vous référant à la **[documentation d'installation](https://chill.readthedocs.io/en/latest/installation/index.html)**. La plupart des organisations utilisant Chill passent par un prestataire informatique pour son installation, son hébergement et sa maintenance.

View File

@@ -1,76 +1,88 @@
---
title: "Les différentes offres de services"
description: "Choisissez loffre qui correspond le mieux à vos besoins grâce à nos options tarifaires flexibles"
title: "Une offre adaptée à vos besoins"
description: ""
layout: "simple"
---
<div align="center">
Selon votre structure, le type d'accompagnement et le nombre d'utilisateurs, nous avons une solution sur mesure.
Cette offre est proposée par **Champs Libres**, éditeur principal du logiciel **CHILL**. Les prix s'entendent hors TVA. D'autres prestataires pourront éventuellement s'y ajouter à l'avenir
</div>
{{< pricing-table-2 >}}
{
"plans": [
{
"name": "Initial",
"price": "1100€",
"name": "Gratuit",
"price": "0 €",
"price_unit": "perUser",
"description": "En auto-hébergement et en autonomie complète. Compétences en administration système requises.",
"selfhosted": true,
"features": [
"Aucun frais de licence d'utilisation",
"Accès à toute les fonctionnalités",
"Accès à toute la documentation",
"Non hébergé sur Chill",
"Aucun support, ou en régie à 110€ de l'heure"
],
"button": {
"text": "Voir la documentation",
"url": "/install/on-premise/"
}
},
{
"name": "Pack Initial",
"price": "1100 €",
"price_unit": "perVATYear",
"additional_price": "+ 1400€ HT de frais de mise en service",
"description": "Pour les structures qui souhaitent un accompagnement minimal",
"features": [
"Installation du logiciel",
"1 journée de paramétrage",
"2h de support la 1ère année",
"3 utilisateurs inclus",
"Accompagnement de 4x2h",
"2h de support la 1ère année"
"20Go de stockage de documents"
],
"additional_description": "A partir du 4ème utilisateur: 35€ supplémentaire/an.",
"button": {
"text": "Choisir Initial",
"url": "#"
"text": "Demander un devis",
"url": "/contact/"
}
},
{
"name": "Complet",
"name": "Pack Complet",
"price": "1100€",
"price_unit": "perVATYear",
"additional_price": "+ 2700€ HT de frais de mise en service",
"description": "Pour les structures qui souhaites déléguer totalement la configuration.",
"featured": true,
"features": [
"Inclus tout le pack Initial",
"Accompagenement supplémentaire de 4X2h "
],
"button": {
"text": "Choisir Complet",
"url": "#"
}
},
{
"name": "Sur mesure",
"price": "",
"description": "Pour les structures qui nécessitent une reprise de données, une synchronisation avec leurs agendas ou un développment spécifique",
"features": [
"Suvit régulier",
"Maintenance",
"Développement sur mesure",
"..."
"Tout les avantages du pack initial",
"1 journée supplémentaire"
],
"button": {
"text": "Demander un devis",
"url": "#"
"url": "/contact/"
}
},
{
"name": "Formation",
"price": "850",
"price_unit": "perVATDay",
"additional_price": "ou 550€ HT/demis-jour",
"description": "Formez-vous sur l'outil Chill",
"name": "Pack sur mesure",
"price": "",
"description": "Pour les structures qui nécessitent des développments spécifiques",
"features": [
"Une journée ou demis-journée de formation en présentiel ou en visio pour vous former sur l'outil"
"Développement sur mesure",
"Equipe projet dédiée",
"Outil de ticketing",
"Mise à jour régulières"
],
"button": {
"text": "Contactez-nous",
"url": "#"
"url": "/contact/"
}
}
]
}
{{< /pricing-table-2 >}}

View File

@@ -2897,6 +2897,11 @@ body {
background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}
.bg-green-400 {
--tw-bg-opacity: 1;
background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
@@ -4527,6 +4532,10 @@ body {
margin-top: 5rem;
}
.sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sm\:flex-row {
flex-direction: row;
}
@@ -4699,6 +4708,10 @@ body {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:flex-row {
flex-direction: row;
}

View File

@@ -133,6 +133,12 @@ other = "HT/an"
[perMonth]
other = "/mois"
[perUser]
other = "/utilisateur"
[selfHosted]
other = "Auto-hébergé"
# Documentation
[documentation]
other = "Documentation"

View File

@@ -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>