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

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