pixies

1import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
2import {faQuestion} from "@fortawesome/free-solid-svg-icons";
3import {useTranslation} from "react-i18next";
4import "./styles.sass";
5
6export const NotFound = () => {
7    const {t} = useTranslation();
8
9    return (
10        <div className="not-found-page">
11            <div className="not-found-content">
12                <div className="not-found-icon">
13                    <FontAwesomeIcon icon={faQuestion} size="4x"/>
14                </div>
15                <h1 className="not-found-title">404</h1>
16                <h2 className="not-found-subtitle">{t("not_found.title")}</h2>
17                <p className="not-found-description">{t("not_found.description")}</p>
18            </div>
19        </div>
20    );
21};
22