diff --git a/src/components/HomepagePromises.js b/src/components/HomepagePromises.js index c96b5229f5a6346a7654af86cc8103003778268c..591f0375c26af553126f883b22f682c26da81e1a 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'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 ca34423391a02da1148781010e2b7a854e53296d..ec6909e0f3080d78dc48ac7df2056a80da50c2c9 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; +}