import type {ReactNode} from 'react';
import Link from '@docusaurus/Link';
import Layout from '@theme/Layout';

import styles from './index.module.css';

export default function NotFound(): ReactNode {
  return (
    <Layout title="404 — Não encontrado" description="Página não encontrada.">
      <main className={styles.page}>
        <header className={styles.header}>
          <span className={styles.wordmark}>GAZPERI</span>
          <h1>404</h1>
          <span className={styles.tag}>Página não encontrada</span>
        </header>
        <section className={styles.section}>
          <p>O endereço que você acessou não existe ou foi movido.</p>
          <p>
            <Link to="/">Voltar para a página inicial</Link> ou ir direto para a{' '}
            <Link to="/educacao">Educação</Link>.
          </p>
        </section>
      </main>
    </Layout>
  );
}