/* eslint-disable formatjs/no-literal-string-in-jsx */

import { getLang } from "@/i18n/serverContext"

import { texts } from "./Texts"

import styles from "./notFound.module.css"

export default async function NotFound() {
  const lang = await getLang()
  const infoTexts = texts[lang]

  return (
    <div className={styles.container}>
      <div className={styles.content}>
        <h1 className={styles.header}>{infoTexts.title}</h1>
        <div className={styles.pitch}>
          <p className={styles.text}>
            {infoTexts.goToStartPage.question}
            <a
              className={styles.link}
              title={infoTexts.goToStartPage.linkText}
              href={infoTexts.goToStartPage.link}
            >
              {infoTexts.goToStartPage.linkText}
            </a>
            ?
          </p>
          <p className={styles.text}>
            {infoTexts.goToDestinations.question}
            <a
              className={styles.link}
              title={infoTexts.goToDestinations.linkText}
              href={infoTexts.goToDestinations.link}
            >
              {infoTexts.goToDestinations.linkText}
            </a>
            {infoTexts.goToOffers.question}
            <a
              className={styles.link}
              title={infoTexts.goToOffers.linkText}
              href={infoTexts.goToOffers.link}
            >
              {infoTexts.goToOffers.linkText}
            </a>
            .
          </p>
        </div>
      </div>
    </div>
  )
}