// ============================================
// COMMAND DEMOS - Before/after demonstrations for commands
// ============================================
export function renderCommandDemo(commandId) {
const demos = {
'bolder': renderBolderDemo,
'animate': renderAnimateDemo,
'normalize': renderNormalizeDemo
};
const renderFn = demos[commandId];
if (renderFn) return renderFn();
return `
Visual demo for /${commandId} coming soon
`;
}
function renderBolderDemo() {
return `
Introducing Our Product
A solution for modern teams
Timid design → Bold, confident design
`;
}
function renderAnimateDemo() {
return `
Static page → Choreographed page load
`;
}
function renderNormalizeDemo() {
return `
Card One
Some description text here
Card Two
Different spacing and styles
Card Three
Yet another variation
Inconsistent styles → Systematic design tokens
`;
}