import { useTranslation } from "react-i18next";

export default function Privacy() {

    const { t } = useTranslation("page:privacy");

    return (
        <main className="prose dark:prose-invert mx-auto max-w-3xl px-4 py-12">
            <h1 className="text-2xl font-bold">{t("privacy_heading")}</h1>
            <p>
                <p className="mt-2">{t("privacy_content_1")}</p>
                <p>{t("privacy_content_2")}</p>
                <p>{t("privacy_content_3")}</p>
                <p className="mt-2">{t("privacy_content_4")}</p>
                <p className="mt-2">{t("privacy_content_5")}</p>
                <p className="mt-2">{t("privacy_content_6")}</p>
                <p className="mt-2">{t("privacy_content_7")} <a href={`mailto:${t("privacy_email")}`}>{t("privacy_email")}</a>.</p>
                <p className="mt-2">{t("privacy_content_8")}</p>
            </p>
        </main>
    );
}