"use client"

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

export default function TermsPage() {
    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("terms.title")}</h1>
                <div className="prose max-w-none">
                    <p className="text-sm text-gray-500">{t("terms.updated")}</p>
                    <p>{t("terms.intro")}</p>

                    <h2>{t("terms.sections.acceptance.title")}</h2>
                    <p>{t("terms.sections.acceptance.body")}</p>

                    <h2>{t("terms.sections.eligibility.title")}</h2>
                    <p>{t("terms.sections.eligibility.body")}</p>

                    <h2>{t("terms.sections.account.title")}</h2>
                    <p>{t("terms.sections.account.body")}</p>

                    <h2>{t("terms.sections.responsibilities.title")}</h2>
                    <ul>
                        <li>{t("terms.sections.responsibilities.items.accuracy")}</li>
                        <li>{t("terms.sections.responsibilities.items.security")}</li>
                        <li>{t("terms.sections.responsibilities.items.conduct")}</li>
                    </ul>

                    <h2>{t("terms.sections.postings.title")}</h2>
                    <p>{t("terms.sections.postings.body")}</p>

                    <h2>{t("terms.sections.prohibited.title")}</h2>
                    <ul>
                        <li>{t("terms.sections.prohibited.items.illegal")}</li>
                        <li>{t("terms.sections.prohibited.items.discrimination")}</li>
                        <li>{t("terms.sections.prohibited.items.scraping")}</li>
                        <li>{t("terms.sections.prohibited.items.misuse")}</li>
                    </ul>

                    <h2>{t("terms.sections.ip.title")}</h2>
                    <p>{t("terms.sections.ip.body")}</p>

                    <h2>{t("terms.sections.content.title")}</h2>
                    <p>{t("terms.sections.content.body")}</p>

                    <h2>{t("terms.sections.thirdParty.title")}</h2>
                    <p>{t("terms.sections.thirdParty.body")}</p>

                    <h2>{t("terms.sections.termination.title")}</h2>
                    <p>{t("terms.sections.termination.body")}</p>

                    <h2>{t("terms.sections.disclaimers.title")}</h2>
                    <p>{t("terms.sections.disclaimers.body")}</p>

                    <h2>{t("terms.sections.liability.title")}</h2>
                    <p>{t("terms.sections.liability.body")}</p>

                    <h2>{t("terms.sections.indemnification.title")}</h2>
                    <p>{t("terms.sections.indemnification.body")}</p>

                    <h2>{t("terms.sections.compliance.title")}</h2>
                    <p>{t("terms.sections.compliance.body")}</p>

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