import React from 'react'
import { SiteData } from 'react-static'
import styled from 'styled-components'
import Hero from './Hero'
import Nav from './Nav'
import NavLink, { NavAnchor } from './NavLink'

const Header = () => (
  <SiteData
    render={({
 title, subtitle, shareButtons, repo, pages, navLinks,
}) => (
  <div>
    <Hero
      title={title}
      subheading={subtitle}
      shareButtons={shareButtons}
      repoLink={repo}
        />
    <Nav>
      {pages.map(({ path, name }) => (
        <NavLink key={path} to={path}>
          {name}
        </NavLink>
          ))}
      {navLinks.map(({ url, text }) => (
        <NavAnchor key={url} href={url} target="_blank">
          {text}
        </NavAnchor>
          ))}
    </Nav>
  </div>
    )}
  />
)

export default Header

@@ -196,16 +196,598 @@
 vLink'%0A%0A
+%0Aconst JamstackConfBanner = (%7B className %7D) =%3E (%0A  %3Cdiv className=%7BclassName%7D%3E%0A    %3Cp%3E%0A      Learn more about the JAMstack at%7B' '%7D%0A      %3Ca href=%22https://jamstackconf.com/london%22%3EJAMstack Conf%3C/a%3E in London %E2%80%94 9-10 July, 2019%0A    %3C/p%3E%0A  %3C/div%3E%0A)%0Aconst JamstackConfBannerStyled = styled(JamstackConfBanner)%60%0A  background-color: #000;%0A  color: #fff;%0A  display: block;%0A  text-align: center;%0A  z-index: 200;%0A  position: fixed;%0A  margin: 0;%0A  padding: 0;%0A  width: 100%25;%0A  p %7B%0A    margin: 0;%0A    padding-top: 0.6em;%0A    padding-bottom: 0.6em;%0A  %7D%0A  a:visited %7B%0A    color: #00c7b7;%0A  %7D%0A%0A%60%0A%0A
 const He
@@ -895,24 +895,57 @@
 %3E (%0A  %3Cdiv%3E%0A
+    %3CJamstackConfBannerStyled /%3E%0A
     %3CHero%0A  
@@ -1046,16 +1046,16 @@
 =%7Brepo%7D%0A
-
         
@@ -1053,24 +1053,25 @@
 %0A        /%3E%0A
+%0A
     %3CNav%3E%0A  

add JAMstack conf banner