import Button from '@/components/formElements/Button'
import { texts } from '@/texts'

const NotFound = () => {
  return (
    <section className="bg-white dark:bg-secondary-10">
      <div className="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
        <div className="mx-auto max-w-screen-sm text-center">
          <h1 className="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary">404</h1>
          <p className="mb-4 text-3xl tracking-normal font-bold text-text-dark md:text-4xl">{texts.common.notFoundTitle}</p>
          <p className="mb-4 text-lg font-light text-text-light-25">{texts.common.pageNotFound}</p>
          <Button to="/">{texts.common.home}</Button>
        </div>
      </div>
    </section>
  )
}

export default NotFound