From 5b2a6a30c4ec75c4ed46c847c482c6a061631d02 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Thu, 16 Jul 2020 11:10:04 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A6=B8=E2=80=8D=E2=99=80=EF=B8=8F=20lay?=
 =?UTF-8?q?=20header=20banner=20out?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/hero.jsx | 24 ++++++++++++++++++++++++
 src/pages/index.jsx     |  6 +++++-
 2 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 src/components/hero.jsx

diff --git a/src/components/hero.jsx b/src/components/hero.jsx
new file mode 100644
index 0000000..245cb04
--- /dev/null
+++ b/src/components/hero.jsx
@@ -0,0 +1,24 @@
+import React from "react"
+import PropTypes from "prop-types"
+
+import ButtonCTA from "./buttonCTA"
+
+const Hero = ({ title, subtitle }) => (
+  <section
+    id="hero"
+    className="d-flex justify-content-center align-items-center"
+  >
+    <div className="container position-relative">
+      <h1>{title}</h1>
+      <h2>{subtitle}</h2>
+      <ButtonCTA variant="secondary" />
+    </div>
+  </section>
+)
+
+Hero.propTypes = {
+  title: PropTypes.string.isRequired,
+  subtitle: PropTypes.string.isRequired,
+}
+
+export default Hero
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index daa3e39..40d3f52 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,12 +1,16 @@
 import React from "react"
-import { Link } from "gatsby"
 
 import Layout from "../components/layout"
 import SEO from "../components/seo"
+import Hero from "../components/hero"
 
 const IndexPage = () => (
   <Layout>
     <SEO title="Accueil" />
+    <Hero
+      title="Le PLUS pour mener votre enfant vers la réussite"
+      subtitle="Accompagnement et suivi personnalisé orienté vers l'international"
+    />
   </Layout>
 )