Editorial Homepage — Split-Hero Dual-CTA Variant

What it does

• Split hero layout — half the screen carries a warm serif headline and supporting copy, the other half carries a single hero photograph
• Dual call to action — a primary button for the main offer paired with a softer ghost button for the free resource
• Top brand navigation — clean nav with brand name and links to about, courses, blog, and contact
• Editorial supporting sections — short intro, featured offering, and testimonials underneath the hero, all in the same warm register
• Soft footer wrap — warm closing block with newsletter capture and brand mark

Best use cases

• Food and recipe creators — warm homepage that balances a free guide with a flagship course
• Lifestyle and wellness brands — editorial homepage where photography carries the mood
• Coaches and consultants — split hero balancing a free assessment with a main coaching offer
• Authors and creators — book promo paired with newsletter capture
• Studios and agencies — editorial-feel landing with selected works on one side and a contact CTA on the other

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — primary brand color, supporting accent, page background, and nav text. Swap for any brand register from earthy-warm to studio-neutral.
• Fonts — two roles: a warm display serif for the hero headline and section titles, and a clean sans for nav, body, and CTAs
• Copy — hero headline and subhead, dual CTA labels, nav items, intro paragraph, featured offer block, and footer copy
• Images — hero photograph (the largest visual decision), supporting featured imagery, and any portrait or lifestyle shots
• Behavior — choose which CTA is primary, tune nav behavior on scroll, and decide whether the hero photo is static or subtly animated