Merge branch 'main' of github.com:tiarasjec/frontend

package.json

@@ -71,6 +71,7 @@
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
     "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.12",
     "@types/node": "^20",
     "@types/nodemailer": "^6.4.14",
     "@types/react": "^18.2.76",

src/app/(content)/privacy/page.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import * as React from "react";
+import Container from "@/components/shared/container";
+import { tiaraFont } from "@/lib/fonts";
+import { cn } from "@/lib/utils";
+import { legalInfo } from "../../../data/legal_Info";
+import { Text } from "@/components/shared/text";
+
+export default function Privacy() {
+    return (
+        <Container className="mx-auto ">
+            <div className="py-4 mx-6  sm:mx-12 space-y-4 pt-32 text-white">
+                <Text variant="h1" className={cn("text-5xl", tiaraFont)}>Privacy Policy</Text>
+                <p>
+                    At Tiara, we take your privacy seriously and are committed to protecting your personal information. This
+                    privacy policy explains how we collect, use, and safeguard your data. By registering for our festival
+                    competition, you agree to the terms of this privacy policy.
+                </p>
+                {legalInfo.policy.map((policy, index) => (
+                    <div key={index}>
+                        <Text variant="h2" className={cn("text-2xl", tiaraFont)}>{policy.title}</Text>
+                        <p dangerouslySetInnerHTML={{ __html: policy.description }}></p>
+                    </div>
+                ))}
+            </div>
+        </Container>
+    );
+}

src/app/(content)/refund/page.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import * as React from "react";
+import Container from "@/components/shared/container";
+import { tiaraFont } from "@/lib/fonts";
+import { cn } from "@/lib/utils";
+import { legalInfo } from "../../../data/legal_Info"
+import { Text } from "@/components/shared/text";
+export default function Refund() {
+
+    return (
+        <Container className="mx-auto">
+            <div className="py-4 mx-6  sm:mx-12 space-y-4 pt-32 text-white">
+            <Text variant="h1" className={cn("text-5xl", tiaraFont)}>Refund Policy</Text>
+                {legalInfo.Refund.map((refund, index) => (
+                    <div key={index}>
+                        <Text variant="h2" className={cn("text-2xl", tiaraFont)}>{refund.title}</Text>
+                        <p dangerouslySetInnerHTML={{ __html: refund.description }}></p>
+                    </div>
+               ))}
+            </div>
+        </Container>
+    );
+}

src/app/(content)/terms/page.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import * as React from "react";
+import Container from "@/components/shared/container";
+import { tiaraFont } from "@/lib/fonts";
+import { cn } from "@/lib/utils";
+import { legalInfo } from "../../../data/legal_Info"
+import { Text } from "@/components/shared/text";
+export default function Terms() {
+
+    return (
+        <Container className="mx-auto">
+            <div className="py-4 mx-6  sm:mx-12 space-y-4 pt-32 text-white">
+            <Text variant="h1" className={cn("text-5xl", tiaraFont)}>Terms & Conditions</Text>
+                {legalInfo.terms.map((terms, index) => (
+                    <div key={index}>
+                        <Text variant="h2" className={cn("text-2xl", tiaraFont)}>{terms.title}</Text>
+                        <p dangerouslySetInnerHTML={{ __html: terms.description }}></p>
+                    </div>
+               ))}
+            </div>
+        </Container>
+    );
+}