pompy.dev/apps/blog/src/pages/NotFound.tsx

39 lines
840 B
TypeScript

import styled from "styled-components"
import { Helmet } from "react-helmet-async"
import MainContent from "../components/MainContent"
const StyledNotFound = styled(MainContent)`
text-align: center;
`
const Styled404 = styled.h1`
font-size: 5rem;
`
const NotFound = () => {
return (
<>
<Helmet>
<title>pomp | 404</title>
<meta property="og:title" content="Page Not Found" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://blog.developomp.com" />
<meta
property="og:image"
content="http://blog.developomp.com/icon/icon.svg"
/>
<meta property="og:description" content="Page does not exist" />
</Helmet>
<StyledNotFound>
<Styled404>404</Styled404>
<br />
Page was not found :(
</StyledNotFound>
</>
)
}
export default NotFound