Building Block · Mídia

Reels Strip (9:16)

Tira horizontal de cards verticais 9:16 (stories / reels) com scroll suave (ScrollArea) e badge de play — mesmo padrão do Filmstrip, mas vertical. Clique abre o lightbox em modo vertical. Sem src, placeholders enumerados.

tsx

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

// Placeholders (default):
<ReelsStrip />

// Com reels/stories reais (9:16):
<ReelsStrip
  items={[
    { src: "/reels/01.jpg", alt: "Reel 1", caption: "Bastidores" },
    { src: "/reels/02.jpg", alt: "Reel 2", caption: "Melhores momentos" },
    // ...
  ]}
/>