<?php
 /**
  * Title: Explore
  * Slug: rock-tune/explore	
  * Categories: rock-tune, featured
  */
?>
<!-- wp:group {"align":"full","className":"explore-section wp-block-section","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull explore-section wp-block-section">
		<!-- wp:group {"align":"wide","className":"section-heading","layout":{"className":"section-heading","type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"space-between"}} -->
		<div class="wp-block-group alignwide section-heading">
			<!-- wp:group {"layout":{"type":"constrained"}} -->
			<div class="wp-block-group">
				<!-- wp:heading {"fontSize":"section-title"} -->
				<h2 class="wp-block-heading has-section-title-font-size"><?php esc_html_e ( 'Explore', 'rock-tune' ); ?></h2>
				<!-- /wp:heading -->
				<!-- wp:paragraph -->
				<p><?php esc_html_e ( 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atqu.', 'rock-tune' ); ?>
					</p>
					<!-- /wp:paragraph -->
				</div>
				<!-- /wp:group -->
				<!-- wp:buttons -->
				<div class="wp-block-buttons">
					<!-- wp:button {"className":"is-style-fill"} -->
					<div class="wp-block-button is-style-fill">
						<a class="wp-block-button__link wp-element-button"><?php esc_html_e ( 'View All', 'rock-tune' ); ?></a>
					</div>
					<!-- /wp:button -->
				</div>
				<!-- /wp:buttons -->
			</div>
			<!-- /wp:group -->
		<!-- wp:group {"align":"wide","className":"explore-col","layout":{"type":"constrained"}} -->
		<div class="wp-block-group alignwide explore-col">
			<!-- wp:columns {"align":"wide","className":"columns-2"} -->
			<div class="wp-block-columns alignwide columns-2">
				<!-- wp:column -->
				<div class="wp-block-column">
					<!-- wp:image {"id":131,"sizeSlug":"full","linkDestination":"none"} -->
					<figure class="wp-block-image size-full">
						<img src="<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/explore-1.jpg' ) ); ?>" alt="explore-1" class="wp-image-131"/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:column -->
				<!-- wp:column -->
				<div class="wp-block-column">
					<!-- wp:image {"id":132,"sizeSlug":"full","linkDestination":"none"} -->
					<figure class="wp-block-image size-full">
						<img src="<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/explore-2.jpg' ) ); ?>" alt="explore-2" class="wp-image-132"/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:column -->
			</div>
			<!-- /wp:columns -->
			<!-- wp:columns {"align":"wide","className":"columns-2"} -->
			<div class="wp-block-columns alignwide columns-2">
				<!-- wp:column -->
				<div class="wp-block-column">
					<!-- wp:image {"id":133,"sizeSlug":"full","linkDestination":"none"} -->
					<figure class="wp-block-image size-full">
						<img src="<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/explore-3.jpg' ) ); ?>" alt="explore-3" class="wp-image-133"/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:column -->
				<!-- wp:column -->
				<div class="wp-block-column">
					<!-- wp:image {"id":134,"sizeSlug":"full","linkDestination":"none"} -->
					<figure class="wp-block-image size-full">
						<img src="<?php echo esc_url( get_parent_theme_file_uri( '/assets/images/explore-4.jpg' ) ); ?>" alt="explore-4" class="wp-image-134"/>
					</figure>
					<!-- /wp:image -->
				</div>
				<!-- /wp:column -->
			</div>
			<!-- /wp:columns -->
		</div>
		<!-- /wp:group -->
	</div>
	<!-- /wp:group -->