Sundrop Solar — Corporate Solar Contact Page for Divi 5

Sundrop Solar Contact is a three-section contact page built entirely from native Divi 5 modules, designed for solar installers who need leads to convert before the prospect loses interest. The page opens with a breadcrumb header on a warm parchment background (#fdf0d8), where a 52px Poppins h1 sits in a wide left column and a single reassuring sentence — "We reply the same working day" — anchors the narrower right column. The asymmetric flex split (16/24 vs 8/24 grid units on desktop) gives the headline the visual authority it deserves while the subtitle does quiet trust-building work.

The middle section is the functional core: a left column lists four contact details — email, phone, address, and hours — each rendered as an icon-plus-text group with a 1px #ecdcc0 top border acting as a divider. The icons use Font Awesome glyphs (envelope, phone, map-pin, clock) at 18px in the deep navy #1b2a4a, creating a tight, scannable directory. To the right, a contact form card sits on #fdf0d8 with an 8px corner radius, a matching amber border, and a hard 4px navy box shadow that grounds it on the page. The form fields use #fffaf0 fill with muted slate placeholders, and the submit button is a burnt-orange (#c2410c) with a lift-on-hover transform — the only strong colour in an otherwise warm neutral palette, making the action unmissable.

The third section contains five accordion-style toggle modules beneath an "FAQ" eyebrow and a 44px h2, all on the same #fffaf0 background. Toggle rows use 28px vertical padding and a 1px bottom border, giving each answer room to breathe without wasting space. The first toggle opens by default so visitors immediately see an answer rather than a collapsed list. A closing burn-orange CTA strip rounds out the page: a full-width #c2410c section holds an h2 and a cream button in a space-between flex row, collapsing to a stacked column on mobile.

Responsive behaviour is precise throughout. The header section steps padding from 72px desktop down to 40px on phone. The two-column form row wraps at tablet and stacks column-first on phone, with every column switching to 24_24 flex width. Section padding scales from 96px to 44px at phone. Font sizes step down at every breakpoint — the h1 goes 52 → 40 → 32px, the FAQ h2 goes 44 → 36 → 30px — so the hierarchy never collapses.