"use client"

import { Navbar } from "@/components/navbar"
import { Footer } from "@/components/footer"
import { useTranslation } from "@/lib/i18n"

export default function PrivacyPage() {
    const { t } = useTranslation()

    return (
        <main className="min-h-screen flex flex-col">
            <Navbar />
            <div className="container mx-auto px-4 py-12 flex-1">
                <h1 className="text-3xl font-bold mb-6">{t("privacy.title")}</h1>
                <div className="prose max-w-none">
                    <p className="text-sm text-gray-500">{t("privacy.updated")}</p>
                    <p>{t("privacy.intro")}</p>
                    <p>{t("privacy.scope")}</p>

                    <h2>{t("privacy.sections.controller.title")}</h2>
                    <p>{t("privacy.sections.controller.body")}</p>

                    <h2>{t("privacy.sections.data.title")}</h2>
                    <p>{t("privacy.sections.data.intro")}</p>
                    <ul>
                        <li>{t("privacy.sections.data.items.account")}</li>
                        <li>{t("privacy.sections.data.items.profile")}</li>
                        <li>{t("privacy.sections.data.items.applications")}</li>
                        <li>{t("privacy.sections.data.items.communications")}</li>
                        <li>{t("privacy.sections.data.items.usage")}</li>
                        <li>{t("privacy.sections.data.items.sensitive")}</li>
                    </ul>

                    <h2>{t("privacy.sections.use.title")}</h2>
                    <ul>
                        <li>{t("privacy.sections.use.items.service")}</li>
                        <li>{t("privacy.sections.use.items.matching")}</li>
                        <li>{t("privacy.sections.use.items.communications")}</li>
                        <li>{t("privacy.sections.use.items.security")}</li>
                        <li>{t("privacy.sections.use.items.legal")}</li>
                    </ul>

                    <h2>{t("privacy.sections.legal.title")}</h2>
                    <ul>
                        <li>{t("privacy.sections.legal.items.contract")}</li>
                        <li>{t("privacy.sections.legal.items.consent")}</li>
                        <li>{t("privacy.sections.legal.items.legitimate")}</li>
                        <li>{t("privacy.sections.legal.items.obligation")}</li>
                    </ul>

                    <h2>{t("privacy.sections.sharing.title")}</h2>
                    <p>{t("privacy.sections.sharing.intro")}</p>
                    <ul>
                        <li>{t("privacy.sections.sharing.items.employers")}</li>
                        <li>{t("privacy.sections.sharing.items.providers")}</li>
                        <li>{t("privacy.sections.sharing.items.legal")}</li>
                        <li>{t("privacy.sections.sharing.items.business")}</li>
                    </ul>

                    <h2>{t("privacy.sections.transfers.title")}</h2>
                    <p>{t("privacy.sections.transfers.body")}</p>

                    <h2>{t("privacy.sections.retention.title")}</h2>
                    <p>{t("privacy.sections.retention.body")}</p>

                    <h2>{t("privacy.sections.rights.title")}</h2>
                    <p>{t("privacy.sections.rights.intro")}</p>
                    <ul>
                        <li>{t("privacy.sections.rights.items.access")}</li>
                        <li>{t("privacy.sections.rights.items.correction")}</li>
                        <li>{t("privacy.sections.rights.items.deletion")}</li>
                        <li>{t("privacy.sections.rights.items.portability")}</li>
                        <li>{t("privacy.sections.rights.items.objection")}</li>
                        <li>{t("privacy.sections.rights.items.withdraw")}</li>
                        <li>{t("privacy.sections.rights.items.complaint")}</li>
                    </ul>

                    <h2>{t("privacy.sections.cookies.title")}</h2>
                    <p>{t("privacy.sections.cookies.body")}</p>

                    <h2>{t("privacy.sections.children.title")}</h2>
                    <p>{t("privacy.sections.children.body")}</p>

                    <h2>{t("privacy.sections.contact.title")}</h2>
                    <p>{t("privacy.sections.contact.body")}</p>
                </div>
            </div>
            <Footer />
        </main>
    )
}
