import * as React from "react" ; import { Header , Icon , Grid } from "semantic-ui-react" ; import { withLayout } from "../components/Layout" ; const NotFoundPage = ( ) => < Grid centered verticalAlign = "middle" style = { { minHeight : "700px" , } } > < Grid . Column > < Grid . Row style = { { textAlign : "center" } } > < Icon name = "marker" size = "huge" / > < Header as = "h1" > You are here ! < /Header> < Header as = "h2" > But nothing found for you # 404 < /Header> < /Grid.Row> < /Grid.Column> < /Grid>; export default withLayout ( NotFoundPage ) ;