Hero 10

Bordered hero card over a blurred full-bleed image: a rocket badge, a large centered headline, sub-copy and dual CTAs that rise into place on load. Reduced-motion aware.

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

import Hero10 from "@/components/ui/hero-10";

export default function Hero10Demo() {
  return <Hero10 />;
}