From eadf439d5ffd21e2f490b5ac7deb63e14ebb4e02 Mon Sep 17 00:00:00 2001
From: Boris Waaub <boriswaaub@Mac-Studio-de-Boris.local>
Date: Wed, 28 Jan 2026 15:58:30 +0100
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20des=20traductions=20et=20de?=
 =?UTF-8?q?s=20=C3=A9l=C3=A9ments=20de=20l'interface=20utilisateur=20dans?=
 =?UTF-8?q?=20les=20fichiers=20=5Findex.md,=20pricing.md,=20et=20cta.html;?=
 =?UTF-8?q?=20ajout=20de=20nouvelles=20classes=20CSS=20pour=20la=20personn?=
 =?UTF-8?q?alisation=20des=20styles.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/_index.md                             |  5 +--
 content/pricing.md                            | 25 ++++++-----
 hugo.toml                                     | 26 +++++++++---
 static/css/style.css                          | 42 +++++++++++++++++++
 .../chill-theme/layouts/features/single.html  |  8 ++--
 .../layouts/partials/components/cta.html      | 22 +++++-----
 .../chill-theme/layouts/shortcodes/faq.html   |  4 +-
 7 files changed, 93 insertions(+), 39 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index f3b183b..b681bb4 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -115,10 +115,9 @@ testimonials:
 }
 {{< /features-carousel >}}
 {{< cta >}}
-
 {{< testimonials 
-    title="Trusted by Modern Web Teams"
-    description="See how teams are building better websites with our theme."
+  title="Ils nous font confiance"
+  description="Découvrez comment CHILL améliore le quotidien de nos utilisateurs."
     animate="true"
     background-color="#f1f5f9"
 >}}
diff --git a/content/pricing.md b/content/pricing.md
index f4d283a..e32dcc4 100644
--- a/content/pricing.md
+++ b/content/pricing.md
@@ -74,31 +74,30 @@ layout: "pricing"
     ]
 }
 {{< /pricing-table-2 >}}
-
 {{< faq >}}
 {
-    "title": "Common Questions",
-    "description": "Find answers to frequently asked questions about our pricing plans and features.",
+    "title": "Questions fréquentes",
+    "description": "Trouvez des réponses aux questions les plus courantes concernant nos offres tarifaires et leurs fonctionnalités.",
     "questions": [
         {
-            "question": "What type of payment do you accept?",
-            "answer": "We accept all major credit cards, PayPal, and bank transfers. All payments are processed securely through our payment providers."
+            "question": "Quels types de paiement acceptez-vous ?",
+            "answer": "Nous acceptons toutes les principales cartes bancaires, PayPal et les virements bancaires. Tous les paiements sont traités de manière sécurisée via nos prestataires."
         },
         {
-            "question": "Do you offer custom pricing for larger teams?",
-            "answer": "Yes! If you have specific needs or a larger team, please contact our sales team for custom pricing tailored to your requirements."
+            "question": "Proposez-vous des tarifs personnalisés pour les grandes équipes ?",
+            "answer": "Oui ! Si vous avez des besoins spécifiques ou une équipe importante, contactez notre équipe commerciale pour une offre sur mesure."
         },
         {
-            "question": "What's included in the free updates?",
-            "answer": "Free updates include all new features, improvements, and bug fixes released during your subscription period. You'll always have access to the latest version."
+            "question": "Que comprennent les mises à jour gratuites ?",
+            "answer": "Les mises à jour gratuites incluent toutes les nouvelles fonctionnalités, améliorations et corrections de bugs publiées pendant la durée de votre abonnement. Vous bénéficiez toujours de la dernière version."
         },
         {
-            "question": "What kind of support is included?",
-            "answer": "All plans include technical support, with varying response times based on your plan level. Enterprise customers get priority support with dedicated account managers."
+            "question": "Quel type de support est inclus ?",
+            "answer": "Tous les forfaits incluent un support technique, avec des délais de réponse variables selon le niveau de votre offre. Les clients Entreprise bénéficient d’un support prioritaire avec un gestionnaire de compte dédié."
         },
         {
-            "question": "Can I upgrade or downgrade my plan?",
-            "answer": "Yes, you can change your plan at any time. When upgrading, you'll be prorated for the remainder of your billing period. When downgrading, changes take effect at the next billing cycle."
+            "question": "Puis-je changer d’offre à tout moment ?",
+            "answer": "Oui, vous pouvez modifier votre offre à tout moment. En cas de passage à une offre supérieure, la facturation est ajustée au prorata pour la période restante. En cas de passage à une offre inférieure, le changement prend effet au prochain cycle de facturation."
         }
     ]
 }
