// Component Registry (same as before)

const ComponentRegistry = {

  // Button Component

  Button: {

    template: (props = {}) => `

          <button class="neo-brutalist bg-${props.color || 'yellow-400'} text-${props.textColor || 'black'} text-lg font-bold py-3 px-6 hover:bg-${props.color || 'yellow-400'}-600 transition-none">

            ${props.text || 'Click Me'}

          </button>

        `,

    init: (element, props) => {

      element.innerHTML = ComponentRegistry.Button.template(props);

    }

  },

​

  // Card Component

  Card: {

    template: (props = {}) => `

          <div class="neo-brutalist bg-white p-6">