diff --git a/src/app/ar/services/page.tsx b/src/app/ar/services/page.tsx
index 32b6d2c..dbce977 100644
--- a/src/app/ar/services/page.tsx
+++ b/src/app/ar/services/page.tsx
@@ -1,6 +1,5 @@
-import About from "@/templates/About";
-import ComingSoon from "@/templates/ComingSoon";
+import Services from "@/templates/Services";
export default function Page() {
- return ;
+ return ;
}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index a98ba39..784872e 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,6 +1,5 @@
-import About from "@/templates/About";
-import ComingSoon from "@/templates/ComingSoon";
+import Services from "@/templates/Services";
export default function Page() {
- return ;
+ return ;
}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 78b05a7..5ace748 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,12 +1,13 @@
/* eslint-disable @next/next/no-img-element */
"use client";
-import React from "react";
+
import Link from "next/link";
import Image from "next/image";
import clsx from "clsx";
import { BsList, BsXLg } from "react-icons/bs";
-import { Fragment, useState } from "react";
-import { Dialog, Transition } from "@headlessui/react";
+import { Fragment, useEffect, useState } from "react";
+import { Dialog, Menu, Transition } from "@headlessui/react";
+import { useRouter } from "next/navigation";
import translation from "@/translation/navbar.json";
import contacts from "@/contacts.json";
@@ -46,12 +47,7 @@ export default function Navbar({
height={128}
/>
-
+
{items.map((item) =>
item.entries ? (
{translation.join[language]}
diff --git a/src/templates/About.tsx b/src/templates/About.tsx
index 4b691c0..a255c46 100644
--- a/src/templates/About.tsx
+++ b/src/templates/About.tsx
@@ -30,7 +30,7 @@ interface Props {
export default function About({language}: Props) {
return (
-
+
@@ -86,12 +86,12 @@ export default function About({language}: Props) {
{/* CEO Message Section */}
-
+
{translation.ceo_message.title[language]}
{translation.ceo_message.text[language].split("\n").map((line, index) => (
- {line}
+ {line}
))}
@@ -115,12 +115,8 @@ export default function About({language}: Props) {
{/* Capabilities */}
-
-
+
+
{translation.capabilities.title[language]}
{translation.capabilities.intro[language]}
@@ -182,12 +178,8 @@ export default function About({language}: Props) {
{/* Expertise */}
-
-
+
+
{translation.expertise.title[language]}
{translation.expertise.intro[language]}
diff --git a/src/templates/ComingSoon.tsx b/src/templates/ComingSoon.tsx
index 7fbaad3..7d0f437 100644
--- a/src/templates/ComingSoon.tsx
+++ b/src/templates/ComingSoon.tsx
@@ -20,7 +20,7 @@ interface Props {
export default function ComingSoon({ page, language }: Props) {
return (
-
+
diff --git a/src/templates/History.tsx b/src/templates/History.tsx
index 8e1341c..cae76a3 100644
--- a/src/templates/History.tsx
+++ b/src/templates/History.tsx
@@ -50,7 +50,7 @@ const Element = ({date, label, isEven, language, Icon}: ElementProps) => {
export default function History({language}: Props) {
return (
-
+
diff --git a/src/templates/Home.tsx b/src/templates/Home.tsx
index 5842291..9addc48 100644
--- a/src/templates/Home.tsx
+++ b/src/templates/Home.tsx
@@ -14,7 +14,9 @@ interface Props {
export default function Home({language}: Props) {
return (
-
+
@@ -169,7 +171,7 @@ export default function Home({language}: Props) {
-
+
diff --git a/src/templates/Price.tsx b/src/templates/Price.tsx
index f1cec90..3a8eb98 100644
--- a/src/templates/Price.tsx
+++ b/src/templates/Price.tsx
@@ -40,10 +40,9 @@ export default function Page({language}: {language: "en" | "ar"}) {
getData();
}, []);
return (
-
+
-
-
+
{translation.title[language]}
{payments.map((p) => (
diff --git a/src/templates/Privacy.tsx b/src/templates/Privacy.tsx
index 8783ad8..71f7e44 100644
--- a/src/templates/Privacy.tsx
+++ b/src/templates/Privacy.tsx
@@ -22,16 +22,16 @@ interface Content {
export default function Privacy({language}: Props) {
return (
-
+
-
+
{translation.title[language]}
-
+
string) =>
+ data.map((section, index) => (
+
+
+
+
{section.title}
+
+
{section.description}
+
+ {section.bullets.map((bullet) => (
+
+
+ {bullet.icon && }
+
+
+
{bullet.title}
+
+ {bullet.values.map((value) => (
+ - {value}
+ ))}
+
+
+
+ ))}
+
+
+
+ ));
+
+ return (
+
+
+
+
+
{translation.services[language]}
+
+
+ {renderStruct(struct, (index: number) => `bg-${index % 2 ? "mti-gray-seasalt" : "white"}`)}
+
+
+
{translation.corporate_educational_institutions[language]}
+
+
+ {renderStruct(final_struct, (index: number) => `bg-${index % 2 ? "white" : "mti-gray-seasalt"}`)}
+
+
+ );
+}
diff --git a/src/templates/Terms.tsx b/src/templates/Terms.tsx
index 18c76c3..494b16d 100644
--- a/src/templates/Terms.tsx
+++ b/src/templates/Terms.tsx
@@ -22,16 +22,16 @@ interface Content {
export default function Terms({language}: Props) {
return (
-
+
-
+
{translation.title[language]}
-