App Preview Hero

Centered hero on a framed, token-lit panel: a pill badge, a serif headline with an italic emphasis span, sub-copy, dual CTA buttons, and a window preview of a task board with named cards and statuses. Everything rises in with a staggered entrance that respects reduced motion.

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

import Hero08 from "@/components/ui/hero-08";

export default function Hero08Demo() {
  return (
    <div className="w-full min-h-screen bg-background text-foreground">
      <Hero08 />
    </div>
  );
}