text: import React from "react"
  import { Link } from "gatsby"
  import Helmet from "react-helmet"
  
  import Layout from "../../components/layout"
  import { itemListDocs } from "../../utils/sidebar/item-list"
  import Container from "../../components/container"
  import EmailCaptureForm from "../../components/email-capture-form"
  import DocSearchContent from "../../components/docsearch-content"
  
  class IndexRoute extends React.Component {
    render() {
      return (
        <Layout location={this.props.location} itemList={itemListDocs}>
          <DocSearchContent>
            <Container>
              <Helmet>
                <title>Docs</title>
              </Helmet>
              <h1 id="gatsby-documentation" css={{ marginTop: 0 }}>
                Gatsby.js Documentation
              </h1>
              <p>Gatsby is a blazing fast modern site generator for React.</p>
              <h2>Get Started</h2>
              <p>There are four main ways to get started with Gatsby:</p>
              <ol>
                <li>
                  <Link to="/tutorial/">Tutorial</Link>: The tutorial is written
                  to be as accessible as possible to people without much web
                  development experience.
                </li>
                <li>
                  <Link to="/docs/quick-start">Quick start</Link>: The quick start
                  is intended for intermediate to advanced developers who prefer
                  to dig straight in.
                </li>
                <li>
                  <Link to="/docs/recipes">Recipes</Link>: A happy medium between
                  the tutorial and the quick start, find some quick answers for
                  how to accomplish some specific, common tasks with Gatsby.
                </li>
                <li>
                  Choose your own adventure and peruse the various sections of the
                  Gatsby docs:
                </li>
                <ul>
                  <li>
                    <strong>Guides</strong>: Dive deeper into different topics
                    around building with Gatsby, like sourcing data, deployment,
                    and more.
                  </li>
                  <li>
                    <strong>Ecosystem</strong>: Check out libraries for Gatsby
                    starters and plugins, as well as external community resources.
                  </li>
                  <li>
                    <strong>API Reference</strong>: Learn more about Gatsby APIs
                    and configuration.
                  </li>
                  <li>
                    <strong>Releases &amp; Migration</strong>: Find release notes
                    and guides for migration between major versions.
                  </li>
                  <li>
                    <strong>Conceptual Guide</strong>: Read high level overviews
                    of the Gatsby approach.
                  </li>
                  <li>
                    <strong>Behind the Scenes</strong>: Dig into how Gatsby works
                    under the hood.
                  </li>
                  <li>
                    <strong>Advanced Tutorials</strong>: Learn about topics that
                    are too large for a doc and warrant a tutorial.
                  </li>
                  <li>
                    <strong>Contributing</strong>: Find guides on the Gatsby
                    community, code of conduct, and how to get started
                    contributing to Gatsby.
                  </li>
                </ul>
              </ol>
              <EmailCaptureForm signupMessage="Want to keep up with the latest tips &amp; tricks? Subscribe to our newsletter!" />
            </Container>
          </DocSearchContent>
        </Layout>
      )
    }
  }
  
  export default IndexRoute
  