import React from "react"
import type { Metadata } from "next"
import { Inter } from "next/font/google"
import Script from "next/script"
import { SEO } from "@/lib/seo"
import { Providers } from "@/components/providers"
import Shell from "./shell"
import "./globals.css"
const inter = Inter({ subsets: ["latin"] })
export const metadata: Metadata = {
metadataBase: new URL(SEO.url),
title: {
template: "%s | Roo Code",
default: SEO.title,
},
description: SEO.description,
alternates: {
canonical: SEO.url,
},
icons: {
icon: [
{ url: "/favicon.ico" },
{ url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
{ url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
],
apple: [{ url: "/apple-touch-icon.png" }],
other: [
{
rel: "android-chrome-192x192",
url: "/android-chrome-192x192.png",
sizes: "192x192",
type: "image/png",
},
{
rel: "android-chrome-512x512",
url: "/android-chrome-512x512.png",
sizes: "512x512",
type: "image/png",
},
],
},
openGraph: {
title: SEO.title,
description: SEO.description,
url: SEO.url,
siteName: SEO.name,
images: [
{
url: SEO.ogImage.url,
width: SEO.ogImage.width,
height: SEO.ogImage.height,
alt: SEO.ogImage.alt,
},
],
locale: SEO.locale,
type: "website",
},
twitter: {
card: SEO.twitterCard,
title: SEO.title,
description: SEO.description,
images: [SEO.ogImage.url],
},
robots: {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
"max-snippet": -1,
"max-image-preview": "large",
"max-video-preview": -1,
},
},
keywords: [...SEO.keywords],
applicationName: SEO.name,
category: SEO.category,
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{/* Google tag (gtag.js) */}
{children}
)
}