// illustrations.jsx — cute SVG jamnik (dachshund) + kruk (raven) + americana bits // Shared by all variants. Colors are parametrizable so each theme can re-skin. function Jamnik({ size = 120, bodyColor = '#8b4a2a', earColor = '#5a2f1a', accent = '#c8342b', pose = 'stand', style }) { // pose: stand | sit | jump | sleep | love const common = { fill: bodyColor, stroke: '#2a1810', strokeWidth: 2.5, strokeLinecap: 'round', strokeLinejoin: 'round', }; if (pose === 'jump') { return ( {/* motion lines */} {/* body (arched) */} {/* head */} {/* snout */} {/* ear */} {/* eye */} {/* nose */} {/* legs (bent, jumping) */} {/* tail up */} {/* collar */} ); } if (pose === 'sleep') { return ( {/* zzz */} z z z ); } if (pose === 'love') { return ( {/* hearts */} {/* body */} {/* head */} {/* ear */} {/* eye - heart */} {/* smile */} {/* legs */} {/* tail wag */} {/* collar */} ); } // default: stand return ( {/* body */} {/* head */} {/* snout */} {/* ear */} {/* eye */} {/* brow */} {/* nose */} {/* mouth */} {/* legs */} {/* tail */} {/* collar */} {/* collar tag */} ); } function Kruk({ size = 100, bodyColor = '#1a1420', accent = '#c8342b', pose = 'stand', style }) { const common = { fill: bodyColor, stroke: '#000', strokeWidth: 2, strokeLinecap: 'round', strokeLinejoin: 'round', }; if (pose === 'fly') { return ( {/* body */} {/* head */} {/* beak */} {/* eye */} {/* wings spread */} {/* wing details */} {/* tail */} {/* feet tucked */} ); } if (pose === 'heart') { return ( {/* heart in beak */} {/* body */} {/* head */} {/* beak holding heart */} {/* eyes */} {/* wing */} {/* feet */} ); } // default: stand return ( {/* body */} {/* head */} {/* beak */} {/* eye */} {/* wing */} {/* feet */} {/* little bowtie */} ); } // star for americana bg function Star({ size = 20, color = '#c8342b', style }) { return ( ); } // banner ribbon for labels function Ribbon({ children, bg = '#c8342b', fg = '#fff8e7', w = 280, h = 60, style }) { return (
{children}
); } // stamp-style badge function Stamp({ children, color = '#8b2a2a', rotate = -8, style }) { return (
{children}
); } Object.assign(window, { Jamnik, Kruk, Star, Ribbon, Stamp });