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 — Broadcast Beat",
  description:
    "Editorial picks from the Broadcast 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} />
    </Suspense>
  );
}
