import { Section } from '@/components/Section/Section'
import { Container } from '@/components/Container/Container'
import { Title } from '@/components/Title/Title'

export default function Custom404() {

  return (
      <Section>
        <Container>
          <Title title={"Seite nicht gefunden"} />

          <p>
            Error <strong>404</strong>: Die von Ihnen angeforderte Seite existiert leider nicht.
          </p>

            <Title title={"Mögliche Gründe"} size={"sm"} fontStyle={"sans-serif"}/>

            <ul>
              <li>Die URL wurde falsch eingegeben.</li>
              <li>Die Seite wurde verschoben oder entfernt.</li>
              <li>Der Link ist veraltet.</li>
            </ul>

        </Container>
      </Section>
  )
}