Building Block · Mídia

Photo Grid + Lightbox

Grade responsiva de fotos com hover zoom suave e legenda revelada; clique abre lightbox fullscreen (Dialog) com prev/next por teclado e legenda em mono. Sem src, cada célula vira placeholder premium (gradiente quente + motivo de quadra). Troque pelo arquivo real via prop src.

tsx

import { PhotoGrid } from "@/components/blocks/media-gallery";

// Placeholders (default) — sem mídia ainda:
<PhotoGrid />

// Com fotos reais do evento:
<PhotoGrid
  columns={3}
  items={[
    { src: "/fotos/final.jpg", alt: "Final", caption: "Final — quadra central" },
    { src: "/fotos/torcida.jpg", alt: "Torcida", caption: "Arquibancada" },
    // ...
  ]}
/>