Mark Henderson
59c8ec2e02
- Replace Geist with Outfit (sans), Newsreader (serif), IBM Plex Mono loaded via next/font for optimal performance and no layout shift - Wire --font-sans/serif/mono CSS variables to new fonts - body/button/input now render in Outfit by default - Add Stackless global polish: 4px thin scrollbars (#d0ccc4 thumb), black ::selection, input placeholder color #b5b0a6 Made-with: Cursor
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Outfit, Newsreader, IBM_Plex_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
import { Toaster } from "@/components/ui/sonner";
|
|
import { Providers } from "@/app/components/Providers";
|
|
|
|
const outfit = Outfit({
|
|
variable: "--font-outfit",
|
|
subsets: ["latin"],
|
|
weight: ["300", "400", "500", "600", "700"],
|
|
});
|
|
|
|
const newsreader = Newsreader({
|
|
variable: "--font-newsreader",
|
|
subsets: ["latin"],
|
|
weight: ["400", "500"],
|
|
style: ["normal", "italic"],
|
|
});
|
|
|
|
const ibmPlexMono = IBM_Plex_Mono({
|
|
variable: "--font-ibm-plex-mono",
|
|
subsets: ["latin"],
|
|
weight: ["400", "500"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "VIBN - AI-Powered Development Platform",
|
|
description: "Track, manage, and deploy your AI-coded projects with ease",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<body
|
|
className={`${outfit.variable} ${newsreader.variable} ${ibmPlexMono.variable} antialiased`}
|
|
>
|
|
<Providers>
|
|
{children}
|
|
<Toaster />
|
|
</Providers>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|
|
|