v0.40.0· Tilted Hero

Added

• CometCard hero lockup — the dark product lockup on the landing page (kandown mark, the morphing "Kanban + Markdown → Kandown" equation, and the install command) now sits inside a 3D-tilted interactive card. The card tracks the cursor with useMotionValue / useSpring / useTransform, lifts forward on hover (scale 1.05, translateZ 50px) and lights up with a mix-blend-overlay radial glare that follows the pointer. The animation runs on framer-motion, which the website already depended on.
• Copy / Copied labels on the copy buttons — every CopyCommand now renders the icon next to a short label (Copy while idle, Copied after a successful click) so the affordance is obvious even at a glance. The button also gains a cursor-pointer, a focus-visible ring in the accent colour, a 5% black tint on hover, and a press animation (translate-y-px + scale 0.97) on click.

Changed

• Hero install command surface — the $ npm install -g kandown line on the homepage now rests on a soft cream (#f7ffd5) tile inside the dark card, with a subtle dark border. The contrast makes the call to action read as its own object instead of a panel of text.
• Internal — added src/components/ui/comet-card.tsx to the website bundle; the path follows the shadcn convention the surrounding prompt asked for.

Fixed

• Copy button states were invisible — the previous hover:bg-bg swap and transition-colors did not register on the small icon-only button, so neither hover, focus nor active gave any visual feedback. The new layered states (text colour, background tint, ring, press transform) cover each interaction explicitly and remain legible on both the default bg-bg-subtle and the hero #f7ffd5 wrapper backgrounds.