<?php
/**
 * Title: Hero Section
 * Slug: howcan/hero-section
 * Description: a beutifull hero section
 * Categories: featured
 * Keywords: hero, banner
 */

return array(
    'title'      => __( 'Hero Section', 'howcan' ),
    'slug'       => 'howcan/hero-section',
    'categories' => array( 'howcan', 'featured' ),
    'keywords'   => array( 'hero', 'banner', 'intro' ),
    'content'    => '
        <!-- wp:cover {"overlayColor":"primary","minHeight":400,"isDark":true} -->
        <div class="wp-block-cover is-dark" style="min-height:400px">
            <span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim"></span>
            <div class="wp-block-cover__inner-container">
                <!-- wp:heading {"textAlign":"center","level":1,"textColor":"white"} -->
                <h1 class="has-text-align-center has-white-color has-text-color">Welcome to HowCan</h1>
                <!-- /wp:heading -->

                <!-- wp:paragraph {"align":"center","textColor":"white"} -->
                <p class="has-text-align-center has-white-color has-text-color">A beautiful theme for bloggers and creatives.</p>
                <!-- /wp:paragraph -->

                <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
                <div class="wp-block-buttons">
                    <!-- wp:button {"backgroundColor":"white","textColor":"primary"} -->
                    <div class="wp-block-button"><a class="wp-block-button__link has-white-background-color has-primary-color has-text-color has-background">Get Started</a></div>
                    <!-- /wp:button -->
                </div>
                <!-- /wp:buttons -->
            </div>
        </div>
        <!-- /wp:cover -->
    ',
);