export const metadata = { title: "Contact — Broadcast Beat" };

export default function ContactPage() {
  return (
    <main className="mx-auto max-w-2xl px-6 py-12 text-[#e5e7eb]">
      <h1 className="font-serif text-4xl font-bold tracking-tight mb-6">Contact</h1>
      <dl className="space-y-5 text-[15px]">
        <div>
          <dt className="text-xs font-mono uppercase tracking-wider text-[#6b7280] mb-1">Editorial</dt>
          <dd><a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="mailto:editor@broadcastbeat.com">editor@broadcastbeat.com</a></dd>
        </div>
        <div>
          <dt className="text-xs font-mono uppercase tracking-wider text-[#6b7280] mb-1">Press releases (PR firms)</dt>
          <dd>
            Route submissions through{" "}
            <a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="https://distribution.relevantmediaproperties.com">distribution.relevantmediaproperties.com</a>.
          </dd>
        </div>
        <div>
          <dt className="text-xs font-mono uppercase tracking-wider text-[#6b7280] mb-1">Advertising</dt>
          <dd><a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="mailto:advertising@broadcastbeat.com">advertising@broadcastbeat.com</a> — see <a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="/about/advertise">media kit</a>.</dd>
        </div>
        <div>
          <dt className="text-xs font-mono uppercase tracking-wider text-[#6b7280] mb-1">Publisher</dt>
          <dd>Ryan Salazar · <a className="text-[var(--color-text-info,#60a5fa)] hover:underline" href="mailto:ryan.salazar@relevantmediaproperties.com">ryan.salazar@relevantmediaproperties.com</a></dd>
        </div>
      </dl>
    </main>
  );
}
