Center Aligned With A Form
A centered hero pairing a headline and subtext with a short inline form. Collects an email or signup in one view to start onboarding immediately.
A centered hero pairing a headline and subtext with a short inline form. Collects an email or signup in one view to start onboarding immediately.
Search blocks by description or jump to a page.
Center Aligned With A Form is a full viewport hero built around a single centered column. At the top sits a small all-caps label followed by a large bold headline. Below the headline a social proof row pairs a cluster of overlapping avatars with a divider and a short Trustpilot rating line, giving visitors a quick trust signal before they commit. Under that, an inline form holds a name field and an email field side by side in a bordered card, with a submit button at the end of the same row. Two decorative SVG illustrations float off each edge on wider screens, framing the content without crowding it.
The headline, the label above it, and the rating copy are all plain text you can swap freely. The avatar count badge reads "7k+" in the demo and can be updated to match your actual figure. The form fields are a minimal name and email pair, so you can retitle the submit button or adjust the placeholder text without touching the layout.
This layout fits a real estate marketplace landing page where capturing a lead at first glance is the primary goal. The inline form removes the extra click of a separate signup page, and the social proof row does enough credibility work that a visitor can submit their details before scrolling. It is a better fit than a split-screen alternative when you want the headline to read across the full width, and better than a search-bar hero when you want to collect contact details rather than a query.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The block captures a name and email in one view, but the same frame works for several acquisition goals:
Tip: keep the avatar count and rating copy accurate; visitors notice when social proof numbers feel generic, and real figures convert better.