Legal stuff

src/app/page.tsx

@@ -10,25 +10,28 @@ export default function Home() {
   return (
     <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0">
       <FakeWindow windowText="Homepage">
-          <header className="text-center mb-8">
-            <h1 className="font-bold text-3xl leading-normal">
-              Nonszy Work<span className="text-primary">space</span>
-            </h1>
-          </header>
-          <noscript>
-            <LandingImage />
-          </noscript>
-          <NolaGlitchClientOnly />
-          <Sosmed />
-          <article className="space-y-6 leading-relaxed relative">
-            <HomeText />
-          </article>
-          <section className="my-8">
-            <p>⚡ Powered with <Link href="https://www.cloudflare.com/" target="_blank" className="text-primary underline">Cloudflare</Link> ☁️</p>
-          </section>
-          <footer className="mt-20 text-center">
-            <p>&copy; <span className="text-sm">2024-2025 Nomi Nonsense</span></p>
-          </footer>
+        <header className="text-center mb-8">
+          <h1 className="font-bold text-3xl leading-normal">
+            Nonszy Work<span className="text-primary">space</span>
+          </h1>
+        </header>
+        <noscript>
+          <LandingImage />
+        </noscript>
+        <NolaGlitchClientOnly />
+        <Sosmed />
+        <article className="space-y-6 leading-relaxed relative">
+          <HomeText />
+        </article>
+        <section className="my-8">
+          <p>⚡ Powered with <Link href="https://www.cloudflare.com/" target="_blank" className="text-primary underline">Cloudflare</Link> ☁️</p>
+        </section>
+        <footer className="mt-20 text-center">
+          <p>&copy; <span className="text-sm">2024-2025 Nomi Nonsense</span></p>
+          <p className="text-sm">
+            <Link href={"/terms"} className="text-primary underline">Terms and conditions</Link> and <Link href={"/privacy"} className="text-primary underline">Privacy Policy</Link>
+          </p>
+        </footer>
       </FakeWindow>
     </main>
   );

src/app/privacy/page.tsx

@@ -0,0 +1,16 @@
+import type { Metadata } from "next";
+
+import PrivacyPolicy from "@/components/texts/privacy-policy.mdx"
+import { SimpleArticle } from "@/components/page-template";
+
+export const metadata: Metadata = {
+  title: "Privacy Policy",
+};
+
+export default function Terms () {
+  return (
+    <SimpleArticle>
+      <PrivacyPolicy />
+    </SimpleArticle>
+  )
+}

src/app/terms/page.tsx

@@ -0,0 +1,16 @@
+import type { Metadata } from "next";
+
+import TermsAndConditions from "@/components/texts/terms-and-condition.mdx"
+import { SimpleArticle } from "@/components/page-template";
+
+export const metadata: Metadata = {
+  title: "Terms and conditions",
+};
+
+export default function Terms () {
+  return (
+    <SimpleArticle>
+      <TermsAndConditions />
+    </SimpleArticle>
+  )
+}