/** CRAiD social media — shared chrome bits */
function LogoMark({ size = 40, color = '#EC16F5' }) {
return (
);
}
/** Pulsing pill eyebrow */
function Eyebrow({ text = 'Design Consultancy for the Agentic Era', scheme = 'light', size = 'md' }) {
const dark = scheme === 'dark';
const padY = size === 'lg' ? 12 : size === 'sm' ? 6 : 9;
const padX = size === 'lg' ? 24 : size === 'sm' ? 14 : 20;
const font = size === 'lg' ? 14 : size === 'sm' ? 11 : 12;
return (
{text}
);
}
/** Canvas frame — fixed design size; used by every social template */
function SocialCanvas({ w, h, children, style, label, bg = 'var(--bg)' }) {
return (
{children}
);
}
/** Reusable hero background stack (gradient + cloud + radial pink) */
function HeroStack({ dark = false, intensity = 1 }) {
return (
<>
);
}
Object.assign(window, { LogoMark, Eyebrow, SocialCanvas, HeroStack });