// Top nav + bottom footer reused across artboards const Nav = ({ theme = 'linho', currentArea = null, brandVariant = 'mark', brandColor = null }) => { const isDark = theme === 'terra' || theme === 'raizes'; const fg = isDark ? 'var(--linho)' : 'var(--terra)'; const bg = { linho: 'var(--linho)', terra: 'var(--terra)', musgo: 'var(--musgo)', raizes: 'var(--raizes)', terracota: 'var(--terracota)' }[theme]; // Per-area accent for the mark on internal pages const areaColor = { health: 'var(--musgo-deep)', corporate: 'var(--terra)', academia: 'var(--terra)', // on terracota bg → terra reads strongly os: 'var(--terracota)', // on raizes bg → terracota loja: 'var(--terracota)' }[currentArea] || fg; const finalBrand = brandColor || (brandVariant === 'mark' ? areaColor : fg); return (
PT / EN Marcar consulta
); }; const LogoMark = ({ color = 'var(--terra)', size = 32 }) => ; const LogoWordmark = ({ color = 'var(--terra)', height = 36 }) => // wordmark image is 2560×628 (~4:1) and includes "Academia / Transformar / A NEW FRAME OF MIND". // We crop the bottom assinatura by clipping the mask to the upper ~78% of the image. ; // Backward-compat: existing call sites use . Default to mark-only; // the homepage Nav switches to wordmark via a prop. const Logo = ({ color = 'var(--terra)', variant = 'mark', size = 32 }) => { if (variant === 'wordmark') return ; return ; }; const Footer = ({ theme = 'terra' }) => { const isDark = theme === 'terra' || theme === 'raizes'; const bg = theme === 'terra' ? 'var(--terra)' : theme === 'raizes' ? 'var(--raizes)' : 'var(--linho-deep)'; const fg = isDark ? 'var(--linho)' : 'var(--terra)'; const dim = isDark ? 'rgba(246,244,233,.55)' : 'rgba(54,21,7,.55)'; return ( ); }; Object.assign(window, { Nav, Footer, Logo, LogoMark, LogoWordmark });