import type { Metadata, Viewport } from "next";
import { siteUrls } from "@/lib/config/sites";

export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
  maximumScale: 5,
  themeColor: [
    { media: "(prefers-color-scheme: light)", color: "white" },
    { media: "(prefers-color-scheme: dark)", color: "#0f172a" },
  ],
};

export const metadata: Metadata = {
  title: {
    default: "Mission Control | TopDogLabs",
    template: "%s | Mission Control",
  },
  description:
    "Central hub for activity, tasks, goals, and tools. Build an iOS empire to achieve financial independence and retire on your own terms.",
  keywords: [
    "mission control",
    "task management",
    "productivity",
    "iOS development",
    "project management",
    "goals tracking",
  ],
  authors: [{ name: "TopDogLabs" }],
  creator: "TopDogLabs",
  metadataBase: new URL(siteUrls.missionControl),
  openGraph: {
    type: "website",
    locale: "en_US",
    url: siteUrls.missionControl,
    title: "Mission Control | TopDogLabs",
    description:
      "Central hub for activity, tasks, goals, and tools. Build an iOS empire to achieve financial independence.",
    siteName: "Mission Control",
  },
  twitter: {
    card: "summary_large_image",
    title: "Mission Control | TopDogLabs",
    description:
      "Central hub for activity, tasks, goals, and tools. Build an iOS empire to achieve financial independence.",
  },
  robots: {
    index: true,
    follow: true,
    googleBot: {
      index: true,
      follow: true,
      "max-video-preview": -1,
      "max-image-preview": "large",
      "max-snippet": -1,
    },
  },
  manifest: "/manifest.json",
  icons: {
    icon: "/favicon.ico",
    shortcut: "/favicon.ico",
    apple: "/apple-touch-icon.png",
  },
};