diff --git a/public/about-banner.jpg b/public/about-banner.jpg
new file mode 100644
index 0000000..e3f904f
Binary files /dev/null and b/public/about-banner.jpg differ
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..4ee082b
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,5 @@
+import About from "@/templates/About";
+
+export default function Page() {
+ return ;
+}
diff --git a/src/app/ar/about/page.tsx b/src/app/ar/about/page.tsx
new file mode 100644
index 0000000..c7abb10
--- /dev/null
+++ b/src/app/ar/about/page.tsx
@@ -0,0 +1,5 @@
+import About from "@/templates/About";
+
+export default function Page() {
+ return ;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8025980..f36abf7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,11 @@
+/* eslint-disable @next/next/no-page-custom-font */
+import clsx from "clsx";
import "./globals.css";
import type {Metadata} from "next";
import {Inter} from "next/font/google";
+import {Almarai} from "next/font/google";
+
+const almarai = Almarai({subsets: ["arabic"], weight: ["300", "400", "700", "800"]});
const inter = Inter({subsets: ["latin"]});
@@ -17,8 +22,12 @@ export default function RootLayout({children}: {children: React.ReactNode}) {
+
+
+
+
- {children}
+ {children}