File: //home/aglcoke/public_html/wp/wp-content/themes/ona/inc/patterns/general-hero-creative.php
<?php
/**
* General: hero creative
*/
return array(
'title' => __( 'Hero creative', 'ona' ),
'categories' => array( 'ona-general' ),
'content' => '
<!-- wp:cover {"url":"' . esc_url( get_theme_file_uri( 'assets/img/creative/ona_creative_hero.jpg' ) ) . '","id":450,"hasParallax":true,"dimRatio":40,"customOverlayColor":"#111111","focalPoint":{"x":"0.50","y":0},"minHeight":100,"minHeightUnit":"vh","contentPosition":"bottom center","isDark":false} -->
<div class="wp-block-cover is-light has-parallax has-custom-content-position is-position-bottom-center" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim" style="background-color:#111111"></span>
<div role="img" class="wp-block-cover__image-background wp-image-450 has-parallax" style="background-position:50% 0%;background-image:url(' . esc_url( get_theme_file_uri( 'assets/img/creative/ona_creative_hero.jpg' ) ) . ')"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"48px","bottom":"48px","right":"68px","left":"68px"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":false,"contentSize":"600px","type":"constrained"}} -->
<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background" style="padding-top:48px;padding-right:68px;padding-bottom:48px;padding-left:68px"><!-- wp:paragraph {"textColor":"secondary","className":"ona-alt-font","fontSize":"medium-large"} -->
<p class="ona-alt-font has-secondary-color has-text-color has-medium-large-font-size">' . esc_html__( 'Hey There', 'ona' ) . '</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":1,"fontSize":"x-large"} -->
<h1 class="wp-block-heading has-x-large-font-size" id="i-m-ona-and-this-is-my-travel-journal">' . esc_html__( 'I’m Ona, and this is my travel journal', 'ona' ) . '</h1>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"30px"} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->',
);