feat: add new content pages

app/components/legal/privacy-content.tsx

@@ -0,0 +1,29 @@
+"use client"
+
+import { useTranslations } from "next-intl"
+
+export function PrivacyContent() {
+    const t = useTranslations("privacy")
+
+    return (
+        <div className="prose dark:prose-invert max-w-none">
+            <h1>{t("title")}</h1>
+            <p>{t("lastUpdated")}</p>
+
+            <h2>{t("introduction.title")}</h2>
+            <p>{t("introduction.content")}</p>
+
+            <h2>{t("informationCollection.title")}</h2>
+            <p>{t("informationCollection.content")}</p>
+
+            <h2>{t("emailContent.title")}</h2>
+            <p>{t("emailContent.content")}</p>
+
+            <h2>{t("thirdParty.title")}</h2>
+            <p>{t("thirdParty.content")}</p>
+
+            <h2>{t("contact.title")}</h2>
+            <p>{t("contact.content")}</p>
+        </div>
+    )
+}

app/components/legal/terms-content.tsx

@@ -0,0 +1,35 @@
+"use client"
+
+import { useTranslations } from "next-intl"
+
+export function TermsContent() {
+    const t = useTranslations("terms")
+
+    return (
+        <div className="prose dark:prose-invert max-w-none">
+            <h1>{t("title")}</h1>
+            <p>{t("lastUpdated")}</p>
+
+            <h2>{t("acceptance.title")}</h2>
+            <p>{t("acceptance.content")}</p>
+
+            <h2>{t("description.title")}</h2>
+            <p>{t("description.content")}</p>
+
+            <h2>{t("prohibited.title")}</h2>
+            <p>{t("prohibited.content")}
+                <ul>
+                    <li>{t("prohibited.items.0")}</li>
+                    <li>{t("prohibited.items.1")}</li>
+                    <li>{t("prohibited.items.2")}</li>
+                </ul>
+            </p>
+
+            <h2>{t("disclaimer.title")}</h2>
+            <p>{t("disclaimer.content")}</p>
+
+            <h2>{t("changes.title")}</h2>
+            <p>{t("changes.content")}</p>
+        </div>
+    )
+}