import type { Metadata, Viewport } from "next";
import "./globals.css";

export const metadata: Metadata = {
  metadataBase: new URL("https://unified-ideosorter.feeneydactyl.chatgpt.site"),
  title: "Ideology Sorter",
  description: "Explore 172 political ideologies through one complete decision tree.",
  openGraph: {
    title: "Ideology Sorter",
    description: "172 ideologies. 152 questions. One complete decision tree.",
    url: "https://unified-ideosorter.feeneydactyl.chatgpt.site",
    siteName: "Ideology Sorter",
    type: "website",
    images: [
      {
        url: "https://unified-ideosorter.feeneydactyl.chatgpt.site/og.png",
        width: 1200,
        height: 630,
        alt: "Ideology Sorter — 172 ideologies, one decision tree",
      },
    ],
  },
  twitter: {
    card: "summary_large_image",
    title: "Ideology Sorter",
    description: "172 ideologies. One decision tree.",
    images: ["https://unified-ideosorter.feeneydactyl.chatgpt.site/og.png"],
  },
  icons: {
    icon: "/assets/quark/logos/icon.png",
    shortcut: "/assets/quark/logos/icon.png",
  },
};

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  viewportFit: "cover",
  themeColor: "#292a29",
};

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