Legal Pages

Create compliant Impressum (Legal Notice) and Datenschutz (Privacy Policy) pages.

Workflow

1. •User provides company details (name, address, contact, UID, etc.)
2. •Create page files at app/[locale]/impressum/ and app/[locale]/datenschutz/
3. •Add translations to messages/de.json and messages/en.json
4. •Simple text-based layout with Navbar2 and Footer16

Required Input

Ask user for:

• •Company name and legal form
• •Address (street, city, postal code, country)
• •Contact (phone, email)
• •UID/MwSt-Nummer (Switzerland) or USt-IdNr (Germany)
• •Responsible person name
• •Hosting provider name
• •Analytics tools used (if any)

Page Structure

// app/[locale]/impressum/page.tsx
"use client";

import { useTranslations } from "next-intl";
import { Navbar2 } from "@/components/navbar2";
import { Footer16 } from "@/components/footer16";

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

  return (
    <main>
      <Navbar2 />
      <section className="container py-24 max-w-3xl">
        <h1 className="mb-8">{t("title")}</h1>

        <h2>{t("companyInfo.title")}</h2>
        <p>{t("companyInfo.content")}</p>

        <h2>{t("contact.title")}</h2>
        <p>{t("contact.content")}</p>

        {/* More sections... */}
      </section>
      <Footer16 />
    </main>
  );
}

Templates

See references/impressum-template.md for required Impressum sections. See references/datenschutz-template.md for DSGVO/DSG privacy policy sections.

Legal Compliance

Swiss (DSG):

• •UID-Nummer required
• •DSG (Datenschutzgesetz) compliance

German/EU (DSGVO):

• •§ 5 TMG requirements
• •DSGVO Art. 13/14 information duties
• •User rights (Art. 15-22)

Styling

• •Use container max-w-3xl for readable text width
• •No inline typography classes on headings
• •Simple paragraph text, no complex components