import type { Metadata } from "next";
import Link from "next/link";
import { PageHeader } from "@/components/page-header";
import { buildOgMeta } from "@/lib/og";
import { Mic, Clock } from "lucide-react";

export function generateMetadata(): Metadata {
  return buildOgMeta({
    title: "Transcriptions",
    detail: "Lectures & conversations",
    quote:
      "Transcriptions of Śrīla Prabhupāda's lectures, morning walks, room conversations, and dialogues — the living voice of the Founder-Ācārya preserved in text.",
  });
}

export default function TranscriptionsPage() {
  return (
    <div className="min-h-screen bg-background">
      <PageHeader>
        <Link
          href="/"
          className="text-sm text-muted-foreground hover:text-foreground transition-colors"
        >
          &larr; Home
        </Link>
        <h1 className="mt-3 text-3xl font-bold text-foreground">
          Transcriptions
        </h1>
        <p className="mt-1 text-muted-foreground">
          Lectures &amp; conversations of Śrīla Prabhupāda
        </p>
      </PageHeader>

      <main className="max-w-5xl mx-auto px-6 py-8">
        <div className="flex flex-col items-center justify-center py-24 text-center">
          <div className="flex items-center justify-center size-20 rounded-2xl bg-primary/10 text-primary mb-6">
            <Mic className="size-10" />
          </div>

          <h2 className="text-2xl font-bold text-foreground mb-2">
            Coming Soon
          </h2>

          <p className="text-muted-foreground max-w-md mb-8">
            We are working on indexing thousands of transcriptions of Śrīla
            Prabhupāda&apos;s lectures, morning walks, room conversations, and
            dialogues into our database. This section will be available shortly.
          </p>

          <div className="flex items-center gap-2 text-sm text-muted-foreground/60">
            <Clock className="size-4" />
            <span>Under active development</span>
          </div>
        </div>
      </main>
    </div>
  );
}