Filmstrip

Tira horizontal de thumbnails com ScrollArea (scroll suave) e hover zoom; clique abre o mesmo lightbox do Photo Grid. Sem src, thumbnails viram placeholders enumerados.

tsx

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

// Placeholders:
<Filmstrip />

// Com fotos reais:
<Filmstrip
  items={[
    { src: "/fotos/01.jpg", alt: "Momento 1", caption: "#01" },
    { src: "/fotos/02.jpg", alt: "Momento 2", caption: "#02" },
    // ...
  ]}
/>