Components
Reveal Card
A masked card component with a signature notched border shape, featuring a smooth elliptical clip-path reveal animation on hover. Supports customizable base and hover images, accent colors, and text labels.
import { HelmetCard } from "@/components/ui/reveal-card";
export default function DemoOne() {
return (
<HelmetCard
className="mx-4 sm:mx-0"
baseImage="https://images.unsplash.com/photo-1524592094714-0f0654e20314?w=800&h=800&fit=crop"
hoverImage="https://images.unsplash.com/photo-1523170335258-f5ed11844a49?w=800&h=800&fit=crop"
label="Classic"
year="2024"
/>
);
}