Spaces:
Runtime error
Runtime error
import clsx from "clsx"; | |
import Head from "next/head"; | |
import { type ReactNode } from "react"; | |
interface LayoutProps { | |
children: ReactNode; | |
className?: string; | |
centered?: boolean; | |
} | |
const DefaultLayout = (props: LayoutProps) => { | |
const description = "Assemble, configure, and deploy autonomous AI Agents in your browser."; | |
return ( | |
<div | |
className={clsx( | |
"flex flex-col bg-gradient-to-b from-[#2B2B2B] to-[#1F1F1F]", | |
props.centered && "items-center justify-center" | |
)} | |
> | |
<Head> | |
<title>AgentGPT</title> | |
<meta name="description" content={description} /> | |
<meta name="twitter:site" content="@AgentGPT" /> | |
<meta name="twitter:card" content="summary_large_image" /> | |
<meta name="twitter:title" content="AgentGPT π€" /> | |
<meta name="twitter:description" content={description} /> | |
<meta name="twitter:image" content="https://agentgpt.reworkd.ai/banner.png" /> | |
<meta name="twitter:image:width" content="1280" /> | |
<meta name="twitter:image:height" content="640" /> | |
<meta property="og:title" content="AgentGPT: Autonomous AI in your browser π€" /> | |
<meta property="og:description" content={description} /> | |
<meta property="og:url" content="https://agentgpt.reworkd.ai/" /> | |
<meta property="og:image" content="https://agentgpt.reworkd.ai/banner.png" /> | |
<meta property="og:image:width" content="1280" /> | |
<meta property="og:image:height" content="640" /> | |
<meta property="og:type" content="website" /> | |
<meta | |
name="google-site-verification" | |
content="sG4QDkC8g2oxKSopgJdIe2hQ_SaJDaEaBjwCXZNkNWA" | |
/> | |
<link rel="icon" href="/favicon.ico" /> | |
</Head> | |
<div className={clsx("min-w-screen min-h-screen", props.className)}>{props.children}</div> | |
</div> | |
); | |
}; | |
export default DefaultLayout; | |