Halcyon Dental — Minimal Dental Home Page for Divi 5

The layout opens with a two-column hero on a mint #eaf6f3 section ground. The left column carries sixteen of twenty-four flex units and stacks the full hierarchy: a 14px uppercase Nunito eyebrow in muted teal (#4c6a6e), an H1 in Manrope at 64px with textWrap: balance and a tight negative letter-spacing, a 19px Nunito lead paragraph constrained to 560px max-width, and a flex row pairing a teal #0f7c80 "Book a visit" button (12px-rounded, 28px horizontal padding) with a plain underlined "Meet the team" link. The right column (eight units) holds a single image module at a 4:5 portrait ratio with objectFit: cover, letting the photography fill the space without any overlay or caption. On mobile the row wraps into a vertical stack, the image drops below the copy block, and the H1 scales from 64px down to 36px; section padding steps from 104px to 48px so nothing feels cramped on a small screen.

Below the hero, three content sections alternate white and mint backgrounds to create a reading rhythm without any decorative imagery. The first uses a centered 2px solid teal rule above its section label to introduce the trust block: three white cards in a 1_3, 1_3, 1_3 row, each padded to 32px, bounded by a soft #cfe6e1 mint border at 16px radius, and led by a teal-background Font Awesome icon at 20px. On tablet the cards reflow to a two-plus-one wrap; on phone they stack single-column. The treatment section that follows keeps a centered full-width header (H2 at 44px Manrope, capped to 720px wide) above a native divi/group-carousel module configured for three slides on desktop, two on tablet, and one on phone, with arrow navigation on and dots off. Six treatment items populate the carousel: check-ups, whitening, invisible braces, children's dentistry, emergency care, and implants, each with a teal icon badge, an H3 at 22px, and a one-sentence description in 16px Nunito.

The testimonial section occupies a two-row grid on a mint ground. The first row pairs the section header ("Kind words from nervous people" at H2 44px Manrope) with a single testimonial card; the second row places two cards side by side. All three cards are white, 16px-rounded, and padded to 32px. Inside each card a 19px Nunito quote in near-black (#10343a) sits above a flex row: a 56px-wide 1:1 avatar image with rounded corners beside the patient name in Nunito 16px bold and a muted-teal role label at 15px. The closing section splits 50/50 on white: the left column holds an eyebrow, H2, body text, and three checkmark-icon bullet rows outlining the new-patient offer; the right column embeds the native Divi contact-form module inside a mint #eaf6f3 rounded card with 48px padding. The two form fields use 12px-rounded borders and the same teal submit button as the hero, so the booking affordance reads continuously from the very top of the page to the very bottom.