- Added "Coming soon" pages for future pages;

- Added two more sections to the About page;
- Fixed some typos;

src/templates/ComingSoon.tsx

@@ -0,0 +1,35 @@
+/* eslint-disable @next/next/no-img-element */
+import Footer from "@/components/Footer";
+import Navbar from "@/components/Navbar";
+import Tag from "@/components/Tag";
+import Title from "@/components/Title";
+import translation from "@/translation/about.json";
+import clsx from "clsx";
+import React from "react";
+import {
+  BsEye,
+  BsEyeFill,
+  BsFlower3,
+  BsRocketTakeoffFill,
+} from "react-icons/bs";
+
+interface Props {
+  page: string;
+  language: "en" | "ar";
+}
+
+export default function ComingSoon({ page, language }: Props) {
+  return (
+    <main className="text-mti-black flex h-screen w-full flex-col bg-white">
+      <Navbar currentPage={page} language={language} />
+
+      <section className="bg-mti-purple h-full w-full p-8 text-center text-white md:p-16">
+        <div className="flex h-full w-full flex-col items-center justify-center">
+          <Title>Coming soon...</Title>
+        </div>
+      </section>
+
+      <Footer language={language} />
+    </main>
+  );
+}