Hero With Layers

A hero section for AI-style landing pages that combines an animated moving-lines background with a draggable, scroll-momentum stack of layered content cards.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Hero With Layers to your project and fits it to your theme.

import HeroWithLayers from "@/components/ui/hero-with-layers";

export default function HeroWithLayersDemo() {
  return <HeroWithLayers />;
}