import type { Metadata } from "next";
import { Catalog } from "@/components/catalog";
import { PageHero } from "@/components/page-hero";

export const metadata: Metadata = {
  title: "Músicas",
  description:
    "Explore o catálogo SelahBeat: trap gospel, rap cristão, funk gospel, worship urbano e músicas de fé, graça, identidade e propósito.",
  alternates: { canonical: "/musicas" },
};

export default function MusicPage() {
  return (
    <main id="conteudo">
      <PageHero
        eyebrow="CATÁLOGO OFICIAL"
        title="Cada faixa carrega uma mensagem."
        description="Explore lançamentos por estilo, tema ou ano e encontre a trilha para o momento que você está vivendo."
      />
      <Catalog />
    </main>
  );
}