From e24843b4ced499b1e73088bc17f900fba5db6d0e Mon Sep 17 00:00:00 2001
From: Conrad <grosserconrad@gmail.com>
Date: Thu, 9 Jan 2020 12:52:05 +0100
Subject: [PATCH] Added First Draft for Header and Footer

---
 src/components/footer.js |  6 ++++++
 src/components/header.js |  2 ++
 src/pages/about.js       |  7 +++++++
 src/pages/index.js       | 10 +++++++++-
 4 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 src/components/footer.js
 create mode 100644 src/components/header.js
 create mode 100644 src/pages/about.js

diff --git a/src/components/footer.js b/src/components/footer.js
new file mode 100644
index 0000000..2d12e0b
--- /dev/null
+++ b/src/components/footer.js
@@ -0,0 +1,6 @@
+import React from "react"
+export default () => (
+  <div style={{ textAlign: `center` }}>
+    TeamSpeak.Discord.Steam.About.GitHub
+  </div>
+)
diff --git a/src/components/header.js b/src/components/header.js
new file mode 100644
index 0000000..ceac93e
--- /dev/null
+++ b/src/components/header.js
@@ -0,0 +1,2 @@
+import React from "react"
+export default props => <h1 align="center">{props.headline}</h1>
diff --git a/src/pages/about.js b/src/pages/about.js
new file mode 100644
index 0000000..58329e7
--- /dev/null
+++ b/src/pages/about.js
@@ -0,0 +1,7 @@
+import React from "react"
+export default () => (
+  <div>
+    <h1>About</h1>
+    // TODO Impressum
+  </div>
+)
diff --git a/src/pages/index.js b/src/pages/index.js
index 92b25c1..2738777 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,3 +1,11 @@
 import React from "react"
+import Header from "../components/header"
+import Footer from "../components/footer"
 
-export default () => <div>Hello world!</div>
+export default () => (
+  <div>
+    <Header headline="The Urban Brothers" />
+    <p></p>
+    <Footer />
+  </div>
+)