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/partials/shortcodes/carousel.html

@@ -9,7 +9,7 @@ Author: Jeroen van der Schee
   <div class="carousel-slides">
     {{ range .images }}
     <div class="carousel-slide">
-      <img src="{{ . }}" alt="Carousel image" loading="lazy" />
+      <img src="{{ . }}" alt="Carousel image" loading="lazy" style="object-fit: contain;" />
     </div>
     {{ end }}
   </div>

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>

themes/chill-theme/layouts/shortcodes/gradient-card-section.html

@@ -3,14 +3,17 @@
 {{ $description := .Get "description" | default "Discover how our platform helps you understand and optimize every aspect of your user experience." }}
 
 <section class="section">
-    <div class="container">
-        <div class="text-center max-w-3xl mx-auto mb-8">
+    <div class="container text-center">
+        <div class=" max-w-3xl mx-auto mb-8">
+            <div  class="">
             <h2 class="text-3xl md:text-4xl font-bold mb-6">{{ $title }}</h2>
+
+            </div>
             <p class="text-xl text-gray-600">{{ $description | markdownify }}</p>
         </div>
 
         <!-- Feature Grid -->
-        <div class="text-center max-w-3xl mx-auto mb-8">
+        <div class="max-w-3xl mx-auto">
             {{ .Inner | safeHTML  }}
         </div>
     </div>

themes/chill-theme/layouts/shortcodes/hero.html

@@ -8,7 +8,7 @@
 {{ $background_image := .Get "background_image" }}
 {{ $custom_class := .Get "custom_class" }}
 
-<section class="relative overflow-hidden {{ $custom_class }}" >
+<section class="relative overflow-hidden {{ $custom_class }}">
     {{ if $background_image }}
     <div class="absolute inset-0">
         <img src="{{ $background_image | relURL }}" alt="Background" class="w-full h-full object-cover">
@@ -38,14 +38,20 @@
             </div>
             <div class="relative">
                 {{ if $hero_image }}
+
                 <div class="relative z-10">
-                    <img src="{{ $hero_image | relURL }}" alt="Hero Image" class="rounded-xl shadow-elevation">
+                    <div class="relative w-fit">
+                        <div class="absolute inset-0 bg-secondary-100 rounded-full filter blur-3xl opacity-50 z-0">
+                        </div>
+                        <img src="{{ $hero_image | relURL }}" alt="Hero Image"
+                            class="rounded-xl shadow-elevation relative z-10">
+                    </div>
                 </div>
                 {{ end }}
                 <!-- Background decoration -->
-                <div class="absolute -top-20 -right-20 w-64 h-64 bg-primary-100 rounded-full filter blur-3xl opacity-50"></div>
-                <div class="absolute -bottom-20 -left-20 w-64 h-64 bg-secondary-100 rounded-full filter blur-3xl opacity-50"></div>
+
+
             </div>
         </div>
     </div>
-</section>
+</section>

themes/chill-theme/static/images/hero-dashboard.svg

@@ -1,26 +0,0 @@
-<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
-  <rect width="800" height="600" fill="#f3f4f6"/>
-  <rect x="40" y="40" width="720" height="520" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
-  
-  <!-- Header -->
-  <rect x="60" y="60" width="680" height="60" rx="4" fill="#f9fafb"/>
-  <circle cx="100" cy="90" r="15" fill="#60a5fa"/>
-  <rect x="140" y="80" width="120" height="20" rx="4" fill="#e5e7eb"/>
-  
-  <!-- Charts -->
-  <rect x="60" y="140" width="320" height="200" rx="4" fill="#f9fafb"/>
-  <path d="M80 300 L140 260 L200 280 L260 220 L320 240 L360 200" stroke="#60a5fa" stroke-width="2" fill="none"/>
-  
-  <!-- Stats -->
-  <rect x="400" y="140" width="340" height="200" rx="4" fill="#f9fafb"/>
-  <rect x="420" y="160" width="140" height="20" rx="4" fill="#e5e7eb"/>
-  <rect x="420" y="200" width="300" height="8" rx="4" fill="#60a5fa"/>
-  <rect x="420" y="220" width="260" height="8" rx="4" fill="#818cf8"/>
-  <rect x="420" y="240" width="220" height="8" rx="4" fill="#a78bfa"/>
-  
-  <!-- Bottom Section -->
-  <rect x="60" y="360" width="680" height="180" rx="4" fill="#f9fafb"/>
-  <rect x="80" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
-  <rect x="300" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
-  <rect x="520" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
-</svg>