From 090609a6fdfcff20194eba4fffd5741d02c143ba Mon Sep 17 00:00:00 2001
From: trafficlunar <trafficlunar@proton.me>
Date: Thu, 2 Jan 2025 20:56:41 +0000
Subject: [PATCH] chore: add privacy policy

---
 src/main.tsx                |  2 ++
 src/pages/IndexPage.tsx     |  4 ++++
 src/pages/PrivacyPolicy.tsx | 37 +++++++++++++++++++++++++++++++++++++
 3 files changed, 43 insertions(+)
 create mode 100644 src/pages/PrivacyPolicy.tsx

diff --git a/src/main.tsx b/src/main.tsx
index 03e603a..cf9f280 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -6,6 +6,7 @@ import { ThemeProvider } from "@/context/Theme.tsx";
 
 import IndexPage from "./pages/IndexPage.tsx";
 import AppPage from "./pages/AppPage.tsx";
+import PrivacyPolicy from "./pages/PrivacyPolicy.tsx";
 
 import "./index.css";
 
@@ -16,6 +17,7 @@ createRoot(document.getElementById("root")!).render(
 				<Routes>
 					<Route path="/" element={<IndexPage />} />
 					<Route path="/app" element={<AppPage />} />
+					<Route path="/privacy-policy" element={<PrivacyPolicy />} />
 				</Routes>
 			</BrowserRouter>
 		</ThemeProvider>
diff --git a/src/pages/IndexPage.tsx b/src/pages/IndexPage.tsx
index 3fb79a8..6a4fb77 100644
--- a/src/pages/IndexPage.tsx
+++ b/src/pages/IndexPage.tsx
@@ -35,6 +35,10 @@ function IndexPage() {
 
 			<h1 className="text-5xl font-[Inter] font-bold mt-32">Original vs. blockmatic</h1>
 			<ImageComparison />
+
+			<footer>
+				<Link to={{ pathname: "/privacy-policy" }}>Privacy Policy</Link>
+			</footer>
 		</main>
 	);
 }
diff --git a/src/pages/PrivacyPolicy.tsx b/src/pages/PrivacyPolicy.tsx
new file mode 100644
index 0000000..d113dfa
--- /dev/null
+++ b/src/pages/PrivacyPolicy.tsx
@@ -0,0 +1,37 @@
+import { ArrowLeftIcon } from "lucide-react";
+import { Link } from "react-router";
+
+function PrivacyPolicy() {
+	return (
+		<div className="p-16">
+			<Link to={{ pathname: "/" }} className="flex gap-1 mb-4 underline-offset-4 hover:underline">
+				<ArrowLeftIcon /> back
+			</Link>
+
+			<h1 className="text-2xl font-medium">Privacy Policy</h1>
+			<p className="mb-4">
+				<strong>Effective Date:</strong> January 2, 2025
+			</p>
+
+			<p>By using this website, you confirm that you understand and agree to this Privacy Policy.</p>
+
+			<ul className="list-disc ml-8 py-2">
+				<li>Blockmatic does not collect, store, or process any data in any form.</li>
+				<li>It also does not use cookies or analytics services.</li>
+				<li>
+					Blockmatic is hosted by Vercel. I can not guarantee that Vercel does not collect any data, therefore I recommend reviewing their privacy
+					policy for clarification.
+				</li>
+			</ul>
+
+			<p>
+				If you have any questions or concerns, please contact me at:{" "}
+				<a href="mailto:hello@trafficlunar.net" className="text-blue-500 dark:text-blue-300">
+					hello@trafficlunar.net
+				</a>
+			</p>
+		</div>
+	);
+}
+
+export default PrivacyPolicy;