0e78cc4977
- Replace <a> tags with Next.js Link component for email links - Update translation tags from <a> to <emailLink> in both en and hr - Add no-underline class to prevent default prose underline - Add hover:underline to show underline only on hover - Apply consistent styling across both terms-of-service and privacy-policy pages 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
63 lines
2.1 KiB
TypeScript
63 lines
2.1 KiB
TypeScript
import { Main } from "@/app/ui/Main";
|
|
import { ClassNames } from "@emotion/react";
|
|
import { getTranslations } from "next-intl/server";
|
|
import Link from "next/link";
|
|
|
|
const PrivacyPolicyPage = async () => {
|
|
const t = await getTranslations("privacy-policy-page");
|
|
|
|
const richTextFormat = {
|
|
strong: (chunks: React.ReactNode) => <strong>{chunks}</strong>,
|
|
emailLink: (chunks: React.ReactNode) => <Link href={`mailto:${chunks}`} className="no-underline hover:underline">{chunks}</Link>
|
|
};
|
|
|
|
return (
|
|
<Main>
|
|
<article className="prose container mx-auto px-6">
|
|
<h1>{t("title")}</h1>
|
|
|
|
<h2>{t("section-1.heading")}</h2>
|
|
<p>{t("section-1.content")}</p>
|
|
|
|
<h2>{t("section-2.heading")}</h2>
|
|
<ol>
|
|
<li>{t.rich("section-2.item-1", richTextFormat)}</li>
|
|
<li>{t.rich("section-2.item-2", richTextFormat)}</li>
|
|
</ol>
|
|
|
|
<h2>{t("section-3.heading")}</h2>
|
|
<ol>
|
|
<li>{t.rich("section-3.item-1", richTextFormat)}</li>
|
|
<li>{t.rich("section-3.item-2", richTextFormat)}</li>
|
|
</ol>
|
|
|
|
<h2>{t("section-4.heading")}</h2>
|
|
<p>{t("section-4.content")}</p>
|
|
|
|
<h2>{t("section-5.heading")}</h2>
|
|
<p>{t("section-5.content")}</p>
|
|
|
|
<h2>{t("section-6.heading")}</h2>
|
|
<p>{t("section-6.content")}</p>
|
|
|
|
<h2>{t("section-7.heading")}</h2>
|
|
<p>{t("section-7.content")}</p>
|
|
|
|
<h2>{t("section-8.heading")}</h2>
|
|
<p>{t("section-8.content")}</p>
|
|
|
|
<h2>{t("section-9.heading")}</h2>
|
|
<p>{t("section-9.content")}</p>
|
|
|
|
<h2>{t("section-10.heading")}</h2>
|
|
<p>{t.rich("section-10.content", richTextFormat)}</p>
|
|
|
|
<h2>{t("section-11.heading")}</h2>
|
|
<p>{t("section-11.content")}</p>
|
|
</article>
|
|
</Main>
|
|
);
|
|
};
|
|
|
|
export default PrivacyPolicyPage;
|