feat: Implement core page structure with Header and Footer, add multiple content pages, and refine UI components and global styling.

2026-02-03 21:56:55 +01:00
parent 1cc779e89c
commit 0c2e9a81a6
17 changed files with 1184 additions and 58 deletions
@@ -0,0 +1,56 @@
+
+import { Container } from "@/components/layout/Container";
+import { Section } from "@/components/layout/Section";
+
+export const metadata = {
+    title: "Datenschutzerklärung | TeleNetSystems",
+};
+
+export default function DatenschutzPage() {
+    return (
+        <main>
+            <Section>
+                <Container className="max-w-3xl">
+                    <h1 className="mb-[var(--spacing-lg)]">Datenschutzerklärung</h1>
+
+                    <div className="prose">
+                        <h2 className="heading-4 mt-[var(--spacing-md)] mb-[var(--spacing-sm)]">1. Datenschutz auf einen Blick</h2>
+                        <h3 className="heading-5 mt-[var(--spacing-sm)] mb-[var(--spacing-xs)]">Allgemeine Hinweise</h3>
+                        <p>
+                            Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert,
+                            wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.
+                        </p>
+
+                        <h3 className="heading-5 mt-[var(--spacing-sm)] mb-[var(--spacing-xs)]">Datenerfassung auf dieser Website</h3>
+                        <p><strong>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</strong></p>
+                        <p>
+                            Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem
+                            Impressum dieser Website entnehmen.
+                        </p>
+
+                        <h2 className="heading-4 mt-[var(--spacing-md)] mb-[var(--spacing-sm)]">2. Allgemeine Hinweise und Pflichtinformationen</h2>
+                        <h3 className="heading-5 mt-[var(--spacing-sm)] mb-[var(--spacing-xs)]">Datenschutz</h3>
+                        <p>
+                            Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten
+                            vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
+                        </p>
+
+                        <h3 className="heading-5 mt-[var(--spacing-sm)] mb-[var(--spacing-xs)]">Hinweis zur verantwortlichen Stelle</h3>
+                        <p>
+                            Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
+                        </p>
+                        <p className="mt-[var(--spacing-xs)]">
+                            PLACEHOLDER: technical.legal.datenschutz.companyName<br />
+                            PLACEHOLDER: technical.legal.datenschutz.street<br />
+                            PLACEHOLDER: technical.legal.datenschutz.postalCode PLACEHOLDER: technical.legal.datenschutz.city
+                        </p>
+                        <p className="mt-[var(--spacing-xs)]">
+                            Telefon: PLACEHOLDER: technical.legal.datenschutz.phone<br />
+                            E-Mail: PLACEHOLDER: technical.legal.datenschutz.email
+                        </p>
+                    </div>
+                </Container>
+            </Section>
+        </main>
+    );
+}