chore: refactor privacy to legal

2 files changed, 33 insertions, 41 deletions

diff --git a/app/legal/page.tsx b/app/legal/page.tsx
new file mode 100644
index 0000000..829f505
--- /dev/null
+++ b/app/legal/page.tsx
@@ -0,0 +1,33 @@
+import Link from "next/link";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Privacy Policy | Leander Scherer",
+	description: "Privacy policy for schererleander.de",
+};
+
+export default function PrivacyPage() {
+	return (
+		<div className="py-12 space-y-10">
+			<section className="space-y-4">
+				<h1 className="text-2xl font-bold">Privacy Policy</h1>
+				<p className="text-muted-foreground leading-relaxed">
+					This website does not use cookies and does not collect personal data. The source code is available on <Link href="https://github.com/schererleander/site" target="_blank" rel="noopener noreferrer" className="underline underline-offset-4 hover:text-foreground">GitHub</Link>.
+				</p>
+			</section>
+
+		<section className="space-y-3">
+			<h2 className="text-xl font-semibold">Hosting</h2>
+			<p className="text-muted-foreground leading-relaxed">
+				I use <Link href="https://www.ionos.de" target="_blank" rel="noopener noreferrer" className="underline underline-offset-4 hover:text-foreground">Ionos</Link> to host this website. To ensure security and operational stability, I log the following visitor data:
+			</p>
+
+				<ul className="list-disc list-inside text-muted-foreground leading-relaxed space-y-1">
+					<li>IP address</li>
+					<li>Date and time of access</li>
+					<li>Browser information and operating system</li>
+				</ul>
+			</section>
+		</div>
+	);
+}
diff --git a/app/privacy/page.tsx b/app/privacy/page.tsx
deleted file mode 100644
index 8b81d74..0000000
--- a/app/privacy/page.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import Link from "next/link";
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-	title: "Privacy Policy | Leander Scherer",
-	description: "Privacy policy for schererleander.de",
-};
-
-export default function PrivacyPage() {
-	return (
-		<div className="max-w-2xl mx-auto py-12 space-y-8">
-			<div>
-				<h1 className="text-3xl font-bold mb-4">Privacy Policy</h1>
-				<p className="text-muted-foreground leading-relaxed">
-					This site respects your privacy. It does not use cookies and does not collect any personal data. The source code is available on <Link href="https://github.com/schererleander/site" target="_blank" rel="noopener noreferrer" className="underline underline-offset-4 hover:text-foreground">GitHub</Link>.
-				</p>
-			</div>
-
-			<div>
-				<h2 className="text-xl font-semibold mb-2">Analytics</h2>
-				<p className="text-muted-foreground leading-relaxed">
-					I use <Link href="https://plausible.io" target="_blank" rel="noopener noreferrer" className="underline underline-offset-4 hover:text-foreground">Plausible Analytics</Link> to collect anonymous usage statistics. Plausible is a privacy-focused analytics tool that does not use cookies and is fully compliant with GDPR, CCPA, and PECR.
-				</p>
-			</div>
-
-			<div>
-				<h2 className="text-xl font-semibold mb-2">Maps</h2>
-				<p className="text-muted-foreground leading-relaxed">
-					The map on this website uses <Link href="https://carto.com/" target="_blank" rel="noopener noreferrer" className="underline underline-offset-4 hover:text-foreground">Carto</Link> for basemaps. When you view the map, your browser makes requests to Carto to load the map tiles.
-				</p>
-			</div>
-
-			<div>
-				<h2 className="text-xl font-semibold mb-2">Contact</h2>
-				<p className="text-muted-foreground leading-relaxed">
-					If you have any questions about this privacy policy, please contact me at <Link href="mailto:leander@schererleander.de" className="underline underline-offset-4 hover:text-foreground">leander@schererleander.de</Link>.
-				</p>
-			</div>
-		</div>
-	);
-}