import React from 'react'
import Helmet from 'react-helmet'
import Marked from 'react-markdown'

import Page from '../components/Page'
import PageHeader from '../components/PageHeader'
import { Container, Section } from '../components/common'

export default ({ page }) => (
  <Page>
    <Helmet>
      <title>{page.title}</title>
    </Helmet>
    <PageHeader title={page.title} subtitle={page.subtitle} />
    <Section thin>
      <Container>
        <Marked source={page.section1} />
      </Container>
    </Section>
    <Section thin>
      <Container taCenter skinny>
        <Marked source={page.section2} />
      </Container>
    </Section>
  </Page>
)
