Update README

- Add title image
- Add credits
- Improved guide

Author: timolins

README.md

@@ -1,44 +1,31 @@
-# react-notion
+![react-notion](https://user-images.githubusercontent.com/1440854/79683820-e4fa4400-822c-11ea-9ffb-f4d185b57ca8.png)
 
-Renders your Notion blocks with ease.
+An (unofficial) React renderer for Notion pages. It is written in TypeScript. Use it for blogs, documentations or personal sites, while we wait for the official API.
+
+This packages does not include an API wrapper. You can find some interesting projects here: [notionapi-agent](https://github.com/dragonman225/notionapi-agent)
 
 ## Install
 
 ```bash
 npm install react-notion
 ```
 
-If you use code blocks and want syntax highlighting, install `primsjs`.
-
-```bash
-npm install prismjs
-```
-
 ## How to use
 
 ```js
 import { NotionRenderer } from "react-notion";
 import "react-notion/src/styles.css";
 
 import "prismjs/themes/prism-tomorrow.css"; // only needed if you use Code Blocks
-```
 
-### Example
-
-```js
-const Page = ({ page }) => {
-  if (!page) return null;
-
-  return (
-    <div className="notion" style={{ maxWidth: 768, color: "rgb(55, 53, 47)" }}>
-      <NotionRenderer blockMap={blockMap} />
-    </div>
-  );
-};
-export default Page;
+export default () => (
+  <div style={{ maxWidth: 768 }}>
+    <NotionRenderer blockMap={blockMap} />
+  </div>
+);
 ```
 
-Example Next.JS using react-notion can be found in folder `/example`
+A working example, built with Next.js, can be found inside the `example` directory.
 
 ## Currently supported block types:
 
@@ -53,10 +40,19 @@ Example Next.JS using react-notion can be found in folder `/example`
 - [x] iFrames
 - [x] Videos
 - [x] Divider
-- [x] Callouts
+- [x] Callout
 - [x] Image Captions
 
 Missing
 
 - [ ] Checkboxes
 - [ ] Toggle Lists
+
+## Detailed Guide
+
+Can be found on the Splitbee Blog - [Notion as a CMS using Next.JS](https://splitbee.io/blog/notion-as-cms-using-nextjs)
+
+## Credits
+
+- [Timo Lins](https://timo.sh) – Helped building this package
+- [samwightt](https://github.com/samwightt) – Inspiration & API Typings