Image Background Hero is a free, full-width hero section with your photo as the background. A dark gradient overlay keeps the text readable on any image, and a large headline, supporting text and two buttons sit on the left, with an optional row of three stats along the bottom. It's the classic hero for travel, hospitality, real estate, events, agencies and local businesses, where a great photo does most of the selling.

Readable on any photo

Text over images is often hard to read. This template layers two gradients over the photo: a horizontal one that is darkest behind the text and fades toward the right, and a vertical one that grounds the stats row. On phones the overlay becomes even, so the text stays legible when the layout stacks. The overlay uses your background colour, so it always matches your theme.

Your photo, kept private

Upload a wide, high-resolution photo straight from your computer. It's resized in your browser (up to 2400 px wide), saved locally in IndexedDB and never uploaded to a server. When you export a ZIP, the photo is placed in an images folder next to the page; the single-file HTML export embeds it.

Stats that build trust

The optional stats row shows three numbers with labels, such as routes, ratings and group size, which add credibility without another section. Turn it off for a cleaner hero. Like every section, it uses the shared theme (colours, fonts, radius, width), animates in with GSAP on scroll and exports as HTML, a ZIP, React or Vue.