import type { Metadata } from "next";
import { AuthorsHubView } from "@/components/authors/authors-hub-view";
import { site, ogBase, twitterBase } from "@/content/site";

export const metadata: Metadata = {
  title: "Authors & Research Team — Voice AI Architects",
  description:
    "Meet the builders, product engineers, and speech AI architects writing research, engineering guides, and product updates at Quto AI.",
  openGraph: {
    ...ogBase,
    title: "Authors & Research Team — Voice AI Architects",
    description:
      "Meet the engineers, product architects, and leaders building the future of enterprise voice AI.",
    url: `${site.url}/author`,
  },
  twitter: {
    ...twitterBase,
    title: "Authors & Research Team — Voice AI Architects",
    description:
      "Meet the engineers, product architects, and leaders building the future of enterprise voice AI.",
  },
  alternates: {
    canonical: "/author",
  },
};

export default function AuthorsPage() {
  const jsonLd = {
    "@context": "https://schema.org",
    "@type": "CollectionPage",
    name: "Quto AI Authors & Research Team",
    description: "Meet the product architects and engineers building enterprise voice AI.",
    url: `${site.url}/author`,
  };

  const breadcrumbSchema = {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    itemListElement: [
      { "@type": "ListItem", position: 1, name: "Home", item: site.url },
      { "@type": "ListItem", position: 2, name: "Authors", item: `${site.url}/author` },
    ],
  };

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify([jsonLd, breadcrumbSchema]) }}
      />
      <AuthorsHubView />
    </>
  );
}