diff --git a/src/assets/barber-404.svg b/src/assets/barber-404.svg new file mode 100644 index 0000000..17229d5 --- /dev/null +++ b/src/assets/barber-404.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/NotFound/NotFound.module.scss b/src/pages/NotFound/NotFound.module.scss new file mode 100644 index 0000000..daca8e8 --- /dev/null +++ b/src/pages/NotFound/NotFound.module.scss @@ -0,0 +1,19 @@ +.home { + display: flex; + width: 100%; + height: 100vh; + align-items: center; + flex-direction: column; + justify-content: center; + background: var(--background); + + h1 { + color: var(--orange); + font-size: 48px; + } + + img { + width: 60%; + height: 60%; + } +} diff --git a/src/pages/NotFound/index.tsx b/src/pages/NotFound/index.tsx new file mode 100644 index 0000000..2cf4dbd --- /dev/null +++ b/src/pages/NotFound/index.tsx @@ -0,0 +1,25 @@ +import barberImg from 'assets/barber-404.svg'; + +import { Button } from 'components/Button'; + +import { useTheme } from 'contexts/Theme'; + +import styles from './NotFound.module.scss'; + +export function NotFound() { + const { theme } = useTheme(); + + return ( +
Ops, parece que você está procurando por algo que não existe.
+ +