diff --git a/package-lock.json b/package-lock.json
index 63f83e24b630550855e46dbd335724e01cc8f428..ab6925eda8d5b08c341354f8c3ff6a97b517ce44 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13047,6 +13047,19 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "node_modules/typescript": {
+      "version": "4.8.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
+      "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
     "node_modules/ua-parser-js": {
       "version": "0.7.31",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.31.tgz",
@@ -23724,6 +23737,12 @@
         "is-typedarray": "^1.0.0"
       }
     },
+    "typescript": {
+      "version": "4.8.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
+      "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
+      "peer": true
+    },
     "ua-parser-js": {
       "version": "0.7.31",
       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.31.tgz",
diff --git a/src/components/HomepageFeatures.module.css b/src/components/HomepageFeatures.module.css
index bc86790c5084520645394e42b577a10cc2095c4e..69bf1ff97f86461e676dea35eef40455115d2039 100644
--- a/src/components/HomepageFeatures.module.css
+++ b/src/components/HomepageFeatures.module.css
@@ -7,7 +7,11 @@
 .tabsElement {
     width: 100%;
     margin-bottom: 48px;
+}
     
+.title {
+  font-weight: bold;
+  padding-bottom: 40px;
 }
 
 .tabsElement>li {
diff --git a/src/components/HomepageResults.js b/src/components/HomepageResults.js
new file mode 100644
index 0000000000000000000000000000000000000000..3afbde22121b95a2dcd257edd71836e4ad795526
--- /dev/null
+++ b/src/components/HomepageResults.js
@@ -0,0 +1,72 @@
+import React from "react";
+import environment from "@site/static/img/components/HomepageResults/environment.png";
+import advance from "@site/static/img/components/HomepageResults/advance.png";
+import conversation from "@site/static/img/components/HomepageResults/conversation.png";
+
+import styles from "./HomepageResults.module.css";
+
+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.
+      </>
+    ),
+    img: environment,
+    alt: "Dessin d'un espace naturel"
+  },     
+  {
+    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.
+      </>
+    ),
+    img: advance,
+    alt: "Dessin d'une flèche croissante dans un engrenage"
+
+  },
+  {
+    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 !
+      </>
+    ),
+    img: conversation,
+    alt: "Dessin de deux personne ayant une conversation"
+
+  },
+];
+
+// eslint-disable-next-line
+function Results({title, description, img, alt}) {
+  return (
+    <div className="sectionsReverse row">
+      <div className={"col col--5 " + styles.resultsCenter}>
+        <img className={styles.resultsImage} src={img} alt={alt}/>
+      </div>  
+      <div className="col col--5">
+        <h3>{title}</h3>
+        <p>{description}</p>
+      </div>      
+    </div>
+    
+  );
+}
+
+export default function HomepageResults() {
+  return (
+    <div className="homepage_section">
+      <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>
+    </div>
+  );
+}
diff --git a/src/components/HomepageResults.module.css b/src/components/HomepageResults.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..9cdc3ba2e3d7795bafac170d9f0c13335bdee017
--- /dev/null
+++ b/src/components/HomepageResults.module.css
@@ -0,0 +1,9 @@
+.resultsImage {
+  width: 186px;
+  aspect-ratio: 1;
+}
+
+.resultsCenter {
+  display: flex;
+  justify-content: center;
+}
diff --git a/src/css/custom.css b/src/css/custom.css
index 269a6973be24e2c99839f5b2e1dfe18650f0c48f..e2b10a9d9c9e46c151e0093a4e830cc4c2f30161 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -143,10 +143,18 @@ ul {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  text-align: end;
 }
 
 .sectionsReverse:nth-of-type(odd) {
   flex-direction: row-reverse;
+  text-align: start;
+}
+
+.stickers {
+  height: 275px;
+  width: 275px; 
+  max-width: 100%; 
 }
 
 /******* ADMONITIONS *******/
@@ -208,4 +216,5 @@ ul {
 .promise-title {
   display: flex;
   justify-content: center;
+  text-align: center;
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index e42da2ee0420c5823c7fd8f9c56860b0e6afbfde..a3dc5e7b1646bfa3347a14ba6c40273665f11d17 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -2,10 +2,12 @@ import React from "react";
 import Layout from "@theme/Layout"; 
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import styles from "./index.module.css";
-import HomepagePromises from "../components/HomepagePromises";
-import HomepageFeatures from "../components/HomepageFeatures";
-import CarouselLibre from "@site/src/components/CarouselLibre";
 import Link from "@docusaurus/Link";
+import HomepageResults from "@site/src/components/HomepageResults";
+import HomepagePromises from "@site/src/components/HomepagePromises";
+import HomepageFeatures from "@site/src/components/HomepageFeatures";
+import CarouselLibre from "@site/src/components/CarouselLibre";
+
 
 function HomepageHeader(){
   return (
@@ -36,6 +38,7 @@ export default function Home() {
         <HomepagePromises />
         <HomepageFeatures />
         <CarouselLibre/> 
+        <HomepageResults />
       </main>
     </Layout>
   );
diff --git a/src/pages/mentions_legales.md b/src/pages/mentions_legales.md
index fcd701e19db689c1507e4adbd29720779c4da0df..6d40a6d1703b4e0e2f70678667d0974106b21319 100644
--- a/src/pages/mentions_legales.md
+++ b/src/pages/mentions_legales.md
@@ -78,6 +78,10 @@ Le code source du site est disponible sur [ce dépôt Froggit🐸](https://lab.f
 - **Souverain :** conçues par [Becris](https://www.flaticon.com/fr/auteurs/becris) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/rgpd_3202690).
 - **Libre :** conçues par [Freepik](https://www.freepik.com) sur [Flaticon](https://www.flaticon.com/fr/icone-gratuite/liberte_2284958).
 - **Kermit :** conçues par [stickerfolio](https://www.flaticon.com/authors/stickerfolio) sur [Flaticon](https://www.flaticon.com/stickers-pack/frog).
+- **Environement** conçue par [iconixar](https://www.flaticon.com/authors/iconixar) sur [Flaticon](https://www.flaticon.com/packs/ecology-environment-10).
+- **Advance** conçue par [iconixar](https://www.flaticon.com/authors/iconixar) sur [Flaticon](https://www.flaticon.com/packs/setup-and-settings-18)
+- **Conversation** conçue par [iconixar](https://www.flaticon.com/authors/iconixar) sur [Flaticon](https://www.flaticon.com/packs/language-learning-21)
+
 
 :::note Sources
 [Lydra dépôt git Legal version 1.0.0](https://gitlab.com/lydra/legal/-/blob/1.0.0/mentions_legales.md)
diff --git a/static/img/components/HomepageResults/advance.png b/static/img/components/HomepageResults/advance.png
new file mode 100644
index 0000000000000000000000000000000000000000..74d0f7d03803357e338ad99b33bd665c55d11c7e
Binary files /dev/null and b/static/img/components/HomepageResults/advance.png differ
diff --git a/static/img/components/HomepageResults/conversation.png b/static/img/components/HomepageResults/conversation.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c03d4067e68da2c06454f8a8f12490737db4ee9
Binary files /dev/null and b/static/img/components/HomepageResults/conversation.png differ
diff --git a/static/img/components/HomepageResults/environment.png b/static/img/components/HomepageResults/environment.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e813896d187a08b48ad7dcb0ffa7a53b7bdfb22
Binary files /dev/null and b/static/img/components/HomepageResults/environment.png differ