## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/domestika-org/a1bec580-5d19-4289-a277-048dcd6cb3c6-1789146410-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/domestika-org/a1bec580-5d19-4289-a277-048dcd6cb3c6-1789146385540-full.webp
- Component on Kage: https://kage.design/component/domestika-hero

## Before you start
Ask what the user's product, audience, and brand are, then apply these principles to that context.

Build a full-width featured-content hero immediately below the header. Use a two-column layout: persuasive eyebrow/title, supporting description, social proof, offer details, and one dark primary purchase button on the left; a large rounded visual panel on the right. Use a saturated but calm background (approximately `#5b6fae`) and a contrasting visual area, with strong white typography and small muted metadata. Keep the title large and compact, constrain the copy width, and place carousel pagination near the bottom center. Make the visual dominant but subordinate to the headline, use a 16–24px radius on the image panel, and stack the columns on narrow screens. Include accessible carousel controls and a clear active state.

Never: copy the reference's logo, product name, exact course title, prices, copy, illustrations, or imagery.