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

const geist = Geist({
  variable: "--font-geist",
  subsets: ["latin"],
  display: "swap",
});

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

export const metadata: Metadata = {
  title: "BossAI | 聚合多模型多模态的 AI 应用平台",
  description:
    "BossAI 聚合 API 网关、模型路由、Comfy 工作流、短视频工厂和数字人生产，让团队统一管理多模型多模态 AI 应用。",
  applicationName: "BossAI",
  icons: {
    icon: "/favicon.png",
    shortcut: "/favicon-64.png",
  },
  openGraph: {
    title: "BossAI | 聚合多模型多模态的 AI 应用平台",
    description:
      "统一 API 网关、智能路由、工作流画布和创作应用，让团队管理对话、生图、视频和数字人生产。",
    type: "website",
    locale: "zh_CN",
  },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  colorScheme: "light dark",
  themeColor: [
    { media: "(prefers-color-scheme: light)", color: "#f7fbf2" },
    { media: "(prefers-color-scheme: dark)", color: "#06110e" },
  ],
};

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