import { useTranslation } from "react-i18next";

import HitView from "src/taehui/HitView";
import LatestEssaysView from "src/taehui/LatestEssaysView";
import LatestCommentsView from "src/taehui/LatestCommentsView";
import LatestAvatarsView from "src/taehui/LatestAvatarsView";
import WantInput from "src/want/WantInput";

const TaehuiIntroView = () => {
  const { t } = useTranslation();

  return (
    <>
      <WantInput />
      <hr />
      <h5>{t("taehuiIntro00")}</h5>
      <span>
        {t("taehuiIntro01")}
        <br />
        {t("taehuiIntro02")}
        <br />
        {t("taehuiIntro03")}
      </span>
      <hr />
      <HitView />
      <hr />
      <LatestEssaysView />
      <hr />
      <LatestCommentsView />
      <hr />
      <LatestAvatarsView />
    </>
  );
};

export default TaehuiIntroView;
