diff --git a/pages/Home.js b/pages/Home.js
new file mode 100644
index 0000000..6c2d967
--- /dev/null
+++ b/pages/Home.js
@@ -0,0 +1,10 @@
+import React from 'react'
+
+const Home = () => (
+  <div>
+    <h1>React Quizz</h1>
+    <button>GitHub Connect</button>
+  </div>
+)
+
+export default Home
diff --git a/pages/index.js b/pages/index.js
index 0643860..0916e0b 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1 +1,6 @@
-export default () => 'Hello world!'
+import React from 'react'
+import Home from './Home'
+
+const index = () => <Home />
+
+export default index
diff --git a/pages/index.test.js b/pages/index.test.js
index 1708ab2..8322bf1 100644
--- a/pages/index.test.js
+++ b/pages/index.test.js
@@ -1,10 +1,11 @@
 import React from 'react'
 import { shallow } from 'enzyme'
+import Home from './Home'
 import Index from './index'
 
 describe('Index', () => {
-  it('should display "Hello world!"', () => {
+  it('should render the HomeComponent', () => {
     const wrapper = shallow(<Index />)
-    expect(wrapper.equals('Hello world!')).toBe(true)
+    expect(wrapper.contains(<Home />)).toBe(true)
   })
 })