Divi5Lab

Larkspur Home Co. — Minimal Real_estate Sell Your Home Page for Divi 5

A clean, conversion-focused Divi 5 landing page for real estate agents. Features hero with stats, feature cards, step-by-step process, testimonials, FAQ, contact form, and a strong CTA section.

Rate this element

Be the first to rate

Download this section, free

  • Divi 5 JSON, imports in seconds
  • Commercial license included
  • No account needed

Click to view the full page

Overview

The page opens with a two-column flex hero on a #F3F6F1 sage-white background, 128px of vertical padding stepping down to 60px on phones. The left column carries the persuasive sequence: a 12px uppercase eyebrow in moss green (#1F6F5C) with 3px letter-spacing, a 64px Fraunces serif headline that drops to 36px on mobile, 18px Inter body copy at 1.65em line-height, and a stacked pair of Button modules (a solid-fill primary, a ghost-outlined secondary). Directly below those buttons, a nested three-column row is ruled off by a single 1px #D4E0DC border and opens with 32px of top padding. Each column pairs a 36px Fraunces stat number in brand green with an 11px spaced-uppercase Inter label: 287+ Homes Sold, 96% List-to-Sale Rate, 18 Days Average to Offer. The right column holds one Image module with a 4px border-radius and a hair-fine sage border. Both the outer hero row and the inner stats row carry explicit phone breakpoints flipping their direction to column, so every element stacks in natural reading order on small screens.

The second section stays on sage and builds three Blurb card columns on a white row. Each card is a Divi Column with a white fill, 16px corner radii, an outer box-shadow set to rgba(16,35,31,0.07), and a hover transform that lifts the card 6px vertically, all configured in Divi's decoration panel without a line of custom CSS. A 40px Font Awesome icon in #1F6F5C sits above an h3 Fraunces heading at 22px, followed by 17px Inter body copy at 1.65em. A centered Button module closes the block. The adjacent process section shifts to a white background and spreads five equal columns across a 1200px-max row. Each column leads with a 56px circular step badge (a Text module styled to 50% border-radius, green fill, auto side margins), then an h3 Fraunces heading at 17px, a timed-label text module in 11px spaced uppercase, and a 15px Inter body paragraph.

The testimonial section returns to sage and places three native Divi Testimonial modules in a gapped three-column grid, each card on a white fill with a 4px corner radius and a 1px #D1D9D6 border. A centered Button module follows. The FAQ section uses a white background and a single column capped at 840px. Five Text modules carry in-body h3 headings styled in 20px Fraunces, each separated from the next by a Divi Divider set to a low-opacity brand-green line (rgba(31,111,92,0.18)). No accordion plugin is involved, and all five answers are visible on load, keeping the content fully crawlable.

The page closes with two conversion-focused sections. The lead-capture section pairs a left column of copy and structured contact details (phone, email, office address, hours in 15px Inter at 1.8em line-height) with a right-column white card housing a native Divi Contact Form: four fields (Full Name, Email Address, Phone Number, Property Address) with #F3F6F1 field backgrounds and a green submit button labeled "Request My Valuation." The final CTA section uses a deep forest background (#10231F), a warm amber eyebrow (#B8844A), a 64px Fraunces headline in off-white, body copy rendered at 75% opacity, and two stacked Button modules: a solid moss-green primary and a ghost secondary wired to a tel: link set directly in the module's link field.

What’s inside

  • Split 50/50 hero row with a Heading, Text, and dual Button stack on the left and an Image module on the right, both columns collapsing to full-width on mobile
  • Nested three-column stats bar inside the hero left column, ruled off by a 1px border, built from three Heading/Text module pairs (stat number above a spaced-uppercase label)
  • Three Blurb card columns with white fill, 16px border-radius, outer box-shadow, and a 6px vertical hover-lift transform configured entirely in Divi's decoration panel
  • Five-step process row using circular Text module badges (50% border-radius, 56px min-height, green fill) paired per column with an h3 Heading, timed-label Text, and body Text module
  • Three native Divi Testimonial modules in a gapped three-column grid with bordered white cards and a centered Button CTA below
  • Inline FAQ section built from five Text modules with h3 headings and paragraph answers, separated by Divi Divider modules set to a low-opacity brand-green line
  • Two-column lead-capture section with a native Divi Contact Form (four fields: Full Name, Email Address, Phone Number, Property Address) on the right and contact details on the left
  • Full-width dark CTA section (`#10231F`) with an amber eyebrow, 64px Fraunces headline, and a ghost Button module with a `tel:` link wired directly in the module link field

