From 01ed316c891fad8aa8eee27de87ad2771caf2279 Mon Sep 17 00:00:00 2001
From: Julie Thezenas <julie@lydra.fr>
Date: Mon, 4 Jul 2022 15:18:21 +0200
Subject: [PATCH] feat: add results component in home page

---
 src/components/HomepageResults.js | 54 +++++++++++++++++++++++++++++++
 src/pages/index.js                |  2 ++
 2 files changed, 56 insertions(+)
 create mode 100644 src/components/HomepageResults.js

diff --git a/src/components/HomepageResults.js b/src/components/HomepageResults.js
new file mode 100644
index 0000000..11a3d0c
--- /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&apos;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&apos;est aussi un service client en français et une équipe qui améliore régulièrement l&apos;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 925e2a8..506d534 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>
   );
-- 
GitLab