fix: Corriger des descriptions et améliorer le style des fonctionnalités

content/features/_index.md

@@ -1,5 +1,5 @@
 ---
 title: "Fonctionnalités"
-description: "Découvrer toutes les fonctionnalités de CHILL"
+description: "Découvrez toutes les fonctionnalités de CHILL"
 layout: "list"
 ---

content/features/generation-documents.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Documents"
 badgeColor: "generation-document"
 demo:
-  description: "Générez facilement des documents personnalisés à partir des données saisies."
   images:
     - "/images/features/HP-documents.png"
     - "/images/features/documents1.png"
@@ -21,6 +20,6 @@ Exploitez les informations clés de l’usager, du ménage, du parcours et du bu
 ## Fonctionnalités principales
 La liste des variables pouvant être extraites de l'outil est étendue, mais les plus fréquemment utilisées sont :
 - **Informations relatives à l'usager**: coordonnées socio professionnelles
-- **Informatives relatives au ménage**: adresse, liens de filiation, composition familiale
+- **Informations relatives au ménage**: adresse, liens de filiation, composition familiale
-- **Informatives relatives au parcours d'accompagnement**: référent du parcours, localisation, liste des échanges et des actions d'accompagnement
+- **Informations relatives au parcours d'accompagnement**: référent du parcours, localisation, liste des échanges et des actions d'accompagnement
-- **Informatives relatives au budget**: liste des charges et ressources
+- **Informations relatives au budget**: liste des charges et ressources

content/features/rapports-rgpd.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Droits d’accès"
 badgeColor: "rapport-rgpd"
 demo:
-  description: "Assurez la conformité RGPD et organisez vos rapports et documents."
   images:
     - "/images/features/HP-droitsdacces.png"
     - "/images/features/permissions.png"

content/features/rapports-statistiques.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Statistiques"
 badgeColor: "rapports-statistiques"
 demo:
-  description: "Générez et exportez des rapports statistiques détaillés."
   images: 
     - "/images/features/HP-exports.png"
     - "/images/features/stats.png"
@@ -26,6 +25,6 @@ Chill facilite la génération et l’analyse de statistiques croisées, offrant
 - **Actions d’accompagnement** : Mesurez l’impact des actions menées.
 - **Problématiques sociales** : Identifiez les problématiques rencontrées.
 - **Rendez-vous** : Suivez la planification et la réalisation des rendez-vous.
-- **Évaluations** : générez une liste complète des évaluations et indiquez leur nombre total, etc.
+- **Évaluations** : Générez une liste complète des évaluations et indiquez leur nombre total, etc.
-- **Échanges** : identifiez leur nombre, leur type, leur durée, et d’autres caractéristiques pertinentes.
+- **Échanges** : Identifiez leur nombre, leur type, leur durée, et d’autres caractéristiques pertinentes.
-- **Activités annexes** : comptez le nombre d’activités annexes, le nombre d'usagers concernés, etc.
+- **Activités annexes** : Comptez le nombre d’activités annexes, le nombre d'usagers concernés, etc.

content/features/rendez-vous.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Rendez-vous"
 badgeColor: "rendez-vous"
 demo:
-  description: "Découvrez comment gérer et structurée vos rendez-vous."
   images: 
     - "/images/features/HP-rendez-vous.png"
     - "/images/features/rdv2.png"

content/features/suivi-accompagnements.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Accompagnements"
 badgeColor: "suivi-accompagnements"
 demo:
-  description: "Découvrez comment suivre et caractériser les parcours d’accompagnement de chaque usager."
   images:
     - "/images/features/HP-accompagnement.png"
     - "/images/features/fonc-accom-2.png"

content/features/suivi-decisions.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Décisions"
 badgeColor: "suivi-decisions"
 demo:
-  description: "Découvrez comment gérer et valider les décisions collectives."
   images:
     - "/images/features/suividecisions2.png"
     - "/images/features/HP-décisions.png"

content/features/suivi-usagers.md

