Hero Mockup Triple

Centered app hero with a primary-color gradient, three replaceable iPhone screenshots, and staggered appear motion.

The smarter way to grow your money

Track every goal, understand every trend, and make confident decisions from one beautifully simple app.

Download the appLearn more

Add to your project

Get All Access to copy the prompt and source code.

Source is locked

All Access is $79/year and includes every pro block.

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSS

Props

PropTypeDescription
primaryColorstringBrand color used across the hero.
headlinestringMain heading text.
subcopystringSupporting text.
primaryCtastringPrimary action label.
primaryHrefstringPrimary action URL.
secondaryCtastringSecondary action label.
secondaryHrefstringSecondary action URL.
leftImagestringLeft phone screenshot URL.
centerImagestringCenter phone screenshot URL.
rightImagestringRight phone screenshot URL.
classNamestringStyles for the outer section.