feat: Update client logos and testimonials, enhance feature descriptions, and improve layout

- Replaced client logos in _index.md with new entries.
- Updated testimonials section to improve clarity and relevance.
- Enhanced feature descriptions in generation-documents.md, rapports-rgpd.md, rapports-statistiques.md, rendez-vous.md, suivi-accompagnements.md, suivi-decisions.md, and suivi-usagers.md for better user understanding.
- Added new images to various feature sections to enrich visual content.
- Introduced new sector pages for "Grandes Collectivités" and "Services et associations" with tailored content.
- Updated CSS for better styling and responsiveness.
- Improved carousel and client logos shortcode for better performance and visual appeal.
- Removed outdated screenshots and replaced hero image with a new format.

themes/chill-theme/layouts/shortcodes/client-logos.html

@@ -3,15 +3,11 @@
         <div class="py-12">
             <p class="text-center text-3xl md:text-2xl font-bold mb-6">{{ .Get "title" | default (i18n
                 "trustedByCompanies") }}</p>
-            <div class="logo-scroll">
-                <div class="logos-slide{{ if ne (.Get " animate" | default "true" ) "false" }} animate{{ end }}">
+            {{ $shouldAnimate := ne (.Get "animate") "false" }}
+            <div class="logo-scroll{{if not $shouldAnimate}} static{{end}}">
+                <div class="logos-slide{{if $shouldAnimate}} animate{{end}}">
                     {{ range .Page.Params.client_logos }}
-                    <img src="{{ .logo | relURL }}" class="h-20" alt="{{ .name }}" />
-                    {{ end }}
-                    {{ if ne (.Get "animate" | default "true") "false" }}
-                    {{ range .Page.Params.client_logos }}
-                    <img src="{{ .logo | relURL }}" class="h-20" alt="{{ .name }}" />
-                    {{ end }}
+                    <img src="{{ .logo | relURL }}" alt="{{ .name }}" />
                     {{ end }}
                 </div>
             </div>
@@ -45,22 +41,25 @@
     }
 
     .logos-slide.animate {
-        animation: 30s slide infinite linear;
+        animation: 10s slide infinite linear;
     }
 
 
     .logos-slide img {
-        max-width: 8rem;
-        height: auto;
+        max-height: 7rem;
+        width: auto;
         margin: 0 40px;
         display: inline-block;
         vertical-align: middle;
-        filter: grayscale(100%);
-        opacity: 0.6;
+        /*  filter: grayscale(100%);  */
+        /*  opacity: 0.6;  */
     }
 
     .logo-scroll.static .logos-slide img {
         margin: 0;
+        height: 7rem;
+        width: auto;
+        object-fit: contain;
     }
 
     @keyframes slide {
@@ -80,7 +79,7 @@
     /* Mobile-specific animation speed */
     @media (max-width: 768px) {
         .logos-slide.animate {
-            animation: 15s slide infinite linear;
+            animation: 8s slide infinite linear;
         }
     }
 </style>