About
A full-width marketing hero section with a translucent sticky navbar, mobile menu toggle, app-store download badges, and an animated rotating-rings illustration, used to promote a mobile app on a landing page.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds App Mobile Hero to your project and fits it to your theme.
Code
How App Mobile Hero is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Hero2 from "@/components/ui/block-hero-2";
export default function Demo() {
return <Hero2 />;
}
















