From c8ec2735d2d163e9b794d2bd8530906ac694b0a8 Mon Sep 17 00:00:00 2001 From: Krishna Ayyalasomayajula Date: Mon, 1 Jun 2026 19:40:16 -0500 Subject: [PATCH] feat: root layout with fonts, @wrksz/themes, motion, metadata --- app/layout.tsx | 71 ++++++++++++++++++++++++++++++-------------------- 1 file changed, 43 insertions(+), 28 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index 976eb90..062aac5 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,33 +1,48 @@ -import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; -import "./globals.css"; +import type { Metadata } from 'next' +import { Inter, Merriweather, JetBrains_Mono } from 'next/font/google' +import { ThemeProvider } from '@wrksz/themes/next' +import { Providers } from './providers' +import './globals.css' +import 'katex/dist/katex.min.css' +import { useMDXComponents } from '@/mdx-components' -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); +const inter = Inter({ + subsets: ['latin'], + display: 'swap', + variable: '--font-inter', +}) -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); +const merriweather = Merriweather({ + weight: ['400', '700'], + subsets: ['latin'], + display: 'swap', + variable: '--font-merriweather', +}) + +const jetbrainsMono = JetBrains_Mono({ + subsets: ['latin'], + display: 'swap', + variable: '--font-jetbrains-mono', +}) export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", -}; - -export default function RootLayout({ - children, -}: Readonly<{ - children: React.ReactNode; -}>) { - return ( - - {children} - - ); + title: { template: '%s | blog', default: 'blog' }, + description: 'A sleek static blog with code and math.', +} + +export default function RootLayout({ children }: { children: React.ReactNode }) { + return ( + + + + {children} + + + + ) }