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

content/install/on-premise.md

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

content/pricing.md

@@ -1,76 +1,88 @@
 ---
-title: "Les différentes offres de services"
+title: "Une offre adaptée à vos besoins"
-description: "Choisissez l’offre qui correspond le mieux à vos besoins grâce à nos options tarifaires flexibles"
+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",
+            "name": "Gratuit",
-            "price": "1100€",
+            "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",
+                "20Go de stockage de documents"
-                "2h de support la 1ère année"
             ],
             "additional_description": "A partir du 4ème utilisateur: 35€ supplémentaire/an.",
             "button": {
-                "text": "Choisir Initial",
+                "text": "Demander un devis",
-                "url": "#"
+                "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",
+                "Tout les avantages du pack initial",
-                "Accompagenement supplémentaire de 4X2h "
+                "1 journée supplémentaire"
-            ],
-            "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",
-                "..."
             ],
             "button": {
                 "text": "Demander un devis",
-                "url": "#"
+                "url": "/contact/"
             }
         },
         {
-            "name": "Formation",
+            "name": "Pack sur mesure",
-            "price": "850",
+            "price": "",
-            "price_unit": "perVATDay",
+            "description": "Pour les structures qui nécessitent des développments spécifiques",
-            "additional_price": "ou 550€ HT/demis-jour",
-            "description": "Formez-vous sur l'outil Chill",
             "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 >}}

static/css/style.css

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

themes/chill-theme/i18n/fr.toml

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

themes/chill-theme/layouts/shortcodes/pricing-table-2.html

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