fix(pricing): ajuster les prix et les unités dans la documentation des forfaits

content/pricing.md

@@ -37,7 +37,8 @@ layout: "simple"
             "name": "Pack Initial",
             "price": "1200 €",
             "price_unit": "perVATYear",
-            "additional_price": "+ 1400€ HT de frais de mise en service",
+            "additional_price": "+ frais de mise en service 1400€",
+            "additional_price_unit":  "VAT",
             "description": "Pour les structures qui souhaitent un accompagnement minimal",
             "features": [
                 "Installation du logiciel",
@@ -56,8 +57,9 @@ layout: "simple"
             "name": "Pack Complet",
             "price": "1200€",
             "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.",
+            "additional_price": "+ frais de mise en service 1400€",
+            "additional_price_unit":  "VAT",
+            "description": "Pour les structures qui souhaitent déléguer totalement la configuration.",
             "featured": true,
             "features": [
                 "Tout les avantages du pack initial *",
@@ -85,13 +87,14 @@ layout: "simple"
             }
         },
         {
-            "name": "Option Formation",
+            "name": "Formation",
             "price": "850€",
             "price_unit": "perVATDay",
-            "additional_price": "ou 550€ HT/demis-jour",
+            "additional_price": "550€",
+            "additional_price_unit": "perVATHalfDay",
             "description": "Deux options pour prendre en main l'outil",
             "features": [
-                "Une journée ou demis-journée de formation en présentiel ou en visio pour vous former sur l'outil"
+                "Une journée ou demi-journée de formation en présentiel ou en visio pour vous former sur l'outil"
             ],
             "button": {
                 "text": "Contactez-nous",

static/css/style.css

@@ -1876,6 +1876,7 @@ body {
 .container {
   margin-left: auto;
   margin-right: auto;
+  max-width: 80rem;
   padding-left: 1rem;
   padding-right: 1rem;
 }
@@ -2434,6 +2435,10 @@ body {
   min-height: 100vh;
 }
 
+.min-h-\[170px\] {
+  min-height: 170px;
+}
+
 .w-10 {
   width: 2.5rem;
 }
@@ -2482,6 +2487,34 @@ body {
   width: 100%;
 }
 
+.min-w-\[170px\] {
+  min-width: 170px;
+}
+
+.min-w-\[180px\] {
+  min-width: 180px;
+}
+
+.min-w-\[200px\] {
+  min-width: 200px;
+}
+
+.min-w-\[220px\] {
+  min-width: 220px;
+}
+
+.min-w-\[100px\] {
+  min-width: 100px;
+}
+
+.min-w-\[150px\] {
+  min-width: 150px;
+}
+
+.min-w-\[190px\] {
+  min-width: 190px;
+}
+
 .\!max-w-none {
   max-width: none !important;
 }
@@ -2636,6 +2669,14 @@ body {
   gap: 2rem;
 }
 
+.gap-1 {
+  gap: 0.25rem;
+}
+
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .gap-x-8 {
   -moz-column-gap: 2rem;
        column-gap: 2rem;
@@ -4767,6 +4808,30 @@ body {
 }
 
 @media (min-width: 1280px) {
+  .xl\:min-h-\[170px\] {
+    min-height: 170px;
+  }
+
+  .xl\:min-h-\[100px\] {
+    min-height: 100px;
+  }
+
+  .xl\:min-h-\[110px\] {
+    min-height: 110px;
+  }
+
+  .xl\:min-h-\[111px\] {
+    min-height: 111px;
+  }
+
+  .xl\:min-h-\[112px\] {
+    min-height: 112px;
+  }
+
+  .xl\:min-h-\[113px\] {
+    min-height: 113px;
+  }
+
   .xl\:w-96 {
     width: 24rem;
   }
@@ -4778,4 +4843,8 @@ body {
   .xl\:grid-cols-5 {
     grid-template-columns: repeat(5, minmax(0, 1fr));
   }
+
+  .xl\:gap-2 {
+    gap: 0.5rem;
+  }
 }

themes/chill-theme/i18n/fr.toml

@@ -118,12 +118,18 @@ other = "Populaire"
 [mostPopular]
 other = "Le plus populaire"
 
+[VAT]
+other = "HT"
+
 [perVATHour]
 other = "HT/heure"
 
 [perVATDay]
 other = "HT/jour"
 
+[perVATHalfDay]
+other = "HT/demi-jour"
+
 [perVATMonth]
 other = "HT/mois"
 

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

@@ -10,7 +10,7 @@
         </div>
         {{ end }}
         
-        <div class="grid grid-cols-1 sm:grid-cols-2  md:grid-cols-3 xl:grid-cols-5 gap-8">
+        <div class="grid grid-cols-1 sm:grid-cols-2  md:grid-cols-3 xl:grid-cols-5 gap-8 xl:gap-2">
             {{ 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 }}
@@ -20,12 +20,12 @@
             {{ 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>
+                <span class="bg-yellow-400 text-gray-900 text-xs font-semibold px-4 py-1 rounded-full">{{ i18n "selfHosted" }}</span>
             </div>
             {{ end }}
             
             
-            <div class="mb-4" style="min-height:112px;">
+            <div class="mb-4 xl:min-h-[113px]">
                 <h3 class="text-2xl font-bold {{ if $plan.featured }}text-white{{ else }}text-gray-900{{ end }}">{{ $plan.name }}</h3>
                 <p class="mt-2 {{ if not $plan.featured }}text-gray-500{{ end }}">{{ $plan.description }}</p>
             </div>
@@ -38,7 +38,9 @@
                 </div>
                 
                 <div class="flex items-baseline">
-                    <span class="font-extrabold tracking-tight {{ if not $plan.featured }}text-gray-900{{ end }}">{{ $plan.additional_price }}</span>
+                    <span class="font-extrabold tracking-tight {{ if not $plan.featured }}text-gray-900{{ end }}">{{ $plan.additional_price }}
+                        <span class="font-light ml-1 {{ if not $plan.featured }}text-gray-500{{ end }}">{{ i18n $plan.additional_price_unit }}</span>
+                    </span>                    
                 </div>
                 </div>
             {{ end }}