Skip to content
Forge

Hero with illustration

Headline, promise and two actions on the left, vector illustration on the right.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The classic, effective layout for craftsmen and service companies: the promise and guarantees are read first, and the SVG illustration (no heavy image) adapts to the theme colors. On mobile, the illustration moves below the text.

Code

Loading the code…

Archive contents

hero-split-illustration-html-tailwind.zip3 files · 4 Ko

  • index.html4 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 12, 2026.

In the same spirit

  • Full-screen hero

    Coming soon

    A visual filling the whole screen, the headline set bottom-left over a gradient veil.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Hero with booking form

    Coming soon

    The restaurant name, an appetizing promise and an instant booking form.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Property search hero

    Coming soon

    An agency headline and a search bar (buy or rent, city, budget).

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Hero with app mockup

    Coming soon

    A product promise alongside an interface mockup drawn in HTML.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component