Who it’s for

Built for real estate agents and boutique brokerages that need a dedicated seller-side landing page separate from their main IDX site. It suits a solo agent rebranding around a neighborhood specialty, a two-person team running geo-targeted paid search, or a mid-size office building a standalone listing-services page. The tone is calm and process-driven, which performs best in lifestyle or lifestyle-adjacent markets where sellers respond to local expertise and transparency. It also adapts well for real estate coaches or consultants offering valuation or selling-prep services, and for agents targeting move-up or relocation sellers who need a clear timeline before committing.

Customization tips

The two-hex palette (moss green #1F6F5C for accents and CTAs, deep forest #14261F for headings) can be swapped by replacing those values in the section, column, and module decoration panels. Navy and warm gold reads as traditional luxury; slate and terracotta shifts toward a coastal or lifestyle tone. The amber eyebrow (#B8844A) appears only in the final dark section and can be changed to white without affecting any other element.

The hero headline is set at 64px and fits roughly 10 to 12 words comfortably. Longer copy becomes cramped at the 48px tablet size. The hero image expects a landscape-oriented property photo near a 3:2 ratio (the placeholder sources at 940x650px). Portrait or square crops will disrupt the side-by-side balance on desktop.

The three stat numbers (287+, 96%, 18 Days) are Heading module text and edit directly. The five step-badge numbers are Text modules with inline <strong> tags. The Contact Form receiver email is set to hello@larkspurhome.co in the module's email field and must be updated before the form accepts live submissions. The ghost CTA button's tel: link is set to +18282473890 in the Button module's link field alongside the visible label.

How to install this layout

  1. Download the layout JSON file from this page.
  2. Open the target page in the Divi 5 builder.
  3. Open the portability panel (up/down arrows icon) and choose the Import tab.
  4. Upload the JSON. Tick “replace existing content” only for full-page imports.
  5. 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 Larkspur Home Co. — Minimal Real_estate Sell Your Home Page for Divi 5

The hero has a row nested inside a column. Does that cause stacking problems on mobile?

No. The inner stats row has its own phone breakpoint set to `flexDirection: column`, so the three stat columns stack vertically beneath the buttons on small screens. The outer hero row also flips to column direction on mobile, placing the image below the copy block in natural reading order.

What exactly makes up each 'Why Sell' card?

Each card is a Divi Column styled as a card (white background, 16px radius, outer box-shadow, hover transform) containing a single Blurb module. The Font Awesome icon, h3 title, and body copy are all inside that Blurb. You edit one module to update all three elements in a card.

Do the FAQ items use an accordion or toggle plugin?

No. Each item is a Text module with an h3 heading and a paragraph answer, separated by a Divi Divider module. All answers are visible on load by design: visible content is fully indexable and the page avoids any plugin dependency.

What image dimensions and aspect ratio should the hero photo be?

The placeholder is sourced at 940x650px, a 3:2 landscape ratio. Use a property exterior or lifestyle photo at a similar ratio. The module applies a 4px border-radius and a 1px sage border, so avoid images where critical detail sits right at the corners.

Can the five-step process be trimmed to four steps?

Yes. Remove one column from the five-column row and the equal-column layout redistributes width automatically. Each step column is self-contained (badge, heading, label, body), so removing one does not break any shared styling or require adjustments to the remaining columns.

Where is the phone number in the dark CTA section stored?

The ghost button's link is set to `tel:+18282473890` in the Button module's link field, and the visible label ('Call (828) 247-3890') is in the button text field. Both are in the module settings panel. No code editing is needed to update the number.

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.

Included in these packs

More full landing pages

Browse all full landing pages