diff --git a/hugo.toml b/hugo.toml
index 8553582..954a6cc 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -88,12 +88,26 @@ pagination = { pagerSize = 6, path = "page" }
     
   # Global CTA Configuration (optional)
   [params.cta]
-    enable = true
-    title = "Le compagnon du travailleur social"
-    description = "Une application web open source dédiée à faciliter le travail social."
-    [params.cta.primary_button]
-      text = "Essayer la démo"
-      url = "http://demo.chill.social/"
+  enable = true
+  title = "Prêt à commencer ?"
+  description = "Tester Chill dès aujourd'hui et découvrez comment il peut transformer votre gestion sociale."
+
+  # Gradient background
+  gradient_from = "#0d242e"  # Blue-600
+  gradient_to = "#23627e"    # Purple-600
+  gradient_angle = 30
+
+  # Primary button
+  [params.cta.primary_button]
+    text = "Réserver une démo"
+    url = "/demo"
+
+  # Secondary button
+  [params.cta.secondary_button]
+    text = "Essayer la démo"
+    url = "http://demo.chill.social/"
+
+
 
 
   # Social Media Links (optional)
diff --git a/static/css/style.css b/static/css/style.css
index 045dbdc..c093d42 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -2793,6 +2793,16 @@ body {
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
+.border-primary-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 104 57 / var(--tw-border-opacity, 1));
+}
+
+.border-primary-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(189 55 10 / var(--tw-border-opacity, 1));
+}
+
 .bg-blue-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
