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 b19600a..5741e2c 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -4,289 +4,210 @@ 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 {BsList, BsXLg} from "react-icons/bs"; +import {Fragment, useState} from "react"; +import {Dialog, Transition} from "@headlessui/react"; import translation from "@/translation/navbar.json"; import NestedNavbarEntry from "@/components/NestedNavbarEntry"; const items = [ - { page: "/", key: "home" }, - { page: "/services", key: "services" }, - { page: "/price", key: "price" }, - { page: "/about", key: "about" }, - { page: "/history", key: "history" }, - { page: "/contact", key: "contact" }, - { - key: "country_manager", - page: '', - entries: [ - { - key: "Egypt", - entries: [ - { - name: "Modern Technology", - number: "+226578480830", - email: "egypt@encoach.com", - }, - ], - }, - { - key: "Oman", - entries: [ - { - name: "Smartway education", - number: "+9689944094", - email: "oman@encoach.com", - }, - { name: "MTI", number: "+9687445609", email: "mti@encoach.com" }, - ], - }, - { - key: "Saudi Arabia", - entries: [ - { - name: "Edutrach services", - number: "+96658499347", - email: "edu@encoach.com", - }, - ], - }, - ], - }, + {page: "/", key: "home"}, + {page: "/services", key: "services"}, + {page: "/price", key: "price"}, + {page: "/about", key: "about"}, + {page: "/history", key: "history"}, + {page: "/contact", key: "contact"}, + { + key: "country_manager", + page: "", + entries: [ + { + key: "Egypt", + entries: [ + { + name: "Modern Technology", + number: "+226578480830", + email: "egypt@encoach.com", + }, + ], + }, + { + key: "Oman", + entries: [ + { + name: "Smartway education", + number: "+9689944094", + email: "oman@encoach.com", + }, + {name: "MTI", number: "+9687445609", email: "mti@encoach.com"}, + ], + }, + { + key: "Saudi Arabia", + entries: [ + { + name: "Edutrach services", + number: "+96658499347", + email: "edu@encoach.com", + }, + ], + }, + ], + }, ]; -export default function Navbar({ - currentPage, - language, -}: { - currentPage: string; - language: "en" | "ar"; -}) { - const [isOpen, setIsOpen] = useState(false); +export default function Navbar({currentPage, language}: {currentPage: string; language: "en" | "ar"}) { + const [isOpen, setIsOpen] = useState(false); - return ( - <> -
- - EnCoach logo - -
- {items.map((item) => - item.entries ? ( - - ) : ( - - {(translation as any)[item.key][language]} - - ) - )} -
-
- - {translation.platform[language]} - - - {translation.join[language]} - - {language === "ar" ? ( - - EN - - ) : ( - - AR - - )} -
-
+ return ( + <> +
+ + EnCoach logo + +
+ {items.map((item) => ( + + {(translation as any)[item.key][language]} + + ))} +
+
+ + {translation.platform[language]} + + + {translation.join[language]} + + {language === "ar" ? ( + + EN + + ) : ( + + AR + + )} +
+
- - setIsOpen(false)} - > - -
- + + setIsOpen(false)}> + +
+ -
-
- - - - - EnCoach logo - -
- {language === "ar" ? ( - - EN - - ) : ( - - AR - - )} -
setIsOpen(false)} - tabIndex={0} - > - setIsOpen(false)} - /> -
-
- -
- {items.map((item) => ( - - {(translation as any)[item.key][language]} - - ))} - - {translation.join[language]} - - - {translation.platform[language]} - -
- - -
-
-
- +
+
+ + + + + EnCoach logo + +
+ {language === "ar" ? ( + + EN + + ) : ( + + AR + + )} +
setIsOpen(false)} tabIndex={0}> + setIsOpen(false)} /> +
+
+ +
+ {items.map((item) => ( + + {(translation as any)[item.key][language]} + + ))} + + {translation.join[language]} + + + {translation.platform[language]} + +
+ + +
+
+
+ -
- - EnCoach logo - -
- {language === "ar" ? ( - - EN - - ) : ( - - AR - - )} -
setIsOpen(true)}> - setIsOpen(true)} /> -
-
-
- - ); +
+ + EnCoach logo + +
+ {language === "ar" ? ( + + EN + + ) : ( + + AR + + )} +
setIsOpen(true)}> + setIsOpen(true)} /> +
+
+
+ + ); } 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]}
-
+