{reply.body}
+
+
Recent coverage
+ + All stories → + +
+ {recentStories.slice(0, 6).map((r: any) => (
+
+ {r.featured_image ? (
+ /* eslint-disable-next-line @next/next/no-img-element */
+ 
+ ) : (
+
+ )}
+
+
+
+
+ ))}
+ + {r.title} +
+ {r.wp_published_at && ( ++ {new Date(r.wp_published_at).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" })} +
+ )} +Recent news
+Press releases
-
{pressReleases.map((p) => (
-
diff --git a/src/app/nab-2026/page.tsx b/src/app/nab-2026/page.tsx
new file mode 100644
index 0000000..d3b3418
--- /dev/null
+++ b/src/app/nab-2026/page.tsx
@@ -0,0 +1,234 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import Header from "@/components/Header";
+import Footer from "@/components/Footer";
+import { createClient } from "@/lib/supabase/server";
+import { createAdminClient } from "@/lib/supabase/admin";
+import CompanyMentionsHover from "@/components/CompanyMentionsHover";
+
+export const revalidate = 600;
+
+export const metadata: Metadata = {
+ title: "NAB Show 2026 — Live Coverage Hub | Broadcast Beat",
+ description:
+ "Broadcast Beat's live coverage of NAB Show 2026: 1,100+ exhibitors, the latest product launches, booth-by-booth news, and editorial pick stories from the show floor.",
+ alternates: { canonical: "/nab-2026" },
+ openGraph: {
+ title: "NAB Show 2026 — Live Coverage Hub",
+ description:
+ "Live coverage, exhibitor list, and breaking product news from NAB Show 2026.",
+ type: "website",
+ url: "https://broadcastbeat.com/nab-2026",
+ },
+};
+
+type ExhibitorRow = {
+ slug: string;
+ company_name: string;
+ logo_url: string | null;
+ featured: boolean;
+ mention_count: number;
+ categories: string[] | null;
+};
+
+type ArticleRow = {
+ wp_slug: string;
+ title: string;
+ excerpt: string | null;
+ featured_image: string | null;
+ wp_published_at: string | null;
+};
+
+export default async function NabHub() {
+ const supabase = await createClient();
+
+ const { data: rawExhibitors } = await supabase
+ .from("tracked_companies")
+ .select("slug, company_name, logo_url, featured, mention_count, categories")
+ .eq("directory_visible", true)
+ .eq("exhibits_nab", true)
+ .not("slug", "is", null)
+ .order("featured", { ascending: false })
+ .order("mention_count", { ascending: false })
+ .order("company_name", { ascending: true })
+ .limit(2000);
+
+ const exhibitors = (rawExhibitors || []) as ExhibitorRow[];
+
+ // Sponsor lookup so the hub can bubble paying advertisers to the top.
+ let sponsors = new Set
(); + try { + const adv = createAdminClient("adv"); + const { data: ads } = await adv + .from("active_advertisers_by_property") + .select("company_name_lower") + .eq("property", "broadcastbeat"); + sponsors = new Set((ads || []).map((r: any) => String(r.company_name_lower))); + } catch { /* tolerate */ } + + // Group exhibitors: sponsors first, then everything else alphabetically. + const sponsorRows = exhibitors.filter((e) => sponsors.has(e.company_name.toLowerCase())); + const otherRows = exhibitors + .filter((e) => !sponsors.has(e.company_name.toLowerCase())) + .sort((a, b) => a.company_name.localeCompare(b.company_name)); + + // Recent NAB stories — anything published in the last 60 days with NAB in + // the title or tags. Cap at 30. + const sixtyDaysAgo = new Date(Date.now() - 60 * 24 * 3600 * 1000).toISOString(); + const { data: rawArticles } = await supabase + .from("wp_imported_posts") + .select("wp_slug, title, excerpt, featured_image, wp_published_at") + .eq("status", "published") + .or("title.ilike.%NAB%,title.ilike.%NAB 2026%") + .gte("wp_published_at", sixtyDaysAgo) + .order("wp_published_at", { ascending: false }) + .limit(30); + + const articles = (rawArticles || []) as ArticleRow[]; + + return ( + ++ ); +} diff --git a/src/components/LinkifyPlainText.tsx b/src/components/LinkifyPlainText.tsx new file mode 100644 index 0000000..f40398f --- /dev/null +++ b/src/components/LinkifyPlainText.tsx @@ -0,0 +1,125 @@ +"use client"; + +import Link from "next/link"; +import { useEffect, useState } from "react"; + +type Company = { name: string; slug: string; needle: string }; + +// Module-level cache: fetched once per page load, reused across every +// LinkifyPlainText instance on the page. +let companyListPromise: Promise+ + + {/* Hero */} + + + ++++ + Live coverage hub + + April 11–16, 2026 · Las Vegas +++ NAB Show 2026 +
++ {exhibitors.length.toLocaleString()} exhibitors confirmed. + {sponsorRows.length > 0 && <> {sponsorRows.length} are Broadcast Beat coverage partners.} + {" "}Browse the directory, read the latest product news, and find every booth. +
++ + {/* Featured / Coverage Partners */} + {sponsorRows.length > 0 && ( ++ + ++ + )} + + {/* Recent NAB-related stories */} + {articles.length > 0 && ( ++ ++ Coverage Partners at NAB +
+ {sponsorRows.length} exhibiting partner{sponsorRows.length === 1 ? "" : "s"} ++ {sponsorRows.map((e) => ( + +++ {e.logo_url ? ( + /* eslint-disable-next-line @next/next/no-img-element */ ++ {e.company_name} + Sponsor + + ))} ++ ) : ( + {e.company_name.charAt(0).toUpperCase()} + )} +
+ + )} + + {/* Full exhibitor list */} ++ ++ Latest from the show floor +
+ + See all NAB coverage → + ++ {articles.slice(0, 9).map((a) => ( + + {a.featured_image && ( + /* eslint-disable-next-line @next/next/no-img-element */ +++ )} +
++ + ))} ++ {a.title} +
+ {a.wp_published_at && ( ++ {new Date(a.wp_published_at).toLocaleDateString("en-US", { month: "short", day: "numeric" })} +
+ )} ++ ++ ++ All NAB 2026 exhibitors +
+ + Full directory → + ++ {otherRows.slice(0, 200).map((e) => ( + + {e.logo_url ? ( + /* eslint-disable-next-line @next/next/no-img-element */ ++ {otherRows.length > 200 && ( ++ {e.company_name.charAt(0).toUpperCase()} ++ )} + {e.company_name} + + ))} ++ Showing 200 of {otherRows.length.toLocaleString()} exhibitors.{" "} + Browse the full directory → +
+ )} +(); + let linkCount = 0; + + while (cursor < text.length && linkCount < maxLinks) { + // Find earliest match starting at or after cursor + let best: { start: number; end: number; company: Company } | null = null; + for (const c of companies) { + if (seen.has(c.slug)) continue; + const re = new RegExp(`(^|[^A-Za-z0-9])(${escapeRegex(c.name)})(?![A-Za-z0-9])`, "i"); + re.lastIndex = 0; + const m = re.exec(text.slice(cursor)); + if (!m) continue; + const absStart = cursor + m.index + m[1].length; + const absEnd = absStart + m[2].length; + if (!best || absStart < best.start || (absStart === best.start && absEnd - absStart > best.end - best.start)) { + best = { start: absStart, end: absEnd, company: c }; + } + } + if (!best) break; + if (best.start > cursor) { + out.push({ type: "text", text: text.slice(cursor, best.start) }); + } + out.push({ type: "link", text: text.slice(best.start, best.end), slug: best.company.slug }); + seen.add(best.company.slug); + linkCount++; + cursor = best.end; + } + if (cursor < text.length) out.push({ type: "text", text: text.slice(cursor) }); + return out; +} + +export default function LinkifyPlainText({ + body, + className, + preserveWhitespace = true, +}: { + body: string; + className?: string; + preserveWhitespace?: boolean; +}) { + const [companies, setCompanies] = useState + + ); +}+ + Coverage Partners + + + + Advertise → + +++ {sponsors.map((s) => ( + + {/* eslint-disable-next-line @next/next/no-img-element */} +++ + ))} +