import { Metadata } from "next"
import { BandsGrid } from "@/components/bands/bands-grid"

export const metadata: Metadata = {
    title: "Bands | Fediversion",
    description: "Browse all bands in the Fediversion archive"
}

export default function BandsPage() {
    return (
        <div className="container max-w-6xl py-8 space-y-8">
            <div>
                <h1 className="text-3xl font-bold tracking-tight">Bands</h1>
                <p className="text-muted-foreground">
                    Select a band to explore their archive of shows, songs, and performances.
                </p>
            </div>
            <BandsGrid />
        </div>
    )
}
