"use client"

import { useTranslations } from "next-intl"

export default function ImpressumPage() {
  const t = useTranslations("marketing.impressum")

  return (
    <div className="container mx-auto px-4 py-16 max-w-3xl">
      <h1 className="text-3xl font-bold mb-8">{t("title")}</h1>

      <div className="prose prose-sm dark:prose-invert max-w-none space-y-8">
        {/* Angaben gemäß § 5 TMG */}
        <section>
          <h2 className="text-xl font-semibold mb-3">{t("section1Title")}</h2>
          <p className="text-muted-foreground whitespace-pre-line">
            {t("section1Content")}
          </p>
        </section>

        {/* Kontakt */}
        <section>
          <h2 className="text-xl font-semibold mb-3">{t("contactTitle")}</h2>
          <p className="text-muted-foreground whitespace-pre-line">
            {t("contactContent")}
          </p>
        </section>

        {/* Umsatzsteuer-ID */}
        <section>
          <h2 className="text-xl font-semibold mb-3">{t("vatTitle")}</h2>
          <p className="text-muted-foreground">{t("vatContent")}</p>
        </section>

        {/* Verantwortlich für den Inhalt */}
        <section>
          <h2 className="text-xl font-semibold mb-3">
            {t("responsibleTitle")}
          </h2>
          <p className="text-muted-foreground whitespace-pre-line">
            {t("responsibleContent")}
          </p>
        </section>

        {/* Streitschlichtung */}
        <section>
          <h2 className="text-xl font-semibold mb-3">{t("disputeTitle")}</h2>
          <p className="text-muted-foreground">{t("disputeContent")}</p>
        </section>
      </div>
    </div>
  )
}
