mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
9f1122cf9b
- Fix gray/zinc alias confusion (gray→neutral, zinc→zen) - Consolidate duplicate gray color definition - Add finance components to ui/ directory - Clean up documentation structure - Remove test artifacts and backup files The color aliases were incorrectly mapped: Before: gray→zen, zinc→neutral (wrong) After: gray→neutral, zinc→zen (correct) This ensures Hanzo's branded 'zen' color properly maps to zinc while gray correctly references the standard neutral palette. Verified: - Production build: 544 pages ✓ - All tests passing: 219/219 ✓ - Visual verification: /colors page working ✓ - Code review: Approved ✓ Ready for deployment to ui.hanzo.ai
34 lines
956 B
TypeScript
34 lines
956 B
TypeScript
import {
|
|
Card3D,
|
|
Card3DContent,
|
|
Card3DDescription,
|
|
Card3DFooter,
|
|
Card3DHeader,
|
|
Card3DTitle,
|
|
} from "@/registry/default/ui/3d-card"
|
|
import { Button } from "@/registry/default/ui/button"
|
|
|
|
export default function ThreeDCardDemo() {
|
|
return (
|
|
<div className="flex min-h-[400px] items-center justify-center p-8">
|
|
<Card3D className="w-[350px]">
|
|
<Card3DHeader>
|
|
<Card3DTitle>3D Card Effect</Card3DTitle>
|
|
<Card3DDescription>
|
|
Hover over this card to see the 3D tilt effect
|
|
</Card3DDescription>
|
|
</Card3DHeader>
|
|
<Card3DContent>
|
|
<p className="text-sm">
|
|
This card responds to your mouse movement with a realistic 3D
|
|
perspective transform and an interactive glare effect.
|
|
</p>
|
|
</Card3DContent>
|
|
<Card3DFooter>
|
|
<Button variant="outline">Learn More</Button>
|
|
</Card3DFooter>
|
|
</Card3D>
|
|
</div>
|
|
)
|
|
}
|