<?php
/**
 * Title: Art Page Header
 * Slug: technicalistic/art-header
 * Categories: technicalistic-coming-soon, technicalistic
 * Description: Art page header with teal gradient and featured image.
 */
?>
<!-- wp:group {"align":"full","className":"art-header","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"constrained","contentSize":"80rem"}} -->
<div class="wp-block-group alignfull art-header" style="padding-top:4rem;padding-bottom:4rem">

	<!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"2rem"}}}} -->
	<div class="wp-block-columns">

		<!-- wp:column {"width":"66%"} -->
		<div class="wp-block-column" style="flex-basis:66%">

			<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
			<div class="wp-block-group">

				<!-- wp:group {"className":"art-icon-box","layout":{"type":"constrained"}} -->
				<div class="wp-block-group art-icon-box">
					<!-- wp:paragraph -->
					<p>&#127912;</p>
					<!-- /wp:paragraph -->
				</div>
				<!-- /wp:group -->

				<!-- wp:heading {"level":1,"className":"gradient-teal","style":{"typography":{"fontSize":"3rem","fontWeight":"700"}}} -->
				<h1 class="wp-block-heading gradient-teal" style="font-size:3rem;font-weight:700"><?php esc_html_e( 'Art & Creative Work', 'technicalistic' ); ?></h1>
				<!-- /wp:heading -->

			</div>
			<!-- /wp:group -->

			<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.25rem"}},"textColor":"slate-300"} -->
			<p class="has-slate-300-color has-text-color" style="font-size:1.25rem"><?php esc_html_e( 'Exploring creativity through visual art, sculpture, and design.', 'technicalistic' ); ?></p>
			<!-- /wp:paragraph -->

		</div>
		<!-- /wp:column -->

		<!-- wp:column {"width":"34%","verticalAlignment":"center"} -->
		<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:34%">

			<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
			<div class="wp-block-group">

				<!-- wp:image {"className":"art-img-wrap","sizeSlug":"medium"} -->
				<figure class="wp-block-image size-medium art-img-wrap"><img src="<?php echo esc_url( technicalistic_get_theme_image( 'technicalistic_art_image', 'neon-angel-sculpture_sm.png' ) ); ?>" alt="<?php esc_attr_e( 'Art header image', 'technicalistic' ); ?>"/></figure>
				<!-- /wp:image -->

				<?php if ( get_theme_mod( 'technicalistic_show_art_subscribe', false ) ) : ?>
				<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.95rem","fontWeight":"600"}},"textColor":"teal-400"} -->
				<p class="has-teal-400-color has-text-color" style="font-size:0.95rem;font-weight:600"><a href="<?php echo esc_url( get_theme_mod( 'technicalistic_art_subscribe_url', '#' ) ); ?>" style="color:inherit;text-decoration:none;"><?php esc_html_e( 'Subscribe to Updates', 'technicalistic' ); ?> &#8594;</a></p>
				<!-- /wp:paragraph -->
				<?php endif; ?>

				<?php if ( get_theme_mod( 'technicalistic_show_shop_link', true ) ) : ?>
				<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.95rem","fontWeight":"600"}},"textColor":"teal-400"} -->
				<p class="has-teal-400-color has-text-color" style="font-size:0.95rem;font-weight:600"><a href="<?php echo esc_url( get_theme_mod( 'technicalistic_shop_url', '/store' ) ); ?>" style="color:inherit;text-decoration:none;"><?php esc_html_e( 'Visit Shop', 'technicalistic' ); ?> &#8599;</a></p>
				<!-- /wp:paragraph -->
				<?php endif; ?>

			</div>
			<!-- /wp:group -->

		</div>
		<!-- /wp:column -->

	</div>
	<!-- /wp:columns -->

</div>
<!-- /wp:group -->
