Components
Interactive spotlight card with a mouse-follow glow and a cursor-driven text reveal at the bottom for features, case studies, and portfolio sections.
Loading preview...
"use client";
import { TextRevealCard } from "@/components/ui/text-reveal-card";
export default function TextRevealCardDemo() {
return (
<div className="dark flex min-h-[520px] w-full items-center justify-center bg-neutral-950 p-8">
<div className="w-full max-w-md">
<TextRevealCard
title="Ship with confidence, not guesswork."
description="Hover over the text area to see the magic."
revealContent="I ship the final narrative"
revealClassName="text-4xl font-semibold tracking-tight"
/>
</div>
</div>
);
}