Pixelated Image Trail

1import PixelatedImageTrail from "@/components/ui/pixelated-image-trail"
2
3export function PixelatedImageTrailDemo() {
4  return (
5    <div className="relative h-[500px] overflow-hidden rounded-xl bg-black">
6      <PixelatedImageTrail
7        images={[
8          "/trail-images/image1.jpg",
9          "/trail-images/image4.jpg",
10          "/trail-images/image5.jpg",
11        ]}
12        imageSize={220}
13        slices={5}
14        smoothing={0.32}
15        spawnThreshold={32}
16        config={{
17          imageLifespan: 1500,
18          inDuration: 280,
19          outDuration: 620,
20          staggerIn: 12,
21          staggerOut: 9,
22          slideDuration: 1300,
23        }}
24      />
25    </div>
26  )
27}