Updated the language

src/templates/Price.tsx

@@ -41,9 +41,9 @@ export default function Page({language}: {language: "en" | "ar"}) {
 	}, []);
 	return (
 		<main className="h-screen w-full bg-white text-mti-black flex flex-col">
-			<Navbar currentPage="/price" language="en" />
+			<Navbar currentPage="/price" language={language} />
 
-			<section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4">
+			<section className="w-full relative bg-white px-8 flex flex-col items-center text-center gap-4" dir={language === "ar" ? "rtl" : "ltr"}>
 				<h2 className="text-3xl font-bold">{translation.title[language]}</h2>
 				<div className="grid grid-cols-2 gap-8">
 					{payments.map((p) => (