From 2403dd72e9736456975ef62acc0dd1b028334be0 Mon Sep 17 00:00:00 2001
From: Thatsaphorn Atchariyaphap <thatsaphorn@outlook.de>
Date: Mon, 23 Jun 2025 12:50:57 +0900
Subject: [PATCH] Refactor "Impressum" and "Datenschutz" pages: add
 `SubpageHero`, revise structure, improve content formatting.

---
 lawfirm-demos/demo-1/app/datenschutz/page.tsx | 133 ++++++++++++------
 lawfirm-demos/demo-1/app/impressum/page.tsx   |  90 ++++++------
 2 files changed, 140 insertions(+), 83 deletions(-)

diff --git a/lawfirm-demos/demo-1/app/datenschutz/page.tsx b/lawfirm-demos/demo-1/app/datenschutz/page.tsx
index dc446c6..7e5bd39 100644
--- a/lawfirm-demos/demo-1/app/datenschutz/page.tsx
+++ b/lawfirm-demos/demo-1/app/datenschutz/page.tsx
@@ -1,50 +1,99 @@
-import React from 'react';
+'use client';
+
+import SubpageHero from '@/components/SubpageHero';
 
 export default function DatenschutzPage() {
     return (
-        <div className="container mx-auto px-4 py-8 max-w-4xl">
-            <h1 className="text-3xl font-bold mb-6">Datenschutzerklärung</h1>
+        <>
+            <SubpageHero title="Datenschutzerklärung" />
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">1. Datenschutz auf einen Blick</h2>
-                <p className="mb-4">
-                    Wir nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Diese Datenschutzerklärung informiert Sie
-                    über Art, Umfang und Zweck der Verarbeitung personenbezogener Daten auf unserer Webseite.
-                </p>
-            </section>
+            <main className="bg-white py-20 px-6 md:px-16 lg:px-36 text-gray-900">
+                <section className="max-w-6xl w-full mx-auto space-y-10 text-lg text-gray-700">
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">2. Verantwortliche Stelle</h2>
-                <p className="mb-4">
-                    Verantwortlich für die Datenverarbeitung auf dieser Website ist:<br/>
-                    [Name der Kanzlei]<br/>
-                    [Straße Nr.]<br/>
-                    [PLZ Ort]<br/>
-                    Telefon: [Telefonnummer]<br/>
-                    E-Mail: [E-Mail-Adresse]
-                </p>
-            </section>
+                    {/* 1. Verantwortliche Stelle */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">
+                            1. Verantwortliche Stelle & Datenschutzbeauftragter
+                        </h2>
+                        <p><strong>Verantwortlich für die Datenverarbeitung:</strong></p>
+                        <p>Kanzlei Mustermann & Künstler Partnerschaft mbB</p>
+                        <p>Musterstraße 123<br />12345 Musterstadt, Deutschland</p>
+                        <p>E-Mail: info@kanzlei-mustermann.de<br />Telefon: +49 123 4567890</p>
+                        <p><strong>Datenschutzbeauftragter:</strong>
+                            zu Hd. Frau Eva Müller<br />
+                            E-Mail: datenschutz@kanzlei-mustermann.de
+                        </p>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">3. Ihre Rechte</h2>
-                <p className="mb-4">
-                    Sie haben jederzeit das Recht:<br/>
-                    • Auskunft über Ihre gespeicherten Daten zu erhalten<br/>
-                    • Diese berichtigen zu lassen<br/>
-                    • Die Löschung zu verlangen<br/>
-                    • Die Verarbeitung einschränken zu lassen<br/>
-                    • Der Verarbeitung zu widersprechen<br/>
-                    • Die Datenübertragbarkeit zu verlangen
-                </p>
-            </section>
+                    {/* 2. Erhebung und Speicherung */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">2. Erhebung & Speicherung personenbezogener Daten</h2>
+                        <p>
+                            Beim Besuch unserer Website werden automatisch technische Daten (IP-Adresse, Datum, angeforderte Seiten etc.) erfasst.
+                            Diese Daten dienen ausschließlich der Gewährleistung des Betriebs, der technischen Sicherheit und der Optimierung unseres Angebots (Rechtsgrundlage: Art. 6 Abs. 1 S. 1 lit. f DSGVO).
+                        </p>
+                        <p>
+                            Bei Nutzung unseres Kontaktformulars erheben wir nur die Informationen, die Sie selbst eingeben. Diese Daten werden nach Bearbeitung Ihrer Anfrage gelöscht (Rechtsgrundlage: Art. 6 Abs. 1 S. 1 lit. a DSGVO).
+                        </p>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">4. Kontakt</h2>
-                <p className="mb-4">
-                    Bei Fragen zur Verarbeitung Ihrer personenbezogenen Daten können Sie sich jederzeit an uns wenden.
-                    Unsere Kontaktdaten finden Sie im Impressum.
-                </p>
-            </section>
-        </div>
+                    {/* 3. Weitergabe von Daten */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">3. Weitergabe von Daten an Dritte</h2>
+                        <p>
+                            Eine Weitergabe Ihrer personenbezogenen Daten erfolgt nur, wenn:
+                        </p>
+                        <ul className="list-disc pl-5 space-y-1">
+                            <li>Sie ausdrücklich eingewilligt haben (Art. 6 Abs. 1 S. 1 lit. a DSGVO),</li>
+                            <li>die Weitergabe zur Wahrung berechtigter Interessen erforderlich ist (Art. 6 Abs. 1 S. 1 lit. f DSGVO), oder</li>
+                            <li>eine gesetzliche Verpflichtung besteht.</li>
+                        </ul>
+                    </div>
+
+                    {/* 4. Links zu Drittseiten */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">4. Links zu externen Websites</h2>
+                        <p>
+                            Unsere Website enthält Links zu externen Seiten. Wir sind nicht verantwortlich für deren Datenschutzpraktiken – bitte achten Sie beim Besuch auf deren Datenschutzhinweise.
+                        </p>
+                    </div>
+
+                    {/* 5. Ihre Rechte */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">5. Ihre Rechte laut DSGVO</h2>
+                        <ul className="list-disc pl-5 space-y-1">
+                            <li>Auskunft über Ihre gespeicherten Daten (Art. 15 DSGVO)</li>
+                            <li>Berichtigung unrichtiger Daten (Art. 16 DSGVO)</li>
+                            <li>Löschung (“Recht auf Vergessenwerden”, Art. 17 DSGVO)</li>
+                            <li>Einschränkung der Verarbeitung (Art. 18 DSGVO)</li>
+                            <li>Widerspruch gegen Verarbeitung (Art. 21 DSGVO)</li>
+                            <li>Datenübertragbarkeit (Art. 20 DSGVO)</li>
+                            <li>Widerruf Ihrer erteilten Einwilligung (Art. 7 Abs. 3 DSGVO)</li>
+                            <li>Beschwerde bei der Aufsichtsbehörde (Art. 77 DSGVO)</li>
+                        </ul>
+                        <p>
+                            Um Ihre Rechte auszuüben, senden Sie uns bitte eine Nachricht an info@kanzlei-mustermann.de.
+                        </p>
+                    </div>
+
+                    {/* 6. Datensicherheit */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">6. Datensicherheit</h2>
+                        <p>
+                            Wir setzen beim Abruf unserer Website SSL-/HTTPS-Verschlüsselung ein. Technische und organisatorische Maßnahmen schützen Ihre Daten vor Verlust, unbefugtem Zugriff und Missbrauch.
+                        </p>
+                    </div>
+
+                    {/* 7. Aktualität & Änderungen */}
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">7. Aktualität & Änderungen</h2>
+                        <p>
+                            Diese Datenschutzerklärung ist aktuell zum Stand Juni 2025 und kann bei gesetzlichen Aktualisierungen angepasst werden. Die jeweils aktuelle Version finden Sie jederzeit online.
+                        </p>
+                    </div>
+
+                </section>
+            </main>
+        </>
     );
-}
\ No newline at end of file
+}
diff --git a/lawfirm-demos/demo-1/app/impressum/page.tsx b/lawfirm-demos/demo-1/app/impressum/page.tsx
index f50426d..00bfe76 100644
--- a/lawfirm-demos/demo-1/app/impressum/page.tsx
+++ b/lawfirm-demos/demo-1/app/impressum/page.tsx
@@ -1,50 +1,58 @@
+'use client';
+
+import SubpageHero from '@/components/SubpageHero';
+
 export default function ImpressumPage() {
     return (
-        <div className="container mx-auto px-4 py-8">
-            <h1 className="text-3xl font-bold mb-6">Impressum</h1>
+        <>
+            <SubpageHero title="Impressum" />
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">Angaben gemäß § 5 TMG</h2>
-                <p>Rechtsanwaltskanzlei Mustermann</p>
-                <p>Musterstraße 123</p>
-                <p>12345 Musterstadt</p>
-            </section>
+            <main className="bg-white py-20 px-6 md:px-16 lg:px-36 text-gray-900">
+                <section className="max-w-6xl w-full mx-auto space-y-10 text-lg text-gray-700">
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">Angaben gemäß § 5 TMG</h2>
+                        <p>Kanzlei Mustermann & Künstler Partnerschaft mbB</p>
+                        <p>Musterstraße 123</p>
+                        <p>12345 Musterstadt</p>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">Vertreten durch</h2>
-                <p>RA Dr. Max Mustermann</p>
-            </section>
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">Vertreten durch</h2>
+                        <p>RA Dr. Max Mustermann</p>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">Kontakt</h2>
-                <p>Telefon: +49 (0) 123 456789</p>
-                <p>Telefax: +49 (0) 123 456788</p>
-                <p>E-Mail: info@kanzlei-mustermann.de</p>
-            </section>
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">Kontakt</h2>
+                        <p>Telefon: +49 (0) 123 456789</p>
+                        <p>Telefax: +49 (0) 123 456788</p>
+                        <p>E-Mail: info@kanzlei-mustermann.de</p>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">Berufsbezeichnung und berufsrechtliche Regelungen</h2>
-                <p>Berufsbezeichnung: Rechtsanwalt (verliehen in Deutschland)</p>
-                <p>Zuständige Rechtsanwaltskammer:</p>
-                <p>Rechtsanwaltskammer Musterstadt</p>
-                <p>Musterallee 1</p>
-                <p>12345 Musterstadt</p>
-            </section>
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">Berufsbezeichnung und berufsrechtliche Regelungen</h2>
+                        <p>Berufsbezeichnung: Rechtsanwalt (verliehen in Deutschland)</p>
+                        <p>Zuständige Rechtsanwaltskammer:</p>
+                        <p>Rechtsanwaltskammer Musterstadt</p>
+                        <p>Musterallee 1</p>
+                        <p>12345 Musterstadt</p>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">Berufsrechtliche Regelungen</h2>
-                <ul className="list-disc pl-5">
-                    <li>Bundesrechtsanwaltsordnung (BRAO)</li>
-                    <li>Berufsordnung für Rechtsanwälte (BORA)</li>
-                    <li>Rechtsanwaltsvergütungsgesetz (RVG)</li>
-                </ul>
-            </section>
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">Berufsrechtliche Regelungen</h2>
+                        <ul className="list-disc pl-5">
+                            <li>Bundesrechtsanwaltsordnung (BRAO)</li>
+                            <li>Berufsordnung für Rechtsanwälte (BORA)</li>
+                            <li>Rechtsanwaltsvergütungsgesetz (RVG)</li>
+                        </ul>
+                    </div>
 
-            <section className="mb-8">
-                <h2 className="text-xl font-semibold mb-4">Umsatzsteuer-ID</h2>
-                <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz:</p>
-                <p>DE 123 456 789</p>
-            </section>
-        </div>
+                    <div>
+                        <h2 className="text-xl font-semibold mb-2">Umsatzsteuer-ID</h2>
+                        <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz:</p>
+                        <p>DE 123 456 789</p>
+                    </div>
+                </section>
+            </main>
+        </>
     );
-}
\ No newline at end of file
+}