<?php

/**
 * Title: Hero One
 * Slug: hero-one
 * Categories: blockera/hero
 * Description: 
 * Keywords: 
 * Viewport Width: 1440
 * Block Types:
 * Post Types:
 * Inserter: true
 */
?>
<!-- wp:group {"tagName":"main","metadata":{"name":"Hero One","categories":["blockera/hero"],"patternName":"hero-one"},"align":"wide","className":"is-style-default","style":{"spacing":{"padding":{"top":"var:preset|spacing|9-xl","bottom":"var:preset|spacing|9-xl","left":"var:preset|spacing|2-xl","right":"var:preset|spacing|2-xl"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
    <main class="wp-block-group alignwide is-style-default" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--9-xl);padding-right:var(--wp--preset--spacing--2-xl);padding-bottom:var(--wp--preset--spacing--9-xl);padding-left:var(--wp--preset--spacing--2-xl)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|4-xl","left":"var:preset|spacing|7-xl"}}}} -->
        <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"var:preset|spacing|xl"}}} -->
            <div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"level":1,"className":"wp-block-heading has-text-align-left has-6-xl-font-size"} -->
                <h1 class="wp-block-heading has-text-align-left has-6-xl-font-size"><?php esc_html_e('Build your websites even lighter with blocks!', 'blockera'); ?></h1>
            <!-- /wp:heading -->
            <!-- wp:paragraph {"style":{"typography":{"textAlign":"left"}}} -->
                <p class="has-text-align-left"><?php esc_html_e('WordPress + Blockera Theme: Your Shortcut to Building a Professional', 'blockera'); ?><br><?php esc_html_e('Websites with Ease, Flexibility, and No Coding Required!', 'blockera'); ?></p>
            <!-- /wp:paragraph -->
            <!-- wp:buttons {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|xl"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
                <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"background","textColor":"primary","className":"is-style-fill"} -->
                    <div class="wp-block-button is-style-fill">
                        <a class="wp-block-button__link has-primary-color has-background-background-color has-text-color has-background wp-element-button"><?php esc_html_e('Start Building!', 'blockera'); ?></a>
                    </div>
                <!-- /wp:button -->
                <!-- wp:button {"className":"is-style-stroke is-style-neutral-stroke-button"} -->
                    <div class="wp-block-button is-style-stroke is-style-neutral-stroke-button">
                        <a class="wp-block-button__link wp-element-button"><?php esc_html_e('Contact Sales →', 'blockera'); ?></a>
                    </div>
                <!-- /wp:button -->
            </div>
        <!-- /wp:buttons -->
    </div>
<!-- /wp:column -->
 <!-- wp:column {"verticalAlignment":"center","className":"is-style-default","backgroundColor":"Primary-Light","layout":{"type":"default"}} -->
        <div class="wp-block-column is-vertically-aligned-center is-style-default has-primary-light-background-color has-background"><!-- wp:image {"id":364,"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","align":"center","style":{"color":{"duotone":"var:preset|duotone|primary-blue"}}} -->
            <figure class="wp-block-image aligncenter size-large"><img src="<?php echo esc_url(get_template_directory_uri()); ?>/assets/images/hero-01.svg" alt="" class="wp-image-364" style="aspect-ratio:1;object-fit:cover" /></figure>
            <!-- /wp:image -->
        </div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</main>
<!-- /wp:group -->
