Valentin Vernejoul

Hero

Component

Preview
About

Full-screen hero section for SaaS landing pages with animated dashboard preview card, gradient headline, dual CTA buttons, and floating stat badges.

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

Code

How Hero is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Hero from "@/components/ui/nova-hero"

export default function Demo() {
  return <Hero />
}