Created the Terms and Conditions page
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user