Added price translations

src/templates/Price.tsx

@@ -8,6 +8,7 @@ import clsx from "clsx";
 import Navbar from "@/components/Navbar";
 import Link from "next/link";
 import Footer from "@/components/Footer";
+import translation from "@/translation/price.json";
 
 type DurationUnit = "weeks" | "days" | "months" | "years";
 
@@ -46,7 +47,7 @@ export default function Page({ language }: { language: "en" | "ar" }) {
       <Navbar currentPage="/join" language="en" />
 
       <section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4">
-        <h2 className="text-3xl font-bold">Available Packages</h2>
+        <h2 className="text-3xl font-bold">{translation.title[language]}</h2>
         <div className="grid grid-cols-2 gap-8">
           {payments.map((p) => (
             <div
@@ -78,11 +79,11 @@ export default function Page({ language }: { language: "en" | "ar" }) {
                 </span>
               </div>
               <div className="flex flex-col gap-1 items-start">
-                <span>This includes:</span>
+                <span>{translation.packageIncludes[language]}</span>
                 <ul className="flex flex-col items-start text-sm">
-                  <li>- Train your abilities for the IELTS exam</li>
+                  <li>- {translation.packageIncludesA[language]}</li>
-                  <li>- Gain insights into your weaknesses and strengths</li>
+                  <li>- {translation.packageIncludesB[language]}</li>
-                  <li>- Allow yourself to correctly prepare for the exam</li>
+                  <li>- {translation.packageIncludesC[language]}</li>
                 </ul>
               </div>
             </div>
@@ -92,7 +93,7 @@ export default function Page({ language }: { language: "en" | "ar" }) {
           className="transition ease-in-out duration-300 text-white hover:bg-mti-purple-dark hover:border-mti-purple-dark border border-mti-purple-light bg-mti-purple-light px-8 py-2 rounded-xl mb-8"
           href={`${process.env.NEXT_PUBLIC_APP_URL}/register`}
         >
-          Join us
+          {translation.joinus[language]}
         </Link>
       </section>
       <Footer language={language} />

src/translation/price.json

@@ -0,0 +1,26 @@
+{
+  "joinus": {
+    "en": "Join us",
+    "ar": "Join us"
+  },
+  "title": {
+    "en": "Available Packages",
+    "ar": "Available Packages"
+  },
+  "packageIncludes": {
+    "en": "This includes:",
+    "ar": "This includes:"
+  },
+  "packageIncludesA": {
+    "en": "Train your abilities for the IELTS exam",
+    "ar": "Train your abilities for the IELTS exam"
+  },
+  "packageIncludesB": {
+    "en": "Gain insights into your weaknesses and strengths",
+    "ar": "Gain insights into your weaknesses and strengths"
+  },
+  "packageIncludesC": {
+    "en": "Allow yourself to correctly prepare for the exam",
+    "ar": "Allow yourself to correctly prepare for the exam"
+  }
+}