<?php
/**
 * Hero Centered heading with CTA button and image below. (Dark version)

 */

return array(
	'title'      => __( 'Centered heading with CTA button and image below (Dark)', 'aino' ),
	'categories' => array( 'heroes' ),
	'content'    => '<!-- wp:group {"align":"full","backgroundColor":"variant-background-primary","className":"fullwidth"} -->
	<div class="wp-block-group alignfull fullwidth has-variant-background-primary-background-color has-background"><!-- wp:ainoblocks/grid-container {"paddingTop":15} -->
	<div class="wp-block-ainoblocks-grid-container alignwide pt__15"><div class="wp-block-ainoblocks-grid-container__inner"><!-- wp:ainoblocks/grid-item {"gridColumnStartDesktop":2,"gridColumnEndDesktop":12,"gridColumnStartTablet":2,"gridColumnEndTablet":12,"gridColumnStartMobile":1,"gridColumnEndMobile":13,"justifyItem":"center","marginBottomTablet":0,"marginBottomMobile":0} -->
	<div class="wp-block-ainoblocks-grid-item col_start_d__2 col_end_d__12 col_start_t__2 col_end_t__12 col_start_m__1 col_end_m__13 align-self__start justify-self__center no-stacking mb_t__0 mb_m__0"><!-- wp:heading {"level":2,"textAlign":"center","textColor":"variant-font-primary","fontSize":"text-7-xl"} -->
	<h2 class="has-text-align-center has-variant-font-primary-color has-text-color has-text-7-xl-font-size">Design Ideas<br>for WordPress</h2>
	<!-- /wp:heading --></div>
	<!-- /wp:ainoblocks/grid-item -->
	
	<!-- wp:ainoblocks/grid-item {"gridColumnStartDesktop":5,"gridColumnEndDesktop":9,"gridColumnStartTablet":4,"gridColumnEndTablet":10,"gridColumnStartMobile":2,"gridColumnEndMobile":12,"justifyItem":"center","marginBottomTablet":0,"marginBottomMobile":0} -->
	<div class="wp-block-ainoblocks-grid-item col_start_d__5 col_end_d__9 col_start_t__4 col_end_t__10 col_start_m__2 col_end_m__12 align-self__start justify-self__center no-stacking mb_t__0 mb_m__0"><!-- wp:paragraph {"textColor":"variant-font-secondary","align":"center","paddingTop":6} -->
	<p class="has-variant-font-secondary-color has-text-color has-text-align-center pt__6">Let&#8217;s start to build innovative websites that stand out from the crowd.</p>
	<!-- /wp:paragraph --></div>
	<!-- /wp:ainoblocks/grid-item -->
	
	<!-- wp:ainoblocks/grid-item {"gridColumnStartDesktop":2,"gridColumnEndDesktop":12,"gridColumnStartTablet":1,"gridColumnEndTablet":13,"gridColumnStartMobile":1,"gridColumnEndMobile":13,"justifyItem":"center","marginBottomDesktop":12,"marginBottomTablet":11,"marginBottomMobile":8} -->
	<div class="wp-block-ainoblocks-grid-item col_start_d__2 col_end_d__12 col_start_t__1 col_end_t__13 col_start_m__1 col_end_m__13 align-self__start justify-self__center no-stacking mb_d__12 mb_t__11 mb_m__8"><!-- wp:ainoblocks/multiple-buttons {"align":"center","paddingTop":7,"paddingBottom":11} -->
	<div class="wp-block-ainoblocks-multiple-buttons aligncenter pt__7 pb__11"><!-- wp:ainoblocks/button {"size":"size__l","borderRadius":200,"label":"Get started","backgroundColor":"variant-primary","textColor":"variant-button-color-primary","className":"is-style-primary"} -->
	<div class="wp-block-ainoblocks-button is-style-primary has-variant-button-color-primary-color has-variant-primary-background-color has-text-color has-background" style="border-radius:200px"><a class="wp-block-ainoblocks-button__link size__l 200" style="border-radius:200px">Get started</a></div>
	<!-- /wp:ainoblocks/button --></div>
	<!-- /wp:ainoblocks/multiple-buttons --></div>
	<!-- /wp:ainoblocks/grid-item --></div></div>
	<!-- /wp:ainoblocks/grid-container --></div>
	<!-- /wp:group -->
	
	<!-- wp:group {"align":"full","backgroundColor":"primary-background","paddingBottom":17,"className":"fullwidth} -->
	<div class="wp-block-group alignfull fullwidth has-primary-background-background-color has-background pb__17"><!-- wp:ainoblocks/grid-container -->
	<div class="wp-block-ainoblocks-grid-container alignwide"><div class="wp-block-ainoblocks-grid-container__inner"><!-- wp:ainoblocks/grid-item {"gridColumnStartDesktop":2,"gridColumnEndDesktop":12,"gridColumnStartTablet":2,"gridColumnEndTablet":12,"gridColumnStartMobile":2,"gridColumnEndMobile":12,"marginTopDesktop":-12,"marginTopTablet":-11,"marginTopMobile":-8} -->
	<div class="wp-block-ainoblocks-grid-item col_start_d__2 col_end_d__12 col_start_t__2 col_end_t__12 col_start_m__2 col_end_m__12 align-self__start justify-self__start no-stacking mt_d__-12 mt_t__-11 mt_m__-8"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->
	<figure class="wp-block-image size-large"><img src="' . get_stylesheet_directory_uri() . '/assets/images/pattern-lib/free/hero-01-dark.jpg" alt=""/></figure>
	<!-- /wp:image --></div>
	<!-- /wp:ainoblocks/grid-item --></div></div>
	<!-- /wp:ainoblocks/grid-container --></div>
	<!-- /wp:group -->',
);
