Created the Terms and Conditions page

This commit is contained in:
Tiago Ribeiro
2024-02-02 11:17:26 +00:00
parent e2d35bcfb7
commit 95984cfe83
6 changed files with 470 additions and 12 deletions

View File

@@ -1,11 +1,6 @@
/* eslint-disable @next/next/no-img-element */
import Link from "next/link";
import {
BsBook,
BsHeadphones,
BsMegaphone,
BsPen,
} from "react-icons/bs";
import {BsBook, BsHeadphones, BsMegaphone, BsPen} from "react-icons/bs";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import translation from "@/translation/home.json";
@@ -38,7 +33,7 @@ export default function Home({language}: Props) {
<div className="bg-mti-rose-ultralight border border-mti-rose-light p-6 rounded-3xl flex items-center justify-center">
<BsBook className="text-mti-rose-light w-10 h-10" />
</div>
<div className="flex flex-col gap-4 items-center text-center max-w-[260px]">
<div className={clsx("flex flex-col gap-4 items-center max-w-[260px]", language === "ar" ? "text-right" : "text-left")}>
<span className="font-bold text-xl">{translation.modules.reading.title[language]}</span>
<span>{translation.modules.reading.description[language]}</span>
</div>
@@ -47,7 +42,7 @@ export default function Home({language}: Props) {
<div className="bg-mti-rose-ultralight border border-mti-rose-light p-6 rounded-3xl flex items-center justify-center">
<BsHeadphones className="text-mti-rose-light w-10 h-10" />
</div>
<div className="flex flex-col gap-4 items-center text-center max-w-[260px]">
<div className={clsx("flex flex-col gap-4 items-center max-w-[260px]", language === "ar" ? "text-right" : "text-left")}>
<span className="font-bold text-xl">{translation.modules.listening.title[language]}</span>
<span>{translation.modules.listening.description[language]}</span>
</div>
@@ -56,7 +51,7 @@ export default function Home({language}: Props) {
<div className="bg-mti-rose-ultralight border border-mti-rose-light p-6 rounded-3xl flex items-center justify-center">
<BsPen className="text-mti-rose-light w-10 h-10" />
</div>
<div className="flex flex-col gap-4 items-center text-center max-w-[260px]">
<div className={clsx("flex flex-col gap-4 items-center max-w-[260px]", language === "ar" ? "text-right" : "text-left")}>
<span className="font-bold text-xl">{translation.modules.writing.title[language]}</span>
<span>{translation.modules.writing.description[language]}</span>
</div>
@@ -65,7 +60,7 @@ export default function Home({language}: Props) {
<div className="bg-mti-rose-ultralight border border-mti-rose-light p-6 rounded-3xl flex items-center justify-center">
<BsMegaphone className="text-mti-rose-light w-10 h-10" />
</div>
<div className="flex flex-col gap-4 items-center text-center max-w-[260px]">
<div className={clsx("flex flex-col gap-4 items-center max-w-[260px]", language === "ar" ? "text-right" : "text-left")}>
<span className="font-bold text-xl">{translation.modules.speaking.title[language]}</span>
<span>{translation.modules.speaking.description[language]}</span>
</div>