Refactor "Impressum" and "Datenschutz" pages: add SubpageHero, revise structure, improve content formatting.

This commit is contained in:
2025-06-23 12:50:57 +09:00
parent 5406e5c25f
commit 2403dd72e9
2 changed files with 140 additions and 83 deletions

View File

@@ -1,50 +1,99 @@
import React from 'react'; 'use client';
import SubpageHero from '@/components/SubpageHero';
export default function DatenschutzPage() { export default function DatenschutzPage() {
return ( 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"> <main className="bg-white py-20 px-6 md:px-16 lg:px-36 text-gray-900">
<h2 className="text-xl font-semibold mb-4">1. Datenschutz auf einen Blick</h2> <section className="max-w-6xl w-full mx-auto space-y-10 text-lg text-gray-700">
<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>
<section className="mb-8"> {/* 1. Verantwortliche Stelle */}
<h2 className="text-xl font-semibold mb-4">2. Verantwortliche Stelle</h2> <div>
<p className="mb-4"> <h2 className="text-xl font-semibold mb-2">
Verantwortlich für die Datenverarbeitung auf dieser Website ist:<br/> 1. Verantwortliche Stelle & Datenschutzbeauftragter
[Name der Kanzlei]<br/> </h2>
[Straße Nr.]<br/> <p><strong>Verantwortlich für die Datenverarbeitung:</strong></p>
[PLZ Ort]<br/> <p>Kanzlei Mustermann & Künstler Partnerschaft mbB</p>
Telefon: [Telefonnummer]<br/> <p>Musterstraße 123<br />12345 Musterstadt, Deutschland</p>
E-Mail: [E-Mail-Adresse] <p>E-Mail: info@kanzlei-mustermann.de<br />Telefon: +49 123 4567890</p>
</p> <p><strong>Datenschutzbeauftragter:</strong>
</section> zu Hd. Frau Eva Müller<br />
E-Mail: datenschutz@kanzlei-mustermann.de
</p>
</div>
<section className="mb-8"> {/* 2. Erhebung und Speicherung */}
<h2 className="text-xl font-semibold mb-4">3. Ihre Rechte</h2> <div>
<p className="mb-4"> <h2 className="text-xl font-semibold mb-2">2. Erhebung & Speicherung personenbezogener Daten</h2>
Sie haben jederzeit das Recht:<br/> <p>
Auskunft über Ihre gespeicherten Daten zu erhalten<br/> Beim Besuch unserer Website werden automatisch technische Daten (IP-Adresse, Datum, angeforderte Seiten etc.) erfasst.
Diese berichtigen zu lassen<br/> 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).
Die Löschung zu verlangen<br/> </p>
Die Verarbeitung einschränken zu lassen<br/> <p>
Der Verarbeitung zu widersprechen<br/> 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).
Die Datenübertragbarkeit zu verlangen </p>
</p> </div>
</section>
<section className="mb-8"> {/* 3. Weitergabe von Daten */}
<h2 className="text-xl font-semibold mb-4">4. Kontakt</h2> <div>
<p className="mb-4"> <h2 className="text-xl font-semibold mb-2">3. Weitergabe von Daten an Dritte</h2>
Bei Fragen zur Verarbeitung Ihrer personenbezogenen Daten können Sie sich jederzeit an uns wenden. <p>
Unsere Kontaktdaten finden Sie im Impressum. Eine Weitergabe Ihrer personenbezogenen Daten erfolgt nur, wenn:
</p> </p>
</section> <ul className="list-disc pl-5 space-y-1">
</div> <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>
</>
); );
} }

View File

@@ -1,50 +1,58 @@
'use client';
import SubpageHero from '@/components/SubpageHero';
export default function ImpressumPage() { export default function ImpressumPage() {
return ( 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"> <main className="bg-white py-20 px-6 md:px-16 lg:px-36 text-gray-900">
<h2 className="text-xl font-semibold mb-4">Angaben gemäß § 5 TMG</h2> <section className="max-w-6xl w-full mx-auto space-y-10 text-lg text-gray-700">
<p>Rechtsanwaltskanzlei Mustermann</p> <div>
<p>Musterstraße 123</p> <h2 className="text-xl font-semibold mb-2">Angaben gemäß § 5 TMG</h2>
<p>12345 Musterstadt</p> <p>Kanzlei Mustermann & Künstler Partnerschaft mbB</p>
</section> <p>Musterstraße 123</p>
<p>12345 Musterstadt</p>
</div>
<section className="mb-8"> <div>
<h2 className="text-xl font-semibold mb-4">Vertreten durch</h2> <h2 className="text-xl font-semibold mb-2">Vertreten durch</h2>
<p>RA Dr. Max Mustermann</p> <p>RA Dr. Max Mustermann</p>
</section> </div>
<section className="mb-8"> <div>
<h2 className="text-xl font-semibold mb-4">Kontakt</h2> <h2 className="text-xl font-semibold mb-2">Kontakt</h2>
<p>Telefon: +49 (0) 123 456789</p> <p>Telefon: +49 (0) 123 456789</p>
<p>Telefax: +49 (0) 123 456788</p> <p>Telefax: +49 (0) 123 456788</p>
<p>E-Mail: info@kanzlei-mustermann.de</p> <p>E-Mail: info@kanzlei-mustermann.de</p>
</section> </div>
<section className="mb-8"> <div>
<h2 className="text-xl font-semibold mb-4">Berufsbezeichnung und berufsrechtliche Regelungen</h2> <h2 className="text-xl font-semibold mb-2">Berufsbezeichnung und berufsrechtliche Regelungen</h2>
<p>Berufsbezeichnung: Rechtsanwalt (verliehen in Deutschland)</p> <p>Berufsbezeichnung: Rechtsanwalt (verliehen in Deutschland)</p>
<p>Zuständige Rechtsanwaltskammer:</p> <p>Zuständige Rechtsanwaltskammer:</p>
<p>Rechtsanwaltskammer Musterstadt</p> <p>Rechtsanwaltskammer Musterstadt</p>
<p>Musterallee 1</p> <p>Musterallee 1</p>
<p>12345 Musterstadt</p> <p>12345 Musterstadt</p>
</section> </div>
<section className="mb-8"> <div>
<h2 className="text-xl font-semibold mb-4">Berufsrechtliche Regelungen</h2> <h2 className="text-xl font-semibold mb-2">Berufsrechtliche Regelungen</h2>
<ul className="list-disc pl-5"> <ul className="list-disc pl-5">
<li>Bundesrechtsanwaltsordnung (BRAO)</li> <li>Bundesrechtsanwaltsordnung (BRAO)</li>
<li>Berufsordnung für Rechtsanwälte (BORA)</li> <li>Berufsordnung für Rechtsanwälte (BORA)</li>
<li>Rechtsanwaltsvergütungsgesetz (RVG)</li> <li>Rechtsanwaltsvergütungsgesetz (RVG)</li>
</ul> </ul>
</section> </div>
<section className="mb-8"> <div>
<h2 className="text-xl font-semibold mb-4">Umsatzsteuer-ID</h2> <h2 className="text-xl font-semibold mb-2">Umsatzsteuer-ID</h2>
<p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz:</p> <p>Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz:</p>
<p>DE 123 456 789</p> <p>DE 123 456 789</p>
</section> </div>
</div> </section>
</main>
</>
); );
} }