import Navbar from 'components/layout/navbar'; import { Inter } from 'next/font/google'; import { ReactNode, Suspense } from 'react'; import './globals.css'; const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME } = process.env; export const metadata = { title: { default: SITE_NAME, template: `%s | ${SITE_NAME}` }, robots: { follow: true, index: true }, ...(TWITTER_CREATOR && TWITTER_SITE && { twitter: { card: 'summary_large_image', creator: TWITTER_CREATOR, site: TWITTER_SITE } }) }; const inter = Inter({ subsets: ['latin'], display: 'swap', variable: '--font-inter' }); export default async function RootLayout({ children }: { children: ReactNode }) { return (