import type { Metadata } from 'next'; import { Inter } from 'next/font/google'; import './globals.css'; import { Providers } from './providers'; const inter = Inter({ subsets: ['latin'] }); export const metadata: Metadata = { title: 'GaPlace - Collaborative Pixel Art', description: 'Create collaborative pixel art in real-time with infinite canvas and modern features', keywords: ['pixel art', 'collaborative', 'real-time', 'canvas', 'drawing'], authors: [{ name: 'GaPlace Team' }], }; export const viewport = { width: 'device-width', initialScale: 1, maximumScale: 5, userScalable: true, viewportFit: 'cover', }; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( {children} ); }