@@ -3266,6 +3276,11 @@ body {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.text-primary-400 {
+  --tw-text-opacity: 1;
+  color: rgb(244 104 57 / var(--tw-text-opacity, 1));
+}
+
 .\!no-underline {
   text-decoration-line: none !important;
 }
@@ -4333,6 +4348,11 @@ body {
   border-color: rgb(189 55 10 / var(--tw-border-opacity, 1));
 }
 
+.hover\:border-primary-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(244 104 57 / var(--tw-border-opacity, 1));
+}
+
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -4358,6 +4378,11 @@ body {
   background-color: rgb(140 41 8 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:bg-primary-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:text-gray-900:hover {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity, 1));
@@ -4373,6 +4398,11 @@ body {
   color: rgb(140 41 8 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-primary-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(244 104 57 / var(--tw-text-opacity, 1));
+}
+
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
@@ -4526,6 +4556,14 @@ body {
     width: 75%;
   }
 
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .md\:w-2\/3 {
+    width: 66.666667%;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -4610,6 +4648,10 @@ body {
     width: 20rem;
   }
 
+  .lg\:w-1\/4 {
+    width: 25%;
+  }
+
   .lg\:max-w-none {
     max-width: none;
   }
diff --git a/themes/chill-theme/layouts/features/single.html b/themes/chill-theme/layouts/features/single.html
index 50b5e2e..6e30a7f 100644
--- a/themes/chill-theme/layouts/features/single.html
+++ b/themes/chill-theme/layouts/features/single.html
@@ -13,12 +13,12 @@
   <div class="container mx-auto px-4 py-6">
     <div class="flex flex-col md:flex-row gap-6 items-start">
       <!-- Sidebar -->
-      <div class="w-full md:w-1/4 lg:w-1/5 pt-1">
-        {{ partial "features-sidebar.html" . }}
-      </div>
+    <div class="w-full md:w-1/3 lg:w-1/4 pt-1">
+      {{ partial "features-sidebar.html" . }}
+    </div>
 
       <!-- Main Content -->
-      <main class="w-full md:w-3/4 lg:w-4/5 pt-2">
+      <main class="w-full md:w-2/3 lg:w-4/5 pt-2">
         <article >
             <!-- Hero Section -->
             <div class="relative isolate overflow-hidden">
diff --git a/themes/chill-theme/layouts/partials/components/cta.html b/themes/chill-theme/layouts/partials/components/cta.html
index 8174ac7..5c2ec1a 100644
--- a/themes/chill-theme/layouts/partials/components/cta.html
+++ b/themes/chill-theme/layouts/partials/components/cta.html
@@ -10,17 +10,17 @@
                 <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">{{ .Site.Params.cta.title }}</h2>
                 <p class="text-xl text-primary-100 mb-8">{{ .Site.Params.cta.description }}</p>
                 <div class="flex flex-col sm:flex-row justify-center gap-4">
-                    {{ with .Site.Params.cta.primary_button }}
-                        <a href="{{ .url }}" class="btn bg-white text-primary-600 hover:bg-gray-100">
-                            {{ .text }}
-                        </a>
-                    {{ end }}
-                    {{ with .Site.Params.cta.secondary_button }}
-                        <a href="{{ .url }}" class="btn border-2 border-white text-white hover:bg-primary-700">
-                            {{ .text }}
-                        </a>
-                    {{ end }}
-                </div>
+                {{ with .Site.Params.cta.secondary_button  }}
+                    <a href="{{ .url | default "#" }}" class="{{ with .mobileClass }}{{ . }}{{ else }}block text-center px-6 py-3 rounded-lg font-bold transition duration-200 ease-in-out bg-primary-400 text-white hover:bg-primary-400 hover:scale-105{{ end }}">
+                        {{ .text | default "Get Started" }}
+                    </a>
+                {{ end }}
+
+                {{ with .Site.Params.cta.primary_button}}
+                    <a href="{{ .url | default "#" }}" class="{{ with .mobileClass }}{{ . }}{{ else }}block text-center px-6 py-3 rounded-lg font-bold transition duration-200 ease-in-out border-2 text-primary-400 border-primary-400 hover:border-primary-400 hover:text-primary-400 hover:scale-105{{ end }}">
+                        {{ .text | default "Sign in" }}
+                    </a>
+                {{ end }}                   
             </div>
         </div>
     </div>
diff --git a/themes/chill-theme/layouts/shortcodes/faq.html b/themes/chill-theme/layouts/shortcodes/faq.html
index 1da5477..c9cc47f 100644
--- a/themes/chill-theme/layouts/shortcodes/faq.html
+++ b/themes/chill-theme/layouts/shortcodes/faq.html
@@ -2,7 +2,7 @@
 <section class="bg-white">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
-            <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900">{{ $data.title | default "Frequently Asked Questions" }}</h2>
+            <h2 class="mb-4 text-4xl tracking-tight font-extrabold ">{{ $data.title | default "Frequently Asked Questions" }}</h2>
             {{ with $data.description }}
             <p class="mb-5 font-light text-gray-500 sm:text-xl">{{ . }}</p>
             {{ end }}
@@ -14,7 +14,7 @@
                 <button class="w-full flex justify-between items-center p-6 text-left hover:bg-gray-50 transition-colors duration-200 focus:outline-none" 
                         onclick="this.parentElement.querySelector('.faq-content').classList.toggle('hidden');
                                  this.querySelector('svg').classList.toggle('rotate-180')">
-                    <span class="text-lg font-medium text-gray-900">{{ .question }}</span>
+                    <span class="text-lg font-medium">{{ .question }}</span>
                     <svg class="w-5 h-5 text-gray-500 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                     </svg>