@@ -6,7 +6,6 @@ layout: "single"
 badge: "Usagers"
 badgeColor: "suivi-usagers"
 demo:
-  description: "Découvrez comment gérer et structurée les dossiers de vos usagers."
   images: 
     - "/images/features/fonctionnalites-usager.png"
     - "/images/features/fonctionnalites-usager2.png"

static/css/style.css

@@ -2284,11 +2284,6 @@ body {
   margin-bottom: 0px !important;
 }
 
-.-mx-6 {
-  margin-left: -1.5rem;
-  margin-right: -1.5rem;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -3132,6 +3127,11 @@ body {
   padding-bottom: 2rem;
 }
 
+.py-32 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
 .pb-16 {
   padding-bottom: 4rem;
 }
@@ -4639,9 +4639,9 @@ body {
     padding-right: 1.5rem;
   }
 
-  .sm\:py-32 {
+  .sm\:py-16 {
-    padding-top: 8rem;
+    padding-top: 4rem;
-    padding-bottom: 8rem;
+    padding-bottom: 4rem;
   }
 
   .sm\:pt-32 {

themes/chill-theme/i18n/en.toml

@@ -107,7 +107,7 @@ other = "Changer de langue"
 
 # Features
 [seeItInAction]
-other = "Voir en action"
+other = "Voir en images"
 
 # Pricing
 

themes/chill-theme/i18n/fr.toml

@@ -107,7 +107,7 @@ other = "Changer de langue"
 
 # Features
 [seeItInAction]
-other = "Voir en action"
+other = "Voir en images"
 
 # Pricing
 

themes/chill-theme/i18n/nl.toml

@@ -107,7 +107,7 @@ other = "Changer de langue"
 
 # Features
 [seeItInAction]
-other = "Voir en action"
+other = "Voir en images"
 
 # Pricing
 

themes/chill-theme/layouts/features/single.html

@@ -5,7 +5,10 @@
             background-color: color-mix(in srgb, var(--badge-color) 40%, transparent);
             color: #222;
         }
-
+        .see-in-image {
+            background-color: color-mix(in srgb, var(--badge-color) 10%, transparent);
+            color: #222;
+        }
         .gradient-bg {
             background-image: linear-gradient(180deg, color-mix(in srgb, var(--badge-color) 25%, white), white);
         }
@@ -70,13 +73,12 @@
                         </div>
                         <!-- Demo Section -->
                         {{ if .Params.demo }}
-                        <div class="bg-gray-50 -mx-6 px-6 py-24 sm:py-32">
+                        <div class="relative text-white rounded-lg overflow-hidden bg-primary-400 cta-gradient px-6 py-8" style="background-color:#23627e;">
-                            <div class="mx-auto max-w-2xl lg:text-center">
+                            <div class="mx-auto max-w-2xl lg:text-center py-8">
-                                <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">{{ i18n
+                                <h2 class="text-3xl font-bold tracking-tight text-secondary sm:text-4xl">{{ i18n
                                     "seeItInAction" }}</h2>
-                                <p class="mt-6 text-lg leading-8 text-gray-600">{{ .Params.demo.description }}</p>
                             </div>
-                            <div class="mt-16 flex justify-center">
+                            <div class="flex justify-center">
                                 {{ partial "shortcodes/carousel.html" (dict "images" .Params.demo.images) }}
                             </div>
                         </div>

themes/chill-theme/layouts/partials/shortcodes/carousel.html

@@ -5,7 +5,7 @@ Author: Jeroen van der Schee
 */}}
 
 {{ $id := printf "carousel-%d" (now.UnixNano) }}
-<div id="{{ $id }}" class="carousel-container">
+<div id="{{ $id }}" class="carousel-container bg-white">
   <div class="carousel-slides">
     {{ range .images }}
     <div class="carousel-slide">
@@ -60,6 +60,7 @@ Author: Jeroen van der Schee
     cursor: pointer;
     border-radius: 50%;
     z-index: 2;
+    color:#0d242e;
   }
 
   .carousel-prev {