import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";

const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"] });
const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"] });

export const metadata: Metadata = {
  metadataBase: new URL("https://engine.openai.site"),
  title: "Engine — Verify the agent before you fund",
  description: "Write or pick a strategy in plain English. See every decision. Keep your funds in your vault.",
  icons: { icon: "/favicon.svg", shortcut: "/favicon.svg" },
  openGraph: {
    title: "An AI trading agent you can verify before you fund.",
    description: "See every decision. Keep custody. Build your first agent free.",
    type: "website",
    images: [{ url: "/og.png", width: 1200, height: 630, alt: "Engine live read-access terminal and permission receipt" }],
  },
  twitter: { card: "summary_large_image", title: "Engine — Verify before you fund", description: "See every decision. Keep custody. Build your first agent free.", images: ["/og.png"] },
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return <html lang="en"><body className={`${geistSans.variable} ${geistMono.variable}`}>{children}</body></html>;
}
