// Polished, colourful hero illustrations, richer than the line-art doodles. // Used in the homepage hero collage so the showcase feels like finished artwork. const HeroRainbow = ({ className = "" }) => ( {/* rainbow arcs */} {/* clouds */} {/* sparkles */} ); const HeroRocket = ({ className = "" }) => ( {/* stars */} {/* rocket */} {/* flame */} ); const HeroBunny = ({ className = "" }) => ( {/* blanket */} {/* body */} {/* head */} {/* ears */} {/* face */} {/* paws */} {/* zzz */} z Z ); const HERO_ART = { rainbow: HeroRainbow, rocket: HeroRocket, bunny: HeroBunny }; const HeroArt = ({ name, className }) => { const C = HERO_ART[name] || HeroRainbow; return ; }; Object.assign(window, { HeroRainbow, HeroRocket, HeroBunny, HeroArt });