Custom Gutenberg bloc

functions.php

<?php
// Register the hero block
function register_hero_block() {
    register_block_type('my-plugin/hero', array(
        'render_callback' => 'render_hero_block',
        'attributes' => array(
            'title' => array(
				'type' => 'string',
				'default' => '',
            ),
            'text' => array(
				'type' => 'string',
				'default' => '',
            ),
            'buttonText' => array(
				'type' => 'string',
				'default' => '',
            ),
            'buttonUrl' => array(
				'type' => 'string',
				'default' => '',
            ),
        ),
    ));
}

// Render the hero block
function render_hero_block($attributes) {
    $title = $attributes['title'];
    $text = $attributes['text'];
    $buttonText = $attributes['buttonText'];
    $buttonUrl = $attributes['buttonUrl'];

    ob_start();
    ?>
    <div class="hero-section">
        <h1><?php echo $title; ?></h1>
        <p><?php echo $text; ?></p>
        <?php if($buttonText && $buttonUrl) : ?>
            <a href="<?php echo $buttonUrl; ?>" class="button"><?php echo $buttonText; ?></a>
        <?php endif; ?>
    </div>
    <?php
    return ob_get_clean();
}

// Hook the block registration into the init action
add_action('init', 'register_hero_block');
?>