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

export const metadata = { title: "Press kit — AV Beat" };

export default function PressKitPage() {
  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">Press kit</h1>
        <div className="space-y-6 text-[15px]">
          <section>
            <h2 className="font-mono text-xs uppercase tracking-wider text-[#6b7280] mb-2">Logos</h2>
            <ul className="space-y-1">
              <li><a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="/assets/images/logo.png" download>AV Beat logo (PNG)</a></li>
            </ul>
          </section>
          <section>
            <h2 className="font-mono text-xs uppercase tracking-wider text-[#6b7280] mb-2">Boilerplate</h2>
            <p className="text-[#d1d5db] leading-relaxed">
              AV Beat is an independent trade publication covering broadcast,
              live production, streaming, and post-production technology. Founded
              to bring engineering-rigor reporting to industry coverage, AV Beat
              publishes daily on the equipment, services, and people that move
              professional video forward.
            </p>
          </section>
          <section>
            <h2 className="font-mono text-xs uppercase tracking-wider text-[#6b7280] mb-2">Media contact</h2>
            <p>
              <a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="mailto:ryan.salazar@relevantmediaproperties.com">ryan.salazar@relevantmediaproperties.com</a>
            </p>
          </section>
        </div>
      </main>
      <Footer />
    </div>
  );
}
