Tilt Card: Default

import { TiltCard } from "@/components/ui/tilt-card";

export function TiltCardDemo() {
  return (
    <TiltCard className="w-72 border border-zinc-200 bg-linear-to-br from-white to-zinc-100 p-6 shadow-xl shadow-zinc-900/5 dark:border-zinc-800 dark:from-zinc-900 dark:to-zinc-950 dark:shadow-black/40">
      <p className="font-mono text-xs uppercase tracking-widest text-zinc-500">
        Keyframe
      </p>
      <h3 className="mt-20 text-2xl font-semibold tracking-tight text-zinc-900 dark:text-zinc-50">
        Move your pointer across me
      </h3>
      <p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">
        The card leans toward the cursor and catches the light.
      </p>
    </TiltCard>
  );
}