Preview image. Unlock full-res
Contained hero with a full-bleed photo of a laptop showing the product, overlaid with white headline copy and dual CTAs.
Summary
A hero where a real photograph of someone using the product on a laptop fills a rounded container, with white copy and CTAs laid over the lower-left corner. The product UI is shown in physical context rather than as a flat screenshot.
Visual description
A light grey top bar holds the Apollo wordmark, a Platform/Roles/Resources/Pricing nav, a "Get a demo" link, a "Log in" button, and a yellow "Sign up for free" pill. Below, a full-bleed photo inside a rounded rectangle shows a person on a green couch holding an open MacBook that displays a dense list-view of the Apollo app. Over the photo's lower-left sits a small caps eyebrow ("APOLLO AI SALES PLATFORM"), a two-line white headline ("The only tool you need to optimize calls"), and two buttons: a yellow "Get started for free" and a translucent "Request a demo".
Key takeaway
Showing the product running on a real device in a lifestyle photo, then overlaying the message on the darker corner of the image, grounds an abstract SaaS tool in a believable moment. The single yellow accent ties the navbar CTA to the hero CTA.
Reuse notes
Good for products that benefit from feeling human and in-use rather than purely technical. Requires a high-quality photo with a naturally dark region for legible white text. The contained rounded frame keeps it feeling editorial and modern.
