import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import './globals.css';
import { Providers } from '@/components/providers/Providers';
import { Navbar } from '@/components/layout/Navbar';
const inter = Inter({ subsets: ['latin'] });
export const metadata: Metadata = {
title: 'Pastel UI - Color Manipulation & Palette Generation',
description: 'Modern web UI for color manipulation, palette generation, and accessibility analysis',
keywords: ['color', 'palette', 'generator', 'accessibility', 'wcag', 'gradient', 'design'],
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<body className={inter.className}>
<Providers>
<Navbar />
{children}
</Providers>
</body>
</html>
);
}
