Photo Booth Strip

Four square portraits stacked in a white paper strip, tilted slightly for a classic booth feel.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Media10 } from "@/components/beste/piece/media10";

<Media10
  photos={[
    {
      "src": "https://images.unsplash.com/photo-1509460913899-515f1df34fea?q=80&w=200&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
      "alt": "Portrait 1"
    },
    {
      "src": "https://images.unsplash.com/photo-1504275490777-45f30792f13f?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8YiUyNnclMjBwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D",
      "alt": "Portrait 2"
    },
    {
      "src": "https://images.unsplash.com/photo-1660251406411-589fa0b05604?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTR8fGIlMjZ3JTIwcG9ydHJhaXR8ZW58MHx8MHx8fDA%3D",
      "alt": "Portrait 3"
    },
    {
      "src": "https://images.unsplash.com/photo-1620111693292-65bc19cc79d2?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MzB8fGIlMjZ3JTIwcG9ydHJhaXR8ZW58MHx8MHx8fDA%3D",
      "alt": "Portrait 4"
    }
  ]}
/>