learning_ai_clock/web/src/app/layout.tsx
2026-03-04 20:01:34 -08:00

66 lines
1.6 KiB
TypeScript

import type { Metadata, Viewport } from "next";
import { Inter, JetBrains_Mono } from "next/font/google";
import "./globals.css";
import { ToastContainer } from "@/components/Toast";
import { Providers } from "./providers";
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const jetbrainsMono = JetBrains_Mono({
variable: "--font-jetbrains-mono",
subsets: ["latin"],
});
export const viewport: Viewport = {
themeColor: "var(--cm-accent)",
width: "device-width",
initialScale: 1,
maximumScale: 1,
userScalable: false,
};
export const metadata: Metadata = {
title: "ChronoMind — Smart Pre-Warning Timer",
description: "AI-powered time awareness layer with pre-warning cascades, visual timeline, and Pomodoro sessions.",
manifest: "/manifest.json",
appleWebApp: {
capable: true,
title: "ChronoMind",
statusBarStyle: "black-translucent",
},
other: {
"mobile-web-app-capable": "yes",
},
icons: {
icon: [
{ url: "/icons/icon-192.png", sizes: "192x192", type: "image/png" },
{ url: "/icons/icon-512.png", sizes: "512x512", type: "image/png" },
],
apple: [
{ url: "/icons/apple-touch-icon.png", sizes: "180x180", type: "image/png" },
],
},
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body
className={`${inter.variable} ${jetbrainsMono.variable} antialiased`}
>
<Providers>
{children}
<ToastContainer />
</Providers>
</body>
</html>
);
}