feat: add results component in home page

src/components/HomepageResults.js

+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, <br/>et pas seulement au niveau du code !</h2>
+      <div>
+        {ResultsList.map((props, idx) => (
+          <Results key={idx} {...props} />
+        ))}
+      </div>
+    </section>
+  );
+}

src/css/custom.css

@@ -208,4 +208,5 @@ ul {
 .promise-title {
   display: flex;
   justify-content: center;
+  text-align: center;
 }

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(){
   return (
@@ -34,6 +35,7 @@ export default function Home() {
       <main>
         <HomepagePromises />
         <HomepageFeatures />
+        <HomepageResults />
       </main>
     </Layout>
   );