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 — Build with Atlas", description: "Chat with Atlas to define your product, then let AI build it.", manifest: "/manifest.json", appleWebApp: { capable: true, statusBarStyle: "black-translucent", title: "VIBN", }, other: { "mobile-web-app-capable": "yes", "msapplication-TileColor": "#1a1a1a", }, }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return (