Building Block · Mídia

Square Grid (1:1)

Grade de fotos quadradas 1:1 — formato feed do Instagram. Mesmo hover zoom, ícone expand e lightbox do Photo Grid, mas com proporção fixa via CSS aspect-ratio. Sem src, cada célula vira placeholder premium. Troque por arquivos reais via prop items.

tsx

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

// Placeholders (default):
<SquareGrid columns={3} />

// Com fotos reais (feed IG):
<SquareGrid
  columns={3}
  items={[
    { src: "/fotos/feed-01.jpg", alt: "Sacada", caption: "Sacada · quadra 1" },
    { src: "/fotos/feed-02.jpg", alt: "Dupla campeã", caption: "Dupla campeã" },
    // ...
  ]}
/>