holographic-card-demo

1import HolographicCard from "@/registry/eldoraui/holographic-card"
2 
3export default function HolographicCardDemo() {
4  return (
5    <div className="flex min-h-screen flex-col items-center justify-center gap-12 overflow-hidden px-6 py-12">
6      <div className="pointer-events-none absolute inset-0 z-[-1]" />
7 
8      {/* Card 1 - Default */}
9      <HolographicCard
10        width={316}
11        height={448}
12        imageSrc="https://github.com/Northstrix/my-portfolio/blob/main/public/fourth-playground-card-image.jpg?raw=true"
13        topText="旅"
14        bottomText="創世"
15        borderWidth={1}
16        borderColor="rgba(255,255,255,0.1)"
17        topTextHoverColor="#FBE75F"
18        bottomTextHoverColor="#FBE75F"
19      />
20    </div>
21  )
22}