diff --git a/src/components/counters.jsx b/src/components/counters.jsx
new file mode 100644
index 0000000..a3f7c75
--- /dev/null
+++ b/src/components/counters.jsx
@@ -0,0 +1,31 @@
+import React from "react"
+
+const Counters = () => (
+  <section id="counts" class="counts section-bg">
+    <div class="container">
+      <div class="row counters">
+        <div class="col-lg-3 col-6 text-center">
+          <span data-toggle="counter-up">1232</span>
+          <p>Élèves</p>
+        </div>
+
+        <div class="col-lg-3 col-6 text-center">
+          <span data-toggle="counter-up">64</span>
+          <p>Cours</p>
+        </div>
+
+        <div class="col-lg-3 col-6 text-center">
+          <span data-toggle="counter-up">42</span>
+          <p>Ateliers</p>
+        </div>
+
+        <div class="col-lg-3 col-6 text-center">
+          <span data-toggle="counter-up">15</span>
+          <p>Enseignants</p>
+        </div>
+      </div>
+    </div>
+  </section>
+)
+
+export default Counters
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 3c029ac..6bbfdb4 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -4,6 +4,7 @@ import Layout from "../components/layout"
 import SEO from "../components/seo"
 import Hero from "../components/hero"
 import About from "../components/about"
+import Counters from "../components/counters"
 
 const IndexPage = () => (
   <Layout>
@@ -13,6 +14,7 @@ const IndexPage = () => (
       subtitle="Accompagnement et suivi personnalisé orienté vers l'international"
     />
     <About />
+    <Counters />
   </Layout>
 )