docs(website): change get started to introduction

Author: christianalfoni

packages/overmind-website/src/components/App/index.tsx

@@ -12,11 +12,11 @@ import MobileTopBar from '../MobileTopBar'
 import { useIsMobile, useScrollToPosition } from '../../utils'
 import Footer from '../Footer'
 import { hot } from 'react-hot-loader/root'
-import GetStarted from '../GetStarted'
+import Introduction from '../Introduction'
 
 const pages = {
   [Page.HOME]: FrontPage,
-  [Page.GETSTARTED]: GetStarted,
+  [Page.INTRODUCTION]: Introduction,
   [Page.GUIDES]: Guides,
   [Page.GUIDE]: Guide,
   [Page.API]: Api,

…site/src/components/GetStarted/index.tsx …te/src/components/Introduction/index.tsxpackages/overmind-website/src/components/GetStarted/index.tsx renamed to packages/overmind-website/src/components/Introduction/index.tsx packages/overmind-website/src/components/GetStarted/index.tsx renamed to packages/overmind-website/src/components/Introduction/index.tsx

@@ -5,12 +5,12 @@ import { compile, getGithubBaseUrl } from '../../utils'
 import Doc from '../Doc'
 import GuideToc from '../GuideToc'
 
-const GetStarted: SFC = () => {
+const Introduction: SFC = () => {
   const { state } = useOvermind()
   const [content, setContent] = useState(null)
 
   useEffect(() => {
-    import('./getstarted.md').then((module) => setContent(module.default))
+    import('./introduction.md').then((module) => setContent(module.default))
   }, [])
 
   if (!content) {
@@ -29,4 +29,4 @@ const GetStarted: SFC = () => {
   )
 }
 
-export default GetStarted
+export default Introduction

…/src/components/GetStarted/getstarted.md …/components/Introduction/introduction.mdpackages/overmind-website/src/components/GetStarted/getstarted.md renamed to packages/overmind-website/src/components/Introduction/introduction.md packages/overmind-website/src/components/GetStarted/getstarted.md renamed to packages/overmind-website/src/components/Introduction/introduction.md

@@ -1,6 +1,10 @@
-# Get Started
+# Welcome to Overmind
 
-Welcome to Overmind. In this guide you will get an introduction to Overmind and how you can think about application development. We will be using [React](https://reactjs.org/) to write the UI, but you can use also use Overmind with [Vue](https://vuejs.org/) and [Angular](https://angular.io).
+In this introduction you will get an overview of Overmind and how you can think about application development. We will be using [React](https://reactjs.org/) to write the UI, but you can use also use Overmind with [Vue](https://vuejs.org/) and [Angular](https://angular.io).
+
+```marksy
+h(Notice, null, "If you rather want to go right ahead and set up a local project, please have a look at the [quickstart](/guides/beginner/01_quickstart) guide.")
+```
 
 Before we move on, have a quick look at this sandbox. It is a simple counter application and it gives you some foundation before talking more about Overmind and building applications.
 

…site/src/components/GetStarted/styles.ts …te/src/components/Introduction/styles.tspackages/overmind-website/src/components/GetStarted/styles.ts renamed to packages/overmind-website/src/components/Introduction/styles.ts packages/overmind-website/src/components/GetStarted/styles.ts renamed to packages/overmind-website/src/components/Introduction/styles.ts

@@ -47,10 +47,10 @@ const MobileTopBar: SFC = () => {
             Home
           </a>
           <a
-            href="/getstarted"
+            href="/introduction"
             className={css(
               styles.link,
-              state.page === Page.GETSTARTED && styles.linkSelected
+              state.page === Page.INTRODUCTION && styles.linkSelected
             )}
           >
             Get started

packages/overmind-website/src/components/MobileTopBar/index.tsx

@@ -32,13 +32,13 @@ const TopBar: SFC = () => {
         Home
       </a>
       <a
-        href="/getstarted"
+        href="/introduction"
         className={css(
           styles.link,
-          state.page === Page.GETSTARTED && styles.selected
+          state.page === Page.INTRODUCTION && styles.selected
         )}
       >
-        Get Started
+        Introduction
       </a>
       <a
         href="/guides"

packages/overmind-website/src/components/TopBar/index.tsx

@@ -38,9 +38,9 @@ export const openHome: AsyncAction<RouteContext> = withRoute(
   }
 )
 
-export const openGetStarted: AsyncAction<RouteContext> = withRoute(
+export const openIntroduction: AsyncAction<RouteContext> = withRoute(
   async ({ state }) => {
-    state.page = Page.GETSTARTED
+    state.page = Page.INTRODUCTION
   }
 )
 

packages/overmind-website/src/overmind/actions.ts

@@ -4,7 +4,7 @@ const onInitialize: OnInitialize = async ({ effects, state, actions }) => {
   state.showViewHelp = !effects.storage.get('theme')
 
   effects.router.route('/', actions.openHome)
-  effects.router.route('/getstarted', actions.openGetStarted)
+  effects.router.route('/introduction', actions.openIntroduction)
   effects.router.route('/guides', actions.openGuides)
   effects.router.route('/guides/:type/:title', actions.openGuide)
   effects.router.route('/videos', actions.openVideos)

packages/overmind-website/src/overmind/onInitialize.ts

@@ -30,7 +30,7 @@ export type ApiParams = {
 
 export enum Page {
   HOME = 'HOME',
-  GETSTARTED = 'GETSTARTED',
+  INTRODUCTION = 'INTRODUCTION',
   GUIDES = 'GUIDES',
   GUIDE = 'GUIDE',
   VIDEOS = 'VIDEOS',