Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 | 4x 4x | import React from "react";
import {useTranslation} from "react-i18next";
/**
* CookiePolicy component renders the cookie policy page content.
*
* It uses the i18next translation hook to display localized text sections about:
* - What cookies are
* - Types of cookies used
* - Consent information
* - How to manage cookies in different browsers
* - User rights related to cookies
*
* The component also includes external links for cookie management instructions and a contact email.
*
* @component
* @module pages/CookiePolicy
* @returns {JSX.Element} The rendered cookie policy page.
*/
export default function CookiePolicy() {
const {t} = useTranslation();
return (
<main className="max-w-4xl mx-auto p-8 bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-300 min-h-screen">
<h1 className="text-4xl font-bold mb-6">{t("cookie.title")}</h1>
<section className="mb-8">
<h2 className="text-2xl font-semibold mb-2">{t("cookie.what_title")}</h2>
<p>{t("cookie.what_text")}</p>
</section>
<section className="mb-8">
<h2 className="text-2xl font-semibold mb-2">{t("cookie.types_title")}</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
<strong>{t("cookie.technical_title")}:</strong> {t("cookie.technical_text")}
</li>
<li>
<strong>{t("cookie.analytics_title")}:</strong> {t("cookie.analytics_text")}
</li>
<li>
<strong>{t("cookie.profiling_title")}:</strong> {t("cookie.profiling_text")}
</li>
</ul>
</section>
<section className="mb-8">
<h2 className="text-2xl font-semibold mb-2">{t("cookie.consent_title")}</h2>
<p>{t("cookie.consent_text")}</p>
</section>
<section className="mb-8">
<h2 className="text-2xl font-semibold mb-2">{t("cookie.manage_title")}</h2>
<p>{t("cookie.manage_text")}</p>
<ul className="list-disc pl-6 space-y-1 mt-2">
<li><a className="underline"
href="https://support.google.com/chrome/answer/95647"
rel="noopener noreferrer"
target="_blank">Chrome</a></li>
<li><a className="underline"
href="https://support.mozilla.org/kb/enable-and-disable-cookies-website-preferences"
rel="noopener noreferrer"
target="_blank">Firefox</a></li>
<li><a className="underline"
href="https://support.apple.com/en-us/HT201265"
rel="noopener noreferrer"
target="_blank">Safari</a></li>
<li><a className="underline"
href="https://support.microsoft.com/help/17442"
rel="noopener noreferrer"
target="_blank">Edge</a></li>
</ul>
</section>
<section className="mb-8">
<h2 className="text-2xl font-semibold mb-2">{t("cookie.rights_title")}</h2>
<p>{t("cookie.rights_text")}</p>
<p className="mt-2">
{t("cookie.contact_text")}{" "}
<a href="mailto:masone.daniele@gmail.com" className="text-blue-600 dark:text-blue-400 underline">
masone.daniele@gmail.com
</a>
</p>
</section>
<footer
className="border-t border-gray-300 dark:border-gray-700 pt-4 text-sm text-gray-500 dark:text-gray-600 text-center">
{t("cookie.last_updated")}: {t("privacy.last_date_updated")}
</footer>
</main>
);
}
|