Verse Cards

1import { Layers } from "lucide-react"
2import { VerseCards } from "@/components/ui/verse-cards"
3
4export function VerseCardsDemo() {
5  return (
6    <div className="relative h-[600px] w-full overflow-hidden rounded-xl">
7      <VerseCards
8        navItems={[
9          { label: "Work", icon: <Layers className="h-5 w-5" />, badge: true, isTrigger: true },
10        ]}
11        cards={["Sonyverse", "Nota", "Blinder", "Cinovas", "Uito"]}
12      />
13    </div>
14  )
15}