import type { Metadata } from "next";
import { Suspense } from "react";
import NewsPageClient from "../NewsPageClient";
import { getLegacyFeaturedArticles } from "@/lib/articles/legacy-source";

export const revalidate = 1800;

export const metadata: Metadata = {
  title: "Featured Stories — AV Beat",
  description:
    "Editorial picks from the AV Beat staff — the most important industry stories, hand-selected from across broadcast engineering, IP/cloud workflows, streaming, AI, and live production.",
  alternates: { canonical: "/news/featured" },
};

export default async function FeaturedNewsPage() {
  const articles = await getLegacyFeaturedArticles(200);
  return (
    <Suspense fallback={null}>
      <NewsPageClient
        articles={articles}
        kicker="Editorial"
        heading="Featured Editorial"
        subtitle="Hand-picked feature stories, exclusives, and cover articles from the AV Beat editorial desk."
        hideAiSuggestions
      />
    </Suspense>
  );
}
