<?php
 /**
  * Title: Hero Content With Collage Images
  * Slug: high-life/hero-content-with-collage-images
  * Categories: high-life, page
  */
?>

<!-- wp:group {"align":"full","className":"wp-block-section wp-hero-content-with-collage-images","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull wp-block-section wp-hero-content-with-collage-images">
	<!-- wp:group {"align":"wide","style":{"color":{}},"layout":{"inherit":true,"type":"constrained"}} -->
	<div class="wp-block-group alignwide">
		<!-- wp:columns {"verticalAlignment":"center","align":"full"} -->
		<div class="wp-block-columns alignfull are-vertically-aligned-center">
			<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"wp-block-image-collage"} -->
			<div class="wp-block-column is-vertically-aligned-center wp-block-image-collage" style="flex-basis:50%">
				<!-- wp:columns {"verticalAlignment":"center"} -->
				<div class="wp-block-columns are-vertically-aligned-center">
					<!-- wp:column {"verticalAlignment":"center"} -->
					<div class="wp-block-column is-vertically-aligned-center">
						<!-- wp:image {"id":15836,"sizeSlug":"full","linkDestination":"none"} -->
						<figure class="wp-block-image size-full">
							<img src="
								<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/vr-man.png' ) ); ?>" alt="" class="wp-image-15836"/>
							</figure>
							<!-- /wp:image -->
						</div>
						<!-- /wp:column -->
						<!-- wp:column {"verticalAlignment":"center"} -->
						<div class="wp-block-column is-vertically-aligned-center">
							<!-- wp:image {"id":15838,"sizeSlug":"full","linkDestination":"none"} -->
							<figure class="wp-block-image size-full">
								<img src="
									<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/watch.png' ) ); ?>" alt="" class="wp-image-15838"/>
								</figure>
								<!-- /wp:image -->
								<!-- wp:image {"id":15837,"sizeSlug":"full","linkDestination":"none"} -->
								<figure class="wp-block-image size-full">
									<img src="
										<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/mobile.png' ) ); ?>" alt="" class="wp-image-15837"/>
									</figure>
									<!-- /wp:image -->
								</div>
								<!-- /wp:column -->
							</div>
							<!-- /wp:columns -->
						</div>
						<!-- /wp:column -->
						<!-- wp:column {"verticalAlignment":"center","width":"50%","className":"wp-block-text-content"} -->
						<div class="wp-block-column is-vertically-aligned-center wp-block-text-content" style="flex-basis:50%">
							<!-- wp:group {"className":"wp-block-group-heading"} -->
							<div class="wp-block-group wp-block-group-heading">
								<!-- wp:heading {"style":{"typography":{"fontStyle":"normal"}},"textColor":"foreground"} -->
								<h2 class="wp-block-heading has-foreground-color has-text-color" style="font-style:normal"><?php esc_html_e( 'Creating Reality Products', 'high-life' ); ?></h2>
								<!-- /wp:heading -->
								<!-- wp:paragraph {"textColor":"body-text"} -->
								<p class="has-body-text-color has-text-color"><?php esc_html_e( 'Exploring Ideas of your own VR World ity own VR World Ideas of your own VR World ity own Reality own VR World Reality readable content of a page when looking layout.', 'high-life' ); ?></p>
								<!-- /wp:paragraph -->
							</div>
							<!-- /wp:group -->
							<!-- wp:buttons -->
							<div class="wp-block-buttons">
								<!-- wp:button -->
								<div class="wp-block-button">
                  <a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Read more', 'high-life' ); ?></a>
                </div>
								<!-- /wp:button -->
							</div>
							<!-- /wp:buttons -->
						</div>
						<!-- /wp:column -->
					</div>
					<!-- /wp:columns -->
				</div>
				<!-- /wp:group -->
			</div>
			<!-- /wp:group -->
