Added TOS + Privacy

2024-06-19 19:59:42 +01:00
parent a21cca3df9
commit 0cd2bf4c38
12 changed files with 337 additions and 15 deletions
@@ -0,0 +1,59 @@
+import { useTranslation } from "react-i18next";
+import Navbar from "../Components/Navbar/Navbar";
+import Footer from "../Components/Footer/Footer";
+
+const TOS = () => {
+     const { t } = useTranslation("TOS")
+    
+  return (
+    <div className="min-h-screen">
+      <Navbar />
+      <div className="container mx-auto px-4 py-12">
+        <h1 className="text-3xl font-bold text-center mb-6">{t("tos.pageTitle")}</h1>
+        <div className="shadow-md rounded-lg p-8">
+          <p className="mb-4">{t("tos.lastUpdated")}</p>
+          <p className="mb-4">{t("tos.introText")}</p>
+          <h2 className="text-2xl font-semibold mb-4">{t("tos.tos1.title")}</h2>
+          {t("tos.tos1.desc").split("\n\n").map((paragraph, index) => (
+            <p key={index} className="mb-4">{paragraph.split("\n").map((line, index) => (
+              <span key={index}>{line}<br/></span>
+            ))}</p>
+          ))}
+          <h2 className="text-2xl font-semibold mb-4">{t("tos.tos2.title")}</h2>
+          {t("tos.tos2.desc").split("\n\n").map((paragraph, index) => (
+            <p key={index} className="mb-4">{paragraph.split("\n").map((line, index) => (
+              <span key={index}>{line}<br/></span>
+            ))}</p>
+          ))}
+          <h2 className="text-2xl font-semibold mb-4">{t("tos.tos3.title")}</h2>
+          {t("tos.tos3.desc").split("\n\n").map((paragraph, index) => (
+            <p key={index} className="mb-4">{paragraph.split("\n").map((line, index) => (
+              <span key={index}>{line}<br/></span>
+            ))}</p>
+          ))}
+          <h2 className="text-2xl font-semibold mb-4">{t("tos.tos4.title")}</h2>
+          {t("tos.tos4.desc").split("\n\n").map((paragraph, index) => (
+            <p key={index} className="mb-4">{paragraph.split("\n").map((line, index) => (
+              <span key={index}>{line}<br/></span>
+            ))}</p>
+          ))}
+          <h2 className="text-2xl font-semibold mb-4">{t("tos.tos5.title")}</h2>
+          {t("tos.tos5.desc").split("\n\n").map((paragraph, index) => (
+            <p key={index} className="mb-4">{paragraph.split("\n").map((line, index) => (
+              <span key={index}>{line}<br/></span>
+            ))}</p>
+          ))}
+          <h2 className="text-2xl font-semibold mb-4">{t("tos.tos6.title")}</h2>
+          {t("tos.tos6.desc").split("\n\n").map((paragraph, index) => (
+            <p key={index} className="mb-4">{paragraph.split("\n").map((line, index) => (
+              <span key={index}>{line}<br/></span>
+            ))}</p>
+          ))}
+        </div>
+      </div>
+      <Footer/>
+    </div>
+  );
+};
+
+export default TOS;