Oubliez la création du CMS. Déployez un système créatif.

// This is just React. Nothing magical.
export const Hero = ({ title, subtitle, layout, theme }) => {
    return (
        <section className={cn(styles.hero, styles[layout], styles[theme])}>
            <h1>{title}</h1>
            {subtitle && <p>{subtitle}</p>}
        </section>
    );
};

// This is where it gets interesting.
Hero.schema = {
    title: {
        type: 'text',
        label: 'Headline',
        placeholder: 'Make it compelling',
    },
    layout: {
        type: 'select',
        options: ['centered', 'left', 'split'],
        default: 'centered',
        label: 'Layout Style',
    },
};

// Optional: Define presets for common patterns.
Hero.presets = [
    {
        name: 'Product Launch',
        params: { layout: 'split', theme: 'dark' },
        preview: '/previews/hero-product.png',
    },
];