Elegant Luxury Real Estate Landing Page — Divi 5 Layout

Full Landing Real Estate Elegant

A refined Divi 5 landing page for luxury real estate brokerages: hero with stats, client testimonials, service cards, 3-step process, FAQ, and a private-consultation CTA in an indigo and gold palette.

Rate this element

Be the first to rate

Download this section — free

Divi 5 JSON — import in seconds
Commercial license included
No account needed

Click to view the full page

Overview

Maison Verity is a five-section full landing page built for a private, high-touch real estate brokerage — the visual tone is closer to a hospitality brand than a portal listing. The hero opens on a full-bleed property photograph darkened by an indigo gradient (#1E1B4B at 78% down to 50%), with an uppercase gold eyebrow, a 66px Cormorant Garamond headline, and a paired button set: a solid gold primary (#9A7B4F) and a ghost-outline secondary. Beneath the fold, a three-column stats row ($1.4B · 180+ · 15 Years) lands the credibility without a testimonial yet.

The rhythm alternates cream (#F5F3FF) and pure white sections so nothing feels heavy. Testimonials sit in white cards with soft indigo shadows and a hover state that lifts the border to gold. The benefits row ("What Quiet Representation Earns You") uses the same card treatment with centered Divi icons, and the numbered process row (01 · The Private Consultation, 02, 03) reuses the shape so the eye reads it as a continuation, not a new pattern.

Type hierarchy is disciplined: Cormorant Garamond and Libre Baskerville handle every display heading, Montserrat/Inter/Outfit handle body and small caps, and the gold #9A7B4F is reserved for eyebrows, icons, and primary buttons — never body copy. Spacing is generous by default (110–160px vertical padding on desktop) and steps down cleanly at each breakpoint: hero padding drops to 90/80px on phone, the hero headline scales 66 → 48 → 38px, and every multi-column row switches to flexDirection: column on mobile so cards stack full-width instead of squeezing.

What’s inside

Cinematic hero with a gradient-over-image background, uppercase eyebrow, 66px serif headline, dual CTA (solid + ghost), and a $1.4B / 180+ / 15 Years stats strip
Three-card testimonial row using native Divi Testimonial modules with portraits, roles, and a hover state that promotes the card border to gold
Three-column benefits row ("Your Sale Stays Private", "You Command the Full Value", "One Advisor, Start to Close") built from Divi Blurb modules with centered icons
Numbered three-step process section (`01 · The Private Consultation` → `02 · The Considered Presentation` → `03 · The Discreet Close`) with a matching card treatment
"The Maison Verity Standard" closing section: a two-column icon + heading + paragraph grid for four brand commitments
Dual serif type system — Cormorant Garamond for the hero, Libre Baskerville for section titles — paired with Inter/Montserrat body copy for readable long-form
Cohesive luxury palette locked to four values (`#1E1B4B`, `#9A7B4F`, `#F5F3FF`, `#3730A3`) so the whole page reads as one brand
Explicit tablet + phone typography and padding overrides on every heading and section — no half-tuned mobile

Who it’s for

Built for luxury and boutique real estate practices whose brand promise is discretion, not volume: private brokerages, off-market advisors, estate representatives, trust and probate specialists, and single-principal agents at high price points. It also translates cleanly to adjacent trust-based professions where the pitch is "quiet expertise over a long relationship" — wealth management, private client legal, family office services, high-end interior architects, or a concierge yacht/aviation brokerage. If your buyers judge you on restraint and finish before they judge you on price, this landing page is doing the same work for you. It is not the right fit for high-volume listing sites, MLS-driven agencies, or discount brokers — the tone would fight the offer.

Customization tips

Start with the hero image: swap it for a genuinely architectural photograph at 2400×1400 or wider, landscape, with clear space in the upper third so the headline stays legible over the indigo gradient. Keep the headline under 55 characters or the 66px Cormorant setting starts to wrap awkwardly on tablet. The palette is preset-driven — recolour by editing the four brand values in your Divi presets (#1E1B4B primary, #9A7B4F accent, #F5F3FF cream, #3730A3 copy) and the buttons, icons, and card hovers update everywhere at once. For the stats row, three items is the sweet spot; a fourth breaks the 1_3, 1_3, 1_3 structure on tablet. Testimonial portraits look best cropped square at 300×300 or larger — the placeholder avatars must be replaced before you go live. In the numbered process row, keep each blurb copy to roughly 30 words so the three cards stay the same height on desktop.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Elegant Luxury Real Estate Landing Page — Divi 5 Layout

How does the hero look on mobile?

The hero repaints for phone: padding drops from 160/150px to 90/80px, the 66px Cormorant headline scales to 38px, the two buttons stack vertically full-width, and the stats row switches from three columns to a single column.

Which Divi 5 modules is the page actually built from?

Standard native modules only — Section, Row, Column, Heading, Text, Button, Testimonial, Blurb, Icon, and Divider. No third-party addons, no shortcodes.

Do I have to keep the off-market real estate copy?

No. The structure works for any "private practice" positioning. The five sections read hero → social proof → benefits → process → brand principles, which is a general trust-building sequence you can rewrite for any advisory service.

What should I edit first after importing?

Replace the hero background image, the three testimonial portraits (the `i.pravatar.cc` URLs are placeholders), the stats numbers, and the two primary CTAs. Everything else is polish.

Can I add or remove one of the three-card rows?

Yes. The benefits row and the process row are both `1_3, 1_3, 1_3` structures — duplicate a column to make four cards on wider screens, or delete one to run two. On tablet and phone the row is already set to wrap and stack, so it degrades cleanly either way.

Are the icons real or images?

They are Divi's built-in icon set (Divi + Font Awesome unicode references), coloured in the brand gold. Swap them by opening any Blurb or Icon module and picking a new glyph — no image uploads needed.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.