diff --git a/src/app/legal/page.tsx b/src/app/legal/page.tsx
index 6dd7f20..5e79872 100644
--- a/src/app/legal/page.tsx
+++ b/src/app/legal/page.tsx
@@ -1,7 +1,17 @@
 export default function Legal() {
   return (
-    <div className="flex ">
-      <div className="w-3/5 h-200 bg-gray-700 border-gray-600 border rounded-xl"></div>
+    <div className="space-y-4 flex flex-col w-3/5 h-3/5 p-15 bg-gray-700 border-gray-600 border rounded-xl">
+      <h1 className="font-[Bitcount] text-4xl text-gray-50">Data policy</h1>
+      <p className="ml-2 text-gray-50 font-[Bitcount] text-xl">
+        Where does your data go? Idk fam tbh i just know google got smth to do
+        with the fonts{" "}
+      </p>
+      <h1 className="font-[Bitcount] text-4xl text-gray-50">
+        EULA
+      </h1>
+      <p className="ml-2 text-gray-50 font-[Bitcount] text-xl">
+        gng who said i was a product 🫩✌️
+      </p>
     </div>
   );
 }