function HeroLayout()

in theme/src/components/hero-layout.js [10:38]


function HeroLayout({children, pageContext}) {
  let {additionalContributors} = pageContext.frontmatter

  if (!additionalContributors) {
    additionalContributors = []
  }

  return (
    <Flex sx={{flexDirection: 'column', minHeight: '100vh'}}>
      <Head />
      <Header />
      <Flex sx={{flex: '1 1 auto', flexDirection: 'row'}}>
        <Box display={['none', null, null, 'block']}>
          <Sidebar />
        </Box>
        <Box width="100%">
          <Hero />
          <Container>
            {children}
            <PageFooter
              editUrl={pageContext.editUrl}
              contributors={pageContext.contributors.concat(additionalContributors.map(login => ({login})))}
            />
          </Container>
        </Box>
      </Flex>
    </Flex>
  )
}