Add initial Header component

2 files changed, 21 insertions, 4 deletions

diff --git a/src/App.js b/src/App.js
index 386e165..5954efa 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,11 @@
 import React from 'react';
+import Header from "./components/Header";
 
-const App = () => {
-  return (
+const App = () => (
+  <div>
+    <Header/>
     <h1> ChronoCube - a professional speedcubing timer</h1>
-  );
-};
+  </div>
+);
 
 export default App;
diff --git a/src/components/Header.js b/src/components/Header.js
new file mode 100644
index 0000000..2104530
--- /dev/null
+++ b/src/components/Header.js
@@ -0,0 +1,15 @@
+import React from "react";
+
+const Header = () => (
+  <div>
+    <h2> ChronoCube </h2>
+    <ul>
+      <li> Home </li>
+      <li> App </li>
+      <li> Scoreboard </li>
+      <li> News </li>
+    </ul>
+  </div>
+);
+
+export default Header;