Most luxury landing pages make this exact mistake in their hero section. - Which version would you choose for a luxury brand? Drop A or B below 👇

Same copy. Same brand. Same hero image.

But one of these converts. The other one just looks nice.

I redesigned the Mabaith luxury villa hero section — and the difference comes down to 3 small layout decisions that most designers overlook.

1. Left-align your headline Centered text feels balanced. Left-aligned text feels intentional. Users scan in an F-pattern. Fighting that pattern = higher bounce. Working with it = more dwell time.

2. Put social proof BEFORE the CTA Version A asks you to "Book Villa" before giving you a single reason to trust the brand. Version B shows you "20+ Countries" and "1000+ Happy Guests" first. Trust → then action. That's how conversions actually work.

3. Use depth, not just decoration The floating card in the bottom-right of Version B isn't just aesthetic. It creates a sense of layers — making the page feel alive and considered, without a single line of animation code.

Layout is UX. Hierarchy is conversion. And centering everything is usually the lazy default — not the right choice.

I'm curious if designers and non-designers pick the same answer? Comment Now

Most luxury landing pages make this exact mistake in their hero section. - Which version would you choose for a luxury brand? Drop A or B below 👇

Same copy. Same brand. Same hero image.

But one of these converts. The other one just looks nice.

I redesigned the Mabaith luxury villa hero section — and the difference comes down to 3 small layout decisions that most designers overlook.

1. Left-align your headline Centered text feels balanced. Left-aligned text feels intentional. Users scan in an F-pattern. Fighting that pattern = higher bounce. Working with it = more dwell time.

2. Put social proof BEFORE the CTA Version A asks you to "Book Villa" before giving you a single reason to trust the brand. Version B shows you "20+ Countries" and "1000+ Happy Guests" first. Trust → then action. That's how conversions actually work.

3. Use depth, not just decoration The floating card in the bottom-right of Version B isn't just aesthetic. It creates a sense of layers — making the page feel alive and considered, without a single line of animation code.

Layout is UX. Hierarchy is conversion. And centering everything is usually the lazy default — not the right choice.

I'm curious if designers and non-designers pick the same answer? Comment Now