| import type { Metadata } from "next"; |
| import { Almarai, Instrument_Serif, Geist } from "next/font/google"; |
| import "./globals.css"; |
| import { cn } from "@/lib/utils"; |
|
|
| const geist = Geist({subsets:['latin'],variable:'--font-sans'}); |
|
|
| const almarai = Almarai({ |
| variable: "--font-almarai", |
| subsets: ["arabic", "latin"], |
| weight: ["300", "400", "700", "800"], |
| display: "swap", |
| }); |
|
|
| const instrumentSerif = Instrument_Serif({ |
| variable: "--font-instrument-serif", |
| subsets: ["latin"], |
| weight: "400", |
| style: "italic", |
| display: "swap", |
| }); |
|
|
| export const metadata: Metadata = { |
| title: "PraxaLing", |
| description: "Practicing languages using PraxaLing.", |
| }; |
|
|
| export default function RootLayout({ |
| children, |
| }: Readonly<{ |
| children: React.ReactNode; |
| }>) { |
| return ( |
| <html lang="en" className={cn("h-full", "antialiased", almarai.variable, instrumentSerif.variable, "font-sans", geist.variable)}> |
| <head> |
| <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" /> |
| </head> |
| <body className="flex min-h-full flex-col bg-black">{children}</body> |
| </html> |
| ); |
| } |
|
|
