Perspective Carousel

1import { PerspectiveCarousel } from "@/components/ui/perspective-carousel"
2
3const items = [
4  { src: "/images/city.jpg", title: "urban exploration" },
5  { src: "/images/night.jpg", title: "night scene" },
6  { src: "/images/flowers.jpg", title: "yellow wildflowers" },
7  { src: "/images/fuji.jpg", title: "street with mount fuji" },
8]
9
10export function PerspectiveCarouselDemo() {
11  return (
12    <PerspectiveCarousel
13      items={items}
14      defaultActiveIndex={2}
15      slideWidth={210}
16      className="h-[560px] bg-[#ececec] text-neutral-800 dark:bg-neutral-950 dark:text-neutral-100"
17    />
18  )
19}