From 09b86f5a5e32563200c21607e2de8b5f80ebb9a9 Mon Sep 17 00:00:00 2001
From: davedude1011 <tom2smallwood@gmail.com>
Date: Thu, 1 Aug 2024 11:29:16 +0100
Subject: [PATCH] Built the Privacy Page

---
 packages/app/src/app/privacy/page.tsx | 104 +++++++++++++++++++++++++-
 1 file changed, 103 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/app/privacy/page.tsx b/packages/app/src/app/privacy/page.tsx
index c3f91c16..88d8ce3e 100644
--- a/packages/app/src/app/privacy/page.tsx
+++ b/packages/app/src/app/privacy/page.tsx
@@ -1,5 +1,36 @@
 import { Heading } from "@/components/ui/heading";
 
+function PrivacyTextElement({
+  title,
+  description,
+}: {
+  title: string;
+  description: { type: string; content: string | string[] }[];
+}) {
+  return (
+    <div className="container mt-6">
+      <p className="text-2xl text-muted-foreground mb-2">{title}</p>
+      {description.map((descriptionData, index) => (
+        <>
+          {descriptionData.type == "paragraph" && (
+            <p key={index}>{descriptionData.content}</p>
+          )}
+          {descriptionData.type == "list" &&
+            typeof descriptionData.content == "object" && (
+              <div className="container">
+                <ul key={index} className="list-disc text-sm mt-1">
+                  {descriptionData.content.map((content, index) => (
+                    <li key={index}>{content}</li>
+                  ))}
+                </ul>
+              </div>
+            )}
+        </>
+      ))}
+    </div>
+  );
+}
+
 function PrivacyPage({}) {
   return (
     <div className="pt-12 pb-12">
@@ -7,7 +38,78 @@ function PrivacyPage({}) {
         title="Privacy Policies"
         description="Privacy policies for Code Racer"
       />
-      {/* ADD PRIVACY POLICY */}
+
+      <PrivacyTextElement
+        title="Privacy Policy"
+        description={[
+          {
+            type: "paragraph",
+            content:
+              "At Code Racer, we are committed to protecting your privacy. This Privacy Policy outlines how we collect, use, and safeguard your personal information when you interact with our services.",
+          },
+        ]}
+      />
+      <PrivacyTextElement
+        title="Information We Collect"
+        description={[
+          {
+            type: "paragraph",
+            content:
+              "We may collect personal information from you in a variety of ways, including, but not limited to:",
+          },
+          {
+            type: "list",
+            content: [
+              "Account Information",
+              "Usage Data",
+              "Cookies and Tracking Technologies",
+            ],
+          },
+        ]}
+      />
+      <PrivacyTextElement
+        title="How We Use Your Information"
+        description={[
+          {
+            type: "paragraph",
+            content: "We use the information we collect to:",
+          },
+          {
+            type: "list",
+            content: [
+              "Provide and Maintain Services",
+              "Improve Our Services",
+              "Communication",
+            ],
+          },
+        ]}
+      />
+      <PrivacyTextElement
+        title="Sharing Your Information"
+        description={[
+          {
+            type: "paragraph",
+            content:
+              "We do not sell, trade, or otherwise transfer your personal information to outside parties except as described in this policy. We may share your information with trusted third parties who assist us in operating our website, conducting our business, or servicing you, provided those parties agree to keep this information confidential.",
+          },
+        ]}
+      />
+      <PrivacyTextElement
+        title="Data Security"
+        description={[
+          {
+            type: "paragraph",
+            content:
+              "We implement a variety of security measures to maintain the safety of your personal information. However, no method of transmission over the internet or method of electronic storage is 100% secure, and we cannot guarantee its absolute security.",
+          },
+        ]}
+      />
+      {
+        // TODO:
+        // - Add contact information
+        // - Improve UI, ( visuals are not my strongsuite :-) )
+        // - Replace the text with the sites actuall privacy policy, i just used a generic one :I
+      }
     </div>
   );
 }