From 8918c6ed4df13e3c0d44b31fa56f15558284a0fa Mon Sep 17 00:00:00 2001
From: Julie Thezenas <julie.thezenas@gmail.com>
Date: Mon, 4 Jul 2022 15:36:34 +0000
Subject: [PATCH] feat: add new text on component

---
 src/components/HomepagePromises.js | 25 ++++++++++++++-----------
 src/css/custom.css                 |  5 +++++
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/HomepagePromises.js b/src/components/HomepagePromises.js
index c96b522..591f037 100644
--- a/src/components/HomepagePromises.js
+++ b/src/components/HomepagePromises.js
@@ -4,11 +4,11 @@ import styles from "./HomepagePromises.module.css";
 
 const PromiseList = [
   {
-    title: "Sûr",
+    title: "Sécurisé",
     Svg: require("../../static/img/bouclier.svg").default,
     description: (
       <>
-        <p>Vos données sont en lieu sûr et sauvegardées toutes les nuits.</p>
+        <p>Vos données sont en lieu sûr et sauvegardées à deux endroits différents toutes les nuits.</p>
       </>
     ),
   },
@@ -17,7 +17,7 @@ const PromiseList = [
     Svg: require("../../static/img/rgpd.svg").default,
     description: (
       <>
-        <p>Nous sommes hébergés en France et conformes au RGPD.</p>
+        <p>Dites bye-bye au <i>Cloud Act</i> et aux risques d’espionnage industriel. Avec Froggit vous êtes hébergé en France et protégé par les normes RGPD.</p>
       </>
     ),
   },
@@ -26,7 +26,7 @@ const PromiseList = [
     Svg: require("../../static/img/liberte.svg").default,
     description: (
       <>
-        <p>Notre solution s&apos;appuie sur des logiciels libres et nos conditions générales sont éthiques.</p>
+        <p>Froggit se base sur des logiciels libres reconnus et des conditions générales d’utilisation complètement éthiques.</p>
       </>
     ),
   },
@@ -49,12 +49,15 @@ function Promise({Svg, title, description}) {
 
 export default function HomepagePromises() {
   return (
-    <section className="section-promises">    
-      <div className="row">
-        {PromiseList.map((props, idx) => (
-          <Promise key={idx} {...props} />
-        ))}
-      </div>   
-    </section>
+    <div>
+      <h2 className="promise-title">Faites la différence</h2>
+      <section className="section-promises">    
+        <div className="row">
+          {PromiseList.map((props, idx) => (
+            <Promise key={idx} {...props} />
+          ))}
+        </div>   
+      </section>
+    </div>
   );
 }
diff --git a/src/css/custom.css b/src/css/custom.css
index ca34423..ec6909e 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -250,3 +250,8 @@ ul {
       width: 330px;
   }
 }
+
+.promise-title {
+  display: flex;
+  justify-content: center;
+}
-- 
GitLab