src/pages/index.js


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

import React from 'react'

import { faPaperPlane } from '@fortawesome/free-solid-svg-icons'
import { FontAwesome } from '../components/font-awesome'

import Layout from '../components/layout'
import { Splash } from '../components/splash'

const indexData = {
  heroText: `Hello world 👋`,
  heroTagline: `Let's build software for life`,
  heroBtnTo: '/about',
  heroBtn: (
    <>
      Get In Touch <FontAwesome icon={faPaperPlane} />
    </>
  )
}

const IndexPage = () => (
  <Layout height="100vh">
    <Splash {...indexData} />
    <footer>
      Portfolio made with{' '}
      <span role="img" aria-label="love">
        ❤️
      </span>{' '}
      & <a href="https://github.com/nvandoorn/portfolio">open source</a> in 2019
    </footer>
  </Layout>
)

export default IndexPage