feat: add new text on component

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>
   );
 }

src/css/custom.css

@@ -250,3 +250,8 @@ ul {
       width: 330px;
   }
 }
+
+.promise-title {
+  display: flex;
+  justify-content: center;
+}