- Started working on the about page;

- Updated the translation; - Changed the language switch from flags to text
2023-10-22 18:31:39 +01:00
parent 95af390d21
commit b54eab9b35
12 changed files with 187 additions and 192 deletions
--- 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}) {
 				<meta httpEquiv="Content-Security-Policy-Report-Only" content="default-src 'self' *.stripe.com *.encoach.com localhost" />

 				<script async src="https://js.stripe.com/v3/pricing-table.js" />
+
+				<link rel="preconnect" href="https://fonts.googleapis.com" />
+				<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
+				<link href="https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap" rel="stylesheet" />
 			</head>
-			<body className={inter.className}>{children}</body>
+			<body className={clsx(almarai.className, "font-almarai")}>{children}</body>
 		</html>
 	);
 }