diff --git a/src/components/HomepageResults.js b/src/components/HomepageResults.js new file mode 100644 index 0000000000000000000000000000000000000000..11a3d0c2480c6c550b2e1e251eba0e2f511a6778 --- /dev/null +++ b/src/components/HomepageResults.js @@ -0,0 +1,54 @@ +import React from "react"; + +const ResultsList = [ + { + title: "Alliez compétitivité et respect de l’environnement", + description: ( + <> + Froggit est pensé pour ceux qui regardent vers l'avenir et choisissent des solutions robustes, responsables, qui durent dans le temps. + </> + ), + }, + { + title: "Intégrez facilement les pratiques DevOps", + description: ( + <> + Répondez plus vite aux besoins de vos clients avec notre forge logicielle agile pensée par des techs pour les techs. + </> + ), + }, + { + title: "Bénéficiez d’un service de proximité", + description: ( + <> + Froggit c'est aussi un service client en français et une équipe qui améliore régulièrement l'offre en fonction de vos retours ! + </> + ), + }, +]; + + +function Results({title, description}) { + return ( + <div className="sectionsReverse row"> + <div className="col col--5"> + <h3>{title}</h3> + <p>{description}</p> + </div> + </div> + + ); +} + +export default function HomepageResults() { + return ( + <section className="sections container" id="results"> + <h2 className="promise-title">Obtenez de meilleurs résultats, et pas seulement au niveau du code !</h2> + <div> + {ResultsList.map((props, idx) => ( + <Results key={idx} {...props} /> + ))} + </div> + </section> + ); +} diff --git a/src/pages/index.js b/src/pages/index.js index 925e2a8069cc44d8626e0a04b5159f4f4d4c4427..506d5347603d0ea474fa342700e801008dbe7cf1 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -5,6 +5,7 @@ import styles from "./index.module.css"; import HomepagePromises from "../components/HomepagePromises"; import HomepageFeatures from "../components/HomepageFeatures"; import Link from "@docusaurus/Link"; +import HomepageResults from "../components/HomepageResults"; function HomepageHeader(){ const { siteConfig } = useDocusaurusContext(); @@ -37,6 +38,7 @@ export default function Home() { <main> <HomepagePromises /> <HomepageFeatures /> + <HomepageResults /> </main> </Layout> );