diff --git a/src/components/index.js b/src/components/index.js
new file mode 100644
index 0000000..e014b0f
--- /dev/null
+++ b/src/components/index.js
@@ -0,0 +1,19 @@
+import { Link } from "gatsby"
+import PropTypes from "prop-types"
+import React from "react"
+import styles from "../styles/index.module.scss"
+import Social from "./social"
+
+const Index = ({ author, social, email }) => (
+  <div className={styles.indexWrapper}>
+      <div>
+        <h1 className={styles.header}>{ author }</h1>
+      </div>
+      <Social social={social} email={email}/>
+  </div>
+)
+
+Index.propTypes = {
+}
+
+export default Index
diff --git a/src/styles/index.module.scss b/src/styles/index.module.scss
new file mode 100644
index 0000000..5f86d67
--- /dev/null
+++ b/src/styles/index.module.scss
@@ -0,0 +1,9 @@
+.indexWrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.header {
+    font-size: 3em;
+}
\ No newline at end of file