import type { Metadata } from 'next'; import { ThemeProvider } from 'next-themes'; import { Inter } from 'next/font/google'; import { Toaster } from 'sonner'; import { Footer } from '@/components/layout/footer.js'; import { Nav } from '@/components/layout/nav.js'; import './globals.css'; const inter = Inter({ subsets: ['latin'], display: 'swap', variable: '--font-inter', }); export const metadata: Metadata = { title: 'Energy & AI Dashboard', description: 'Interactive dashboard visualizing how AI datacenter buildout is driving regional electricity demand and energy prices', }; export default function RootLayout({ children }: { children: React.ReactNode }) { return (