holographic-card-demo

1import HolographicCard from "@/registry/eldoraui/holographic-card"
2 
3export default function HolographicCardDemo3() {
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      <HolographicCard
9        id="namer-ui-holographic-card-3"
10        width={316}
11        height={448}
12        imageSrc="https://github.com/Northstrix/my-portfolio/blob/main/public/third-playground-card-image.png?raw=true"
13        topText="נמר"
14        bottomText="I'm draggable!"
15        topTextLetterSpacing="0.0175rem"
16        bottomTextLetterSpacing="0.0175rem"
17        textOverlayPadding="1.125rem 1.375rem"
18        maxImageWidthPct={0.54}
19        topTextColor="#5F73FB"
20        topTextHoverColor="#5FA4FB"
21        bottomTextColor="#5F73FB"
22        bottomTextHoverColor="#5FA4FB"
23        borderWidth={2}
24        borderColor="#5F73FB"
25        topTextVertical={false}
26        bottomTextVertical={false}
27        mirrorBottomText={false}
28        enableDrag={true}
29        isRTL
30        patternColor="rgba(95, 115, 251, 0.15)"
31      />
32    </div>
33  )
34}