<?php
/**
 * Title: Hero with columns: heading, text, cta and gallery
 * Slug: blockster/herocontentgallery
 * Categories: blockster-patterns
 * Keywords: Hero
 * Block Types: core/gallery
 */
?>
<!-- wp:group {"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"className":"border-radius-medium"} --><div class="wp-block-columns alignwide are-vertically-aligned-center border-radius-medium" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:column {"verticalAlignment":"center","width":"50%"} --><div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"default"}} --><div class="wp-block-group"><!-- wp:heading {"level":1} --><h1 class="wp-block-heading">Hello, this is <em>Blockster</em>.</h1><!-- /wp:heading --><!-- wp:paragraph --><p>A block theme built for WordPress Site Editor.  To use this block theme, install and activate it within WordPress then dive in and start creating your beautiful pages.</p><!-- /wp:paragraph --><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} --><div class="wp-block-group"><!-- wp:buttons --><div class="wp-block-buttons"><!-- wp:button --><div class="wp-block-button"><a class="wp-block-button__link wp-element-button">DOWNLOAD</a></div><!-- /wp:button --></div><!-- /wp:buttons --><!-- wp:paragraph {"textColor":"contrast-alt"} --><p class="has-contrast-alt-color has-text-color">YOU GOT THIS.</p><!-- /wp:paragraph --></div><!-- /wp:group --></div><!-- /wp:group --></div><!-- /wp:column --><!-- wp:column {"verticalAlignment":"center","width":"50%"} --><div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20","left":"var:preset|spacing|20"}}}} --><div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} --><div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"id":291,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"8px"}}} --><figure class="wp-block-image size-large has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/vertical.png" alt="" class="wp-image-291" style="border-radius:8px"/></figure><!-- /wp:image --></div><!-- /wp:column --><!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} --><div class="wp-block-column" style="flex-basis:50%"><!-- wp:image {"id":290,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"8px"}}} --><figure class="wp-block-image size-large has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/rectangle.png" alt="" class="wp-image-290" style="border-radius:8px"/></figure><!-- /wp:image --><!-- wp:image {"id":293,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"8px"}}} --><figure class="wp-block-image size-large has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/square.png" alt="" class="wp-image-293" style="border-radius:8px"/></figure><!-- /wp:image --></div><!-- /wp:column --></div><!-- /wp:columns --></div><!-- /wp:column --></div><!-- /wp:columns --></div><!-- /wp:group -->