first commit

app/datenschutz/page.tsx

@@ -0,0 +1,97 @@
+'use client'
+
+import { motion } from 'framer-motion'
+import Navigation from '@/components/Navigation'
+import Footer from '@/components/Footer'
+
+export default function Datenschutz() {
+  return (
+    <>
+      <Navigation />
+      <main>
+        <section className="page-hero">
+          <motion.div
+            initial={{ opacity: 0, y: 20 }}
+            animate={{ opacity: 1, y: 0 }}
+            transition={{ duration: 0.8 }}
+            className="container"
+          >
+            <h1>Datenschutzerklärung</h1>
+          </motion.div>
+        </section>
+
+        <section className="page-content">
+          <div className="container">
+            <motion.div
+              initial={{ opacity: 0, y: 30 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.6 }}
+              className="legal-content"
+            >
+              <h2>1. Datenschutz auf einen Blick</h2>
+              
+              <h3>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>Datenerfassung auf dieser Website</h3>
+              <p>
+                Wer ist verantwortlich für die Datenerfassung auf dieser Website?<br />
+                Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen 
+                Kontaktdaten können Sie dem Abschnitt &ldquo;Hinweis zur Verantwortlichen Stelle&rdquo; in dieser 
+                Datenschutzerklärung entnehmen.
+              </p>
+
+              <h2>2. Hosting</h2>
+              <p>
+                Diese Website wird bei einem externen Dienstleister gehostet (Hoster). Die 
+                personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den 
+                Servern des Hosters gespeichert.
+              </p>
+
+              <h2>3. Allgemeine Hinweise und Pflichtinformationen</h2>
+              
+              <h3>Datenschutz</h3>
+              <p>
+                Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. 
+                Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen 
+                Datenschutzbestimmungen sowie dieser Datenschutzerklärung.
+              </p>
+
+              <h3>Hinweis zur verantwortlichen Stelle</h3>
+              <p>
+                Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:<br />
+                doing-it.de<br />
+                [Adresse]<br />
+                [PLZ Ort]<br />
+                E-Mail: info@doing-it.de
+              </p>
+
+              <h2>4. Kontaktformular</h2>
+              <p>
+                Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem 
+                Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung 
+                der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben 
+                wir nicht ohne Ihre Einwilligung weiter.
+              </p>
+
+              <h2>5. Ihre Rechte</h2>
+              <p>
+                Sie haben jederzeit das Recht, Auskunft über Ihre bei uns gespeicherten personenbezogenen 
+                Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung zu erhalten. 
+                Außerdem haben Sie ein Recht, die Berichtigung, Sperrung oder Löschung dieser Daten zu 
+                verlangen.
+              </p>
+            </motion.div>
+          </div>
+        </section>
+      </main>
+      <Footer />
+    </>
+  )
+}
+