Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 8918c6ed authored by Julie Thezenas's avatar Julie Thezenas Committed by Christophe Chaudier
Browse files

feat: add new text on component

parent 1c94f90f
No related branches found
No related tags found
1 merge request!63Resolve "refactor: change HomepagePromises textes"
...@@ -4,11 +4,11 @@ import styles from "./HomepagePromises.module.css"; ...@@ -4,11 +4,11 @@ import styles from "./HomepagePromises.module.css";
const PromiseList = [ const PromiseList = [
{ {
title: "Sûr", title: "Sécurisé",
Svg: require("../../static/img/bouclier.svg").default, Svg: require("../../static/img/bouclier.svg").default,
description: ( 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 = [ ...@@ -17,7 +17,7 @@ const PromiseList = [
Svg: require("../../static/img/rgpd.svg").default, Svg: require("../../static/img/rgpd.svg").default,
description: ( 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 = [ ...@@ -26,7 +26,7 @@ const PromiseList = [
Svg: require("../../static/img/liberte.svg").default, Svg: require("../../static/img/liberte.svg").default,
description: ( 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 dutilisation complètement éthiques.</p>
</> </>
), ),
}, },
...@@ -49,12 +49,15 @@ function Promise({Svg, title, description}) { ...@@ -49,12 +49,15 @@ function Promise({Svg, title, description}) {
export default function HomepagePromises() { export default function HomepagePromises() {
return ( return (
<section className="section-promises"> <div>
<div className="row"> <h2 className="promise-title">Faites la différence</h2>
{PromiseList.map((props, idx) => ( <section className="section-promises">
<Promise key={idx} {...props} /> <div className="row">
))} {PromiseList.map((props, idx) => (
</div> <Promise key={idx} {...props} />
</section> ))}
</div>
</section>
</div>
); );
} }
...@@ -250,3 +250,8 @@ ul { ...@@ -250,3 +250,8 @@ ul {
width: 330px; width: 330px;
} }
} }
.promise-title {
display: flex;
justify-content: center;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment