1import React from 'react';
 2
 3import { makeStyles } from '@material-ui/core/styles';
 4
 5const useStyles = makeStyles((theme) => ({
 6  main: {
 7    maxWidth: 1000,
 8    margin: 'auto',
 9    marginTop: theme.spacing(20),
10  },
11  logo: {
12    height: '350px',
13  },
14  container: {
15    display: 'flex',
16    alignItems: 'center',
17  },
18}));
19
20function NotFoundPage() {
21  const classes = useStyles();
22  return (
23    <main className={classes.main}>
24      <div className={classes.container}>
25        <h1>404 – Page not found</h1>
26        <img
27          src="/logo-alpha-flat-outline.svg"
28          className={classes.logo}
29          alt="git-bug"
30        />
31        <h1>Go back to start page</h1>
32      </div>
33    </main>
34  );
35}
36
37export default NotFoundPage;