Build with Confidence

import { createBlockswebComponent } from '@blocksweb/core';

const HeroSection = createBlockswebComponent({
  schema: {
    name: 'Hero Section',
    category: 'content',
    fields: {
      title: { type: 'text', default: 'Welcome' },
      subtitle: { type: 'richtext', default: 'Get started today' },
      ctaText: { type: 'text', default: 'Learn More' }
    }
  },
  component: ({ title, subtitle, ctaText }) => (
    <section className="py-20 text-center">
      <h1 className="text-4xl font-bold mb-4">{title}</h1>
      <div dangerouslySetInnerHTML={{ __html: subtitle }} />
      <button className="btn-primary">{ctaText}</button>
    </section>
  )
});

export default HeroSection;