Interactive 3D holographic Pokémon-style collectible card with scanline sheen, rainbow foil reflection, and 180-degree HUD flip.
"use client";
import React from "react";
import PokemonHoloCard from "@/components/ui/pokemon-holographic-card";
export default function PokemonHoloCardDemo() {
const sampleCard = {
name: "CYBER MAGE",
role: "LEGENDARY • ARCHITECT",
level: "99",
image: "https://cdn.21st.dev/assets/mirror/b5/b5e9633bc18e8aa4256170ba92f618dcb43d2d55c27f51bfb70877ab1b6a8315.jpg",
description: "Channels high-frequency digital plasma to weave interactive 3D realities.",
stats: [
{ label: "DEFENSE", value: "9,800" },
{ label: "LATENCY", value: "0.4ms" },
{ label: "ENERGY", value: "MAX" },
{ label: "RARITY", value: "★ ★ ★ ★ ★" },
],
};
return (
<div className="flex min-h-[520px] w-full items-center justify-center bg-zinc-950 p-8">
<PokemonHoloCard data={sampleCard} enableTilt={true} />
</div>
);
}