import './globals.css'
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import '@fortawesome/fontawesome-svg-core/styles.css'
import { config } from '@fortawesome/fontawesome-svg-core'
import { SpeedInsights } from "@vercel/speed-insights/next"
import { Analytics } from "@vercel/analytics/react"
config.autoAddCss = false
const inter = Inter({ subsets: ['latin'] })
export const metadata: Metadata = {
title: 'Aidan',
description: 'Web Developer & Student',
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en" className="dark">
<body className={`${inter.className} bg-gray-900 text-gray-100`}>
{children}
<Analytics />
<SpeedInsights />
</body>
</html>
)