<?php
/**
 * Title: Hero
 * Slug: lemmony/hero
 * Categories: lemmony-patterns
 */
?>
<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"96px"},"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"className":"lemmony-mobile-center"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center lemmony-mobile-center" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:96px"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1.2"}},"className":"lemmony-animation lemmonyFadeInUp","fontSize":"gigantic","animationStyle":"lemmonyFadeInUp"} -->
<h1 class="lemmony-animation lemmonyFadeInUp has-gigantic-font-size lemmony-animation" style="line-height:1.2;--lemmony-animation-name:lemmonyFadeInUp"><?php esc_html_e( 'Let\'s Build', 'lemmony' ); ?> </h1>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"className":"lemmony-animation lemmonyFadeInUp","fontSize":"gigantic","animationStyle":"lemmonyFadeInUp","animationDelay":"xsmall"} -->
<h2 class="lemmony-animation lemmonyFadeInUp has-gigantic-font-size lemmony-animation" style="line-height:1.2;--lemmony-animation-name:lemmonyFadeInUp;animation-delay:var(--lemmony-delay-xsmall)"><?php esc_html_e( 'an Amazing', 'lemmony' ); ?> </h2>
<!-- /wp:heading -->

<!-- wp:lemmony-companion/typing-text {"typingTexts":["Site!","Blog!","Gallery!"],"typingDecoration":"underline","style":{"typography":{"lineHeight":"1.2"}},"className":"lemmony-animation lemmonyFadeInUp","fontSize":"gigantic","animationStyle":"lemmonyFadeInUp","animationDelay":"small"} -->
<div style="line-height:1.2;--lemmony-animation-name:lemmonyFadeInUp;animation-delay:var(--lemmony-delay-small)" class="wp-block-lemmony-companion-typing-text lemmony-animation lemmonyFadeInUp has-gigantic-font-size lemmony-animation"><div class="lemmony-typing-wrapper"><span class="lemmony-typing-prefix"></span><span class="lemmony-typing-data hidden" style="text-decoration:underline"><span class="lemmony-typing-item"><?php esc_html_e( 'Site!', 'lemmony' ); ?></span><span class="lemmony-typing-item"><?php esc_html_e( 'Blog!', 'lemmony' ); ?></span><span class="lemmony-typing-item"><?php esc_html_e( 'Gallery!', 'lemmony' ); ?></span></span><span class="lemmony-typing-action" style="text-decoration:underline"></span><span class="lemmony-typing-suffix"></span></div></div>
<!-- /wp:lemmony-companion/typing-text --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-columns" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"layout":{"type":"default"}} -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"className":"lemmony-animation lemmonyFadeInUp","layout":{"type":"constrained"},"animationStyle":"lemmonyFadeInUp","animationDelay":"xsmall"} -->
<div class="wp-block-group lemmony-animation lemmonyFadeInUp lemmony-animation" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;--lemmony-animation-name:lemmonyFadeInUp;animation-delay:var(--lemmony-delay-xsmall)"><!-- wp:lemmony-companion/icon {"icon":"eye","style":{"typography":{"fontSize":"48px"}}} -->
<div class="wp-block-lemmony-companion-icon" style="font-size:48px"><div class="lemmony-icon-wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-reactroot=""><path d="M16.009,28.015c-4.512,0-8.619-2.226-10.987-5.954c-0.296-0.466-0.158-1.084,0.308-1.38   c0.466-0.299,1.084-0.158,1.38,0.308c1.999,3.147,5.475,5.026,9.299,5.026c0.003,0,0.006,0,0.009,0   c3.816-0.003,7.282-1.882,9.271-5.025c0.296-0.467,0.912-0.606,1.38-0.31c0.467,0.295,0.605,0.913,0.31,1.38   c-2.357,3.725-6.454,5.951-10.959,5.955C16.016,28.015,16.012,28.015,16.009,28.015z M16,20.861c-2.787,0-5.054-2.267-5.054-5.053   s2.267-5.054,5.054-5.054c2.787,0,5.054,2.267,5.054,5.054S18.787,20.861,16,20.861z M16,12.754c-1.684,0-3.054,1.37-3.054,3.054   c0,1.683,1.37,3.053,3.054,3.053s3.054-1.37,3.054-3.053C19.054,14.124,17.684,12.754,16,12.754z M2.499,13.298   c-0.183,0-0.369-0.05-0.535-0.156c-0.466-0.296-0.604-0.914-0.308-1.38c3.093-4.871,8.459-7.777,14.356-7.777   c0.004,0,0.009,0,0.014,0c5.887,0.004,11.239,2.912,14.319,7.778c0.296,0.466,0.157,1.084-0.31,1.379   c-0.466,0.298-1.084,0.157-1.38-0.31c-2.712-4.284-7.434-6.844-12.631-6.848c-0.004,0-0.008,0-0.012,0   c-5.209,0-9.943,2.56-12.667,6.85C3.154,13.134,2.83,13.298,2.499,13.298z"></path></svg></div></div>
<!-- /wp:lemmony-companion/icon -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.4"},"spacing":{"margin":{"top":"var:preset|spacing|30","right":"0","bottom":"0","left":"0"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="margin-top:var(--wp--preset--spacing--30);margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700;line-height:1.4"><?php esc_html_e( 'The Design', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"tiny-plus"} -->
<p class="has-tiny-plus-font-size"><?php esc_html_e( 'Make a pleasant visual experience for your website visitors. Keep ideas &amp; design in harmony.', 'lemmony' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"var:preset|spacing|20"}},"className":"lemmony-animation lemmonyFadeInUp","animationStyle":"lemmonyFadeInUp","animationDelay":"small"} -->
<div class="wp-block-column lemmony-animation lemmonyFadeInUp lemmony-animation" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;--lemmony-animation-name:lemmonyFadeInUp;animation-delay:var(--lemmony-delay-small)"><!-- wp:lemmony-companion/icon {"icon":"sun-alt-light","style":{"typography":{"fontSize":"48px"}}} -->
<div class="wp-block-lemmony-companion-icon" style="font-size:48px"><div class="lemmony-icon-wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-reactroot=""><path d="M16,30.5c-0.552,0-1-0.447-1-1v-0.513c0-0.553,0.448-1,1-1s1,0.447,1,1V29.5C17,30.053,16.552,30.5,16,30.5z M25.546,26.546c-0.256,0-0.512-0.098-0.707-0.293l-0.362-0.362c-0.391-0.391-0.391-1.023,0-1.414s1.023-0.391,1.414,0l0.362,0.362 c0.391,0.391,0.391,1.023,0,1.414C26.058,26.448,25.802,26.546,25.546,26.546z M6.454,26.546c-0.256,0-0.512-0.098-0.708-0.293 c-0.39-0.392-0.39-1.024,0.001-1.415l0.363-0.362c0.391-0.389,1.023-0.39,1.414,0.001c0.39,0.392,0.39,1.024-0.001,1.415 l-0.363,0.362C6.965,26.448,6.71,26.546,6.454,26.546z M16,24.5c-4.687,0-8.5-3.813-8.5-8.5c0-4.687,3.813-8.5,8.5-8.5 c4.687,0,8.5,3.813,8.5,8.5C24.5,20.687,20.687,24.5,16,24.5z M16,9.5c-3.584,0-6.5,2.916-6.5,6.5s2.916,6.5,6.5,6.5 s6.5-2.916,6.5-6.5S19.584,9.5,16,9.5z M29.5,17h-0.513c-0.553,0-1-0.448-1-1s0.447-1,1-1H29.5c0.553,0,1,0.448,1,1 S30.053,17,29.5,17z M3.013,17H2.5c-0.552,0-1-0.448-1-1s0.448-1,1-1h0.513c0.552,0,1,0.448,1,1S3.565,17,3.013,17z M6.817,7.817 c-0.256,0-0.512-0.098-0.707-0.293L5.747,7.161c-0.391-0.391-0.391-1.023,0-1.414s1.023-0.391,1.414,0L7.524,6.11 c0.391,0.391,0.391,1.023,0,1.414C7.329,7.719,7.073,7.817,6.817,7.817z M25.184,7.817c-0.256,0-0.512-0.098-0.707-0.292 c-0.391-0.39-0.391-1.023-0.001-1.414l0.362-0.363c0.391-0.392,1.024-0.391,1.415-0.001c0.391,0.39,0.391,1.023,0.001,1.414 l-0.362,0.363C25.696,7.719,25.439,7.817,25.184,7.817z M16,4.013c-0.552,0-1-0.448-1-1V2.5c0-0.552,0.448-1,1-1s1,0.448,1,1v0.513 C17,3.565,16.552,4.013,16,4.013z"></path></svg></div></div>
<!-- /wp:lemmony-companion/icon -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.4"},"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="margin-top:var(--wp--preset--spacing--30);font-style:normal;font-weight:700;line-height:1.4"><?php esc_html_e( 'The Idea', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"tiny-plus"} -->
<p class="has-tiny-plus-font-size"><?php esc_html_e( 'There should be a general idea of what you\'re trying to pitch to your audience. Keep it simple.', 'lemmony' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:cover {"url":"<?php echo esc_url( lemmony_media("front-hero.jpg") ); ?>","id":3220,"dimRatio":0,"isDark":false,"align":"full","className":"lemmony-parallax","style":{"spacing":{"padding":{"top":"13vw","right":"2rem","bottom":"15vw","left":"2rem"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-cover alignfull is-light lemmony-parallax" style="margin-top:0;margin-bottom:0;padding-top:13vw;padding-right:2rem;padding-bottom:15vw;padding-left:2rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-3220" alt="" src="<?php echo esc_url( lemmony_media("front-hero.jpg") ); ?>" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="margin-top:0;margin-bottom:0"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"500px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:500px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50","top":"64px","bottom":"64px"}},"border":{"radius":"25px"}},"backgroundColor":"white","layout":{"type":"constrained"},"animationSpeed":"fast"} -->
<div class="wp-block-group has-white-background-color has-background" style="border-radius:25px;padding-top:64px;padding-right:var(--wp--preset--spacing--50);padding-bottom:64px;padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"lineHeight":"1.6","fontStyle":"normal","fontWeight":"600"}},"fontSize":"small"} -->
<h5 class="has-text-align-center has-small-font-size" style="font-style:normal;font-weight:600;line-height:1.6"><?php esc_html_e( 'Showcase', 'lemmony' ); ?></h5>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|10","right":"0","bottom":"var:preset|spacing|20"}},"typography":{"lineHeight":"1.4"}},"textColor":"heading","fontSize":"medium-plus"} -->
<h2 class="has-text-align-center has-heading-color has-text-color has-medium-plus-font-size" style="margin-top:var(--wp--preset--spacing--10);margin-right:0;margin-bottom:var(--wp--preset--spacing--20);line-height:1.4"><?php esc_html_e( 'Immersive Images', 'lemmony' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","textColor":"paragraph","fontSize":"small"} -->
<p class="has-text-align-center has-paragraph-color has-text-color has-small-font-size"><?php esc_html_e( 'Try to make meaningful imagery that will grab the attention of your website visitors. And don\'t forget', 'lemmony' ); ?> <strong><?php esc_html_e( 'your call to action!', 'lemmony' ); ?></strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"40px"}}}} -->
<div class="wp-block-buttons" style="margin-top:40px"><!-- wp:button {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny-plus"} -->
<div class="wp-block-button has-custom-font-size has-tiny-plus-font-size" style="font-style:normal;font-weight:700"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Explore theme', 'lemmony' ); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

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