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>
+)