From a3d407d269a6bc86c208d66b02d1e202045593aa Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Sun, 18 Jan 2026 13:44:01 +0100
Subject: [PATCH] [dyad] Added Imprint and Privacy pages - wrote 3 file(s)

---
 src/app/imprint/page.tsx  | 49 ++++++++++++++++++++++++++++++++++++
 src/app/privacy/page.tsx  | 52 +++++++++++++++++++++++++++++++++++++++
 src/components/footer.tsx |  8 +++---
 3 files changed, 106 insertions(+), 3 deletions(-)
 create mode 100644 src/app/imprint/page.tsx
 create mode 100644 src/app/privacy/page.tsx

diff --git a/src/app/imprint/page.tsx b/src/app/imprint/page.tsx
new file mode 100644
index 0000000..4b252f5
--- /dev/null
+++ b/src/app/imprint/page.tsx
@@ -0,0 +1,49 @@
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+
+export default function ImprintPage() {
+  return (
+    <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background">
+      <div className="w-full max-w-4xl mx-auto">
+        <Button asChild variant="ghost" className="mb-4 -ml-4">
+          <Link href="/">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Converter
+          </Link>
+        </Button>
+        <main className="w-full">
+          <Card>
+            <CardHeader>
+              <CardTitle className="text-3xl font-bold">Imprint</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-6 text-muted-foreground">
+              <p>
+                Information according to § 5 TMG (German Telemedia Act)
+              </p>
+              <div className="space-y-2">
+                <h3 className="font-semibold text-foreground">Contact Information:</h3>
+                <p>[Your Company Name]</p>
+                <p>[Street Name & Number]</p>
+                <p>[Postal Code & City]</p>
+                <p>Email: [your-email@example.com]</p>
+                <p>Phone: [your-phone-number]</p>
+              </div>
+              <div className="space-y-2">
+                <h3 className="font-semibold text-foreground">Represented by:</h3>
+                <p>[Your Name/CEO's Name]</p>
+              </div>
+              <div className="pt-4 border-t">
+                <h3 className="font-semibold text-foreground">Disclaimer:</h3>
+                <p className="text-sm">
+                  This is a sample imprint and not legally binding. Please replace the placeholder content with your own information and consult a legal professional to ensure compliance with all applicable laws.
+                </p>
+              </div>
+            </CardContent>
+          </Card>
+        </main>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx
new file mode 100644
index 0000000..8469cdd
--- /dev/null
+++ b/src/app/privacy/page.tsx
@@ -0,0 +1,52 @@
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+
+export default function PrivacyPage() {
+  return (
+    <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background">
+      <div className="w-full max-w-4xl mx-auto">
+        <Button asChild variant="ghost" className="mb-4 -ml-4">
+          <Link href="/">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Converter
+          </Link>
+        </Button>
+        <main className="w-full">
+          <Card>
+            <CardHeader>
+              <CardTitle className="text-3xl font-bold">Data Privacy Policy</CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-6 text-muted-foreground">
+              <div className="space-y-2">
+                <h3 className="font-semibold text-foreground">1. General Information</h3>
+                <p>
+                  This is a placeholder for your data privacy policy. It outlines how personal data is collected, used, and protected when you use this website.
+                </p>
+              </div>
+              <div className="space-y-2">
+                <h3 className="font-semibold text-foreground">2. Data Collection on This Website</h3>
+                <p>
+                  All image processing happens directly in your browser. The images you upload are not sent to any server and are not stored by us. We do not collect any personal data from the images.
+                </p>
+              </div>
+              <div className="space-y-2">
+                <h3 className="font-semibold text-foreground">3. Your Rights</h3>
+                <p>
+                  As no personal data is collected, rights regarding access, rectification, or erasure of personal data are not applicable in this context.
+                </p>
+              </div>
+              <div className="pt-4 border-t">
+                <h3 className="font-semibold text-foreground">Disclaimer:</h3>
+                <p className="text-sm">
+                  This is a sample privacy policy and not legally binding. It is crucial to adapt this text to your specific data processing activities and to consult with a legal professional to ensure full GDPR compliance.
+                </p>
+              </div>
+            </CardContent>
+          </Card>
+        </main>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index b4081ab..af7ae8b 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -9,9 +9,11 @@ export function Footer() {
   return (
     <footer className="w-full border-t bg-background">
       <div className="container mx-auto flex h-16 items-center justify-between px-4 md:px-6">
-        <p className="text-sm text-muted-foreground">
-          © {new Date().getFullYear()} Image Web Exporter
-        </p>
+        <div className="flex items-center gap-4 text-sm text-muted-foreground">
+          <p>© {new Date().getFullYear()} Image Web Exporter</p>
+          <Link href="/imprint" className="hover:text-primary transition-colors">Imprint</Link>
+          <Link href="/privacy" className="hover:text-primary transition-colors">Privacy</Link>
+        </div>
         <div className="flex items-center gap-4">
           {latestVersion && (
             <Link