components/layout.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import TopNav from '../components/topnav'
import Footer from '../components/footer'
import { Container, Box } from '@chakra-ui/react'
import { DefaultSeo } from 'next-seo'

type Props = {
    children?: any
}

export default function Layout({ children } : Props) {
  return (
    <>
        <DefaultSeo
          openGraph={{
            type: 'website',
            locale: 'en_US',
            url: 'https://www.sapka.me/',
            site_name: 'Michał Sapka'
          }}
          twitter={{
            handle: '@handle',
            site: '@site',
            cardType: 'summary_large_image',
          }}
        />
      <TopNav/>
      <Container maxW="lg">
        <Box as="main" pt="20">
          {children}
        </Box>
      </Container>
      <Footer/>

    </>
  )
}