import React from "react";
import { useTranslation } from "react-i18next";

const Home: React.FC = () => {

  const { t } = useTranslation();

  return (
    <main className="prose dark:prose-invert mx-auto max-w-3xl px-4 py-12">
      <h1 className="text-2xl font-bold">{t("heading")}</h1>
      <p className="mt-2">{t("home_content_1")}</p>
      <p className="mt-2">{t("home_content_2")}</p>
      <p className="mt-2">{t("home_content_3")}</p>
      <p className="mt-2">{t("home_content_4")}</p>
      <p className="mt-2">{t("home_content_5")}</p>
      <p className="mt-2">{t("home_content_6")}</p>
      <p className="mt-2">{t("home_content_7")}</p>
    </main>
  );
};

export default Home;