spsays-training/app/page.tsx

import Link from "next/link";
import {
  Card,
  CardHeader,
  CardTitle,
  CardDescription,
  CardContent,
} from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { PageHeader } from "@/components/page-header";
import { Logo } from "@/components/logo";
import {
  BookOpen,
  BookA,
  PenLine,
  FileStack,
  NotebookPen,
  Newspaper,
  Mail,
  Users,
  Mic,
} from "lucide-react";

export default function Home() {
  return (
    <div className="min-h-screen bg-background">
      <PageHeader>
        <Logo height={56} className="mb-1" />
      </PageHeader>

      <main className="max-w-5xl mx-auto px-6 py-8">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
          {/* Structured Books (JSON) */}
          <Link href="/books" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <BookOpen className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">Books</CardTitle>
                    <CardDescription>
                      Structured verse-by-verse editions
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Bhagavad-gītā, Śrīmad-Bhāgavatam, Caitanya-caritāmṛta and
                  other books with Devanagari, Bengali, transliteration,
                  synonyms, translations &amp; purports.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Essays */}
          <Link href="/essays" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <PenLine className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">Essays</CardTitle>
                    <CardDescription>
                      Essays by Śrīla Prabhupāda
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Foundational essays including &ldquo;Krishna The Reservoir Of
                  Pleasure&rdquo; and &ldquo;Who Is Crazy?&rdquo; — timeless
                  introductions to the science of Kṛṣṇa consciousness.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Magazines */}
          <Link href="/magazines" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <Newspaper className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Magazines
                    </CardTitle>
                    <CardDescription>Back to Godhead magazines</CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  The original Back to Godhead magazine founded by Śrīla
                  Prabhupāda with articles on Kṛṣṇa consciousness, Vedic
                  philosophy, and spiritual life.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Letters */}
          <Link href="/letters" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <Mail className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">Letters</CardTitle>
                    <CardDescription>
                      6,800+ letters (1947–1977)
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Śrīla Prabhupāda&apos;s personal correspondence — over 6,800
                  letters to disciples, Godbrothers, government officials, and
                  well-wishers. Browse by year, recipient, or location.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Transcriptions */}
          <Link href="/transcriptions" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <Mic className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Transcriptions
                    </CardTitle>
                    <CardDescription>
                      Lectures &amp; conversations
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Transcriptions of Śrīla Prabhupāda&apos;s lectures, morning
                  walks, room conversations, and dialogues — the living voice of
                  the Founder-Ācārya preserved in text.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Disciples */}
          <Link href="/disciples" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <Users className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Disciples
                    </CardTitle>
                    <CardDescription>
                      4,700+ initiated disciples
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  A directory of disciples initiated by Śrīla Prabhupāda between
                  1966 and 1977 — browse by name, initiation place, or year.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Journals */}
          <Link href="/journals" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <NotebookPen className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Journals
                    </CardTitle>
                    <CardDescription>
                      Personal diaries &amp; journals
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Śrīla Prabhupāda&apos;s personal diaries — including the
                  historic Jaladuta Diary from his 1965 voyage to America and
                  The Beginning, his 1966 New York journal documenting the
                  founding of the Hare Kṛṣṇa movement.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Glossary */}
          <Link href="/glossary" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <BookA className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Glossary
                    </CardTitle>
                    <CardDescription>
                      2,700+ Sanskrit &amp; Vedic terms
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  A comprehensive, searchable glossary of Sanskrit and Vedic
                  terms from Śrīla Prabhupāda&apos;s books — definitions,
                  cross-references, and encyclopedic entries.
                </p>
              </CardContent>
            </Card>
          </Link>

          {/* Other Documents */}
          <Link href="/other-documents" className="block group h-full">
            <Card className="h-full transition-all group-hover:shadow-md group-hover:ring-foreground/20">
              <CardHeader>
                <div className="flex items-center gap-3">
                  <div className="flex items-center justify-center size-10 rounded-lg bg-primary/10 text-primary">
                    <FileStack className="size-5" />
                  </div>
                  <div className="flex-1 min-w-0">
                    <CardTitle className="text-xl font-bold">
                      Other Documents
                    </CardTitle>
                    <CardDescription>
                      Miscellaneous analyses &amp; writings
                    </CardDescription>
                  </div>
                </div>
              </CardHeader>
              <CardContent>
                <p className="text-sm text-muted-foreground">
                  Miscellaneous documents, analyses, and writings by Śrīla
                  Prabhupāda that don&apos;t fit neatly into the books or essays
                  collections.
                </p>
              </CardContent>
            </Card>
          </Link>
        </div>
      </main>
    </div>
  );
}