import Header from "@/components/Header";
import Footer from "@/components/Footer";

export const metadata = {
  title: "About Broadcast Beat",
  description: "Broadcast Beat is an independent industry publication covering broadcast, production, and post-production technology.",
};

export default function AboutPage() {
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <main className="mx-auto max-w-3xl px-6 py-12 text-[#e5e7eb]">
        <h1 className="font-serif text-4xl font-bold tracking-tight mb-6">About Broadcast Beat</h1>
        <div className="space-y-5 text-[#d1d5db] text-[15px] leading-relaxed">
          <p>
            Broadcast Beat is an independent trade publication covering broadcast,
            live production, streaming, and post-production technology. We
            report on the equipment, services, and people that move the
            professional video industry forward.
          </p>
          <p>
            We cover the major industry shows — NAB, IBC, BroadcastAsia, MPTS,
            and others — track product launches and acquisitions, and publish
            interviews with the engineers, post supervisors, and executives
            building the next generation of workflows.
          </p>
          <p>
            Editorial decisions are made independently of advertising. We do
            not accept payment for editorial coverage. Vendor-supplied press
            releases routed through our distribution platform are rewritten
            by our staff or AI assistants according to our editorial style
            guide; the original submission is preserved on file.
          </p>
        </div>
      </main>
      <Footer />
    </div>
  );
}
