<?php
/**
 * Title: Services with spinner
 * Slug: lemmony/services-with-spinner
 * Categories: lemmony-patterns
 */
?>
<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"width":"13%"} -->
<div class="wp-block-column" style="flex-basis:13%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column"><!-- wp:image {"align":"center","id":2969,"sizeSlug":"large","linkDestination":"none","className":"lemmony-animation lemmonyFadeInUp","animationStyle":"lemmonyFadeInUp","animationDelay":"xsmall"} -->
<figure class="wp-block-image aligncenter size-large lemmony-animation lemmonyFadeInUp lemmony-animation" style="--lemmony-animation-name:lemmonyFadeInUp;animation-delay:var(--lemmony-delay-xsmall)"><img src="<?php echo esc_url( lemmony_media("star.svg") ); ?>" alt="" class="wp-image-2969"/></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"className":"lemmony-animation lemmonyFadeInUp","fontSize":"huge-plus","animationStyle":"lemmonyFadeInUp"} -->
<h2 class="alignwide has-text-align-center lemmony-animation lemmonyFadeInUp has-huge-plus-font-size lemmony-animation" style="margin-top:var(--wp--preset--spacing--20);line-height:1.2;--lemmony-animation-name:lemmonyFadeInUp"><?php esc_html_e( 'Tell the Story About Your Mighty Endeavors', 'lemmony' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":5,"style":{"typography":{"lineHeight":"1.4"}},"className":"lemmony-animation lemmonyFadeInUp","fontSize":"small-plus","animationStyle":"lemmonyFadeInUp","animationDelay":"xsmall"} -->
<h5 class="has-text-align-center lemmony-animation lemmonyFadeInUp has-small-plus-font-size lemmony-animation" style="line-height:1.4;--lemmony-animation-name:lemmonyFadeInUp;animation-delay:var(--lemmony-delay-xsmall)"><?php esc_html_e( 'With', 'lemmony' ); ?> <span style="text-decoration: underline;"><?php esc_html_e( 'words', 'lemmony' ); ?></span> &amp; <span style="text-decoration: underline;"><?php esc_html_e( 'images', 'lemmony' ); ?></span> <?php esc_html_e( 'that speak to your customers', 'lemmony' ); ?></h5>
<!-- /wp:heading --></div>
<!-- /wp:column -->

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

<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"},"padding":{"top":"var:preset|spacing|60","bottom":"0"},"margin":{"top":"0","bottom":"0"}}},"className":"lemmony-mobile-center"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center lemmony-mobile-center" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:0"><!-- wp:column {"verticalAlignment":"center","width":"30%","style":{"spacing":{"blockGap":"var:preset|spacing|70"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:30%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"className":"lemmony-animation lemmonyFadeIn","layout":{"type":"constrained"},"animationStyle":"lemmonyFadeIn"} -->
<div class="wp-block-group lemmony-animation" style="--lemmony-animation-name:lemmonyFadeIn"><!-- wp:lemmony-companion/icon {"icon":"link-alt","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="M10.128,30.498c-2.209,0.001-4.418-0.841-6.1-2.522c-1.63-1.63-2.528-3.798-2.526-6.104 c0.001-2.304,0.898-4.469,2.526-6.097c1.398-1.398,3.25-2.278,5.214-2.476c0.56-0.055,1.041,0.346,1.096,0.895 c0.055,0.55-0.345,1.04-0.895,1.096c-1.507,0.152-2.928,0.827-4.001,1.9c-1.25,1.25-1.939,2.914-1.94,4.684 c-0.001,1.771,0.688,3.437,1.94,4.688c2.584,2.585,6.788,2.583,9.372,0c1.073-1.073,1.748-2.494,1.9-4.001 c0.056-0.549,0.545-0.941,1.096-0.895c0.55,0.056,0.95,0.546,0.895,1.096c-0.199,1.965-1.078,3.816-2.477,5.214 C14.547,29.657,12.337,30.498,10.128,30.498z M12.391,20.664c-0.256,0-0.512-0.098-0.707-0.293c-0.391-0.391-0.391-1.023,0-1.414 l7.705-7.704c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414l-7.705,7.704C12.903,20.566,12.647,20.664,12.391,20.664z M22.66,18.71c-0.507,0-0.941-0.384-0.994-0.899c-0.056-0.55,0.345-1.04,0.895-1.096c1.507-0.152,2.928-0.827,4.001-1.9 c2.584-2.584,2.584-6.788,0-9.372c-1.251-1.251-2.915-1.94-4.685-1.94c-0.002,0-0.003,0-0.004,0c-1.77,0.001-3.434,0.69-4.684,1.94 c-1.073,1.073-1.748,2.494-1.9,4.001c-0.055,0.549-0.536,0.955-1.096,0.895c-0.549-0.056-0.95-0.546-0.895-1.096 c0.198-1.964,1.078-3.815,2.476-5.214c1.628-1.628,3.793-2.525,6.097-2.526c0.001,0,0.003,0,0.005,0 c2.304,0,4.47,0.897,6.099,2.526c3.363,3.364,3.363,8.836,0,12.2c-1.397,1.398-3.249,2.277-5.214,2.477 C22.728,18.708,22.693,18.71,22.66,18.71z"></path></svg></div></div>
<!-- /wp:lemmony-companion/icon -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.6"}},"fontSize":"small-plus"} -->
<h3 class="has-small-plus-font-size" style="font-style:normal;font-weight:600;line-height:1.6"><?php esc_html_e( 'Icon block', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"tiny-plus"} -->
<p class="has-tiny-plus-font-size" style="margin-top:var(--wp--preset--spacing--20)"><?php esc_html_e( 'The theme has icon blocks that will allow you to add icons and boost the visual experience of the website.', 'lemmony' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textDecoration":"underline"}},"textColor":"body","fontSize":"tiny-plus"} -->
<p class="has-body-color has-text-color has-tiny-plus-font-size" style="font-style:normal;font-weight:700;text-decoration:underline"><a href="#"><?php esc_html_e( 'Learn more', 'lemmony' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"className":"lemmony-animation lemmonyFadeIn","layout":{"type":"constrained"},"animationStyle":"lemmonyFadeIn"} -->
<div class="wp-block-group lemmony-animation" style="--lemmony-animation-name:lemmonyFadeIn"><!-- wp:lemmony-companion/icon {"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="M14.228,30.5c-0.109,0-0.22-0.018-0.328-0.055c-0.433-0.15-0.708-0.576-0.668-1.033l0.904-10.288H7.542 c-0.367,0-0.705-0.201-0.88-0.524c-0.174-0.323-0.158-0.716,0.043-1.023L16.931,1.952c0.251-0.384,0.731-0.548,1.164-0.397 c0.434,0.15,0.709,0.576,0.669,1.032L17.86,12.87h6.599c0.367,0,0.705,0.201,0.88,0.524s0.158,0.716-0.043,1.023l-10.23,15.63 C14.876,30.336,14.558,30.5,14.228,30.5z M9.391,17.124h5.836c0.28,0,0.548,0.118,0.737,0.324c0.189,0.207,0.283,0.484,0.259,0.764 l-0.651,7.407l7.036-10.75h-5.841c-0.28,0-0.548-0.118-0.737-0.325c-0.189-0.207-0.283-0.483-0.259-0.763l0.651-7.401L9.391,17.124 z"></path></svg></div></div>
<!-- /wp:lemmony-companion/icon -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.6"}},"fontSize":"small-plus"} -->
<h3 class="has-small-plus-font-size" style="font-style:normal;font-weight:600;line-height:1.6"><?php esc_html_e( 'Fast &amp; Lightweight', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}}},"fontSize":"tiny-plus"} -->
<p class="has-tiny-plus-font-size" style="margin-top:var(--wp--preset--spacing--20)"><?php esc_html_e( 'Lemmony is built with a native block builder, which makes it a fast and lightweight theme.', 'lemmony' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textDecoration":"underline"}},"textColor":"body","fontSize":"tiny-plus"} -->
<p class="has-body-color has-text-color has-tiny-plus-font-size" style="font-style:normal;font-weight:700;text-decoration:underline"><a href="#"><?php esc_html_e( 'Learn more', 'lemmony' ); ?></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"40%","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"><!-- wp:image {"id":2972,"sizeSlug":"large","linkDestination":"none","className":"lemmony-absolute lemmony-zindex-10 lemmony-spin ","animationSpeed":"slow","animationDelay":"small"} -->
<figure class="wp-block-image size-large lemmony-absolute lemmony-zindex-10 lemmony-spin"><img src="<?php echo esc_url( lemmony_media("scroll-down.svg") ); ?>" alt="" class="wp-image-2972"/></figure>
<!-- /wp:image -->

<!-- wp:image {"align":"center","id":2971,"sizeSlug":"full","linkDestination":"none","animationDelay":"xsmall"} -->
<figure class="wp-block-image aligncenter size-full"><img src="<?php echo esc_url( lemmony_media("front-services.png") ); ?>" alt="" class="wp-image-2971"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"30%","style":{"spacing":{"blockGap":"40px"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:30%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"className":"lemmony-mobile-justify-center","layout":{"type":"constrained","contentSize":"220px","justifyContent":"right"}} -->
<div class="wp-block-group lemmony-mobile-justify-center"><!-- wp:lemmony-companion/counter {"textAlign":"right","style":{"typography":{"lineHeight":"1"}}} -->
<div style="line-height:1;text-align:right" class="wp-block-lemmony-companion-counter"><span class="lemmony-counter-wrapper" data-start="0" data-end="33" data-duration="3"><span class="lemmony-counter-number">0</span><span class="lemmony-counter-suffix"></span></span></div>
<!-- /wp:lemmony-companion/counter -->

<!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.6"}},"fontSize":"small-plus"} -->
<h3 class="has-text-align-right has-small-plus-font-size" style="font-style:normal;font-weight:600;line-height:1.6"><?php esc_html_e( 'Patterns Included', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" style="margin-top:var(--wp--preset--spacing--30)"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"className":"lemmony-mobile-justify-center","layout":{"type":"constrained","contentSize":"230px","justifyContent":"right"}} -->
<div class="wp-block-group lemmony-mobile-justify-center"><!-- wp:lemmony-companion/counter {"textAlign":"right","style":{"typography":{"lineHeight":"1"}}} -->
<div style="line-height:1;text-align:right" class="wp-block-lemmony-companion-counter"><span class="lemmony-counter-wrapper" data-start="0" data-end="10" data-duration="3"><span class="lemmony-counter-number">0</span><span class="lemmony-counter-suffix">+</span></span></div>
<!-- /wp:lemmony-companion/counter -->

<!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.6"}},"fontSize":"small-plus"} -->
<h3 class="has-text-align-right has-small-plus-font-size" style="font-style:normal;font-weight:600;line-height:1.6"><?php esc_html_e( 'Years of Experience', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0px"}}},"className":"is-style-wide"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" style="margin-top:var(--wp--preset--spacing--30);margin-bottom:0px"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"className":"lemmony-mobile-center","layout":{"type":"default"}} -->
<div class="wp-block-group lemmony-mobile-center" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:lemmony-companion/counter {"textAlign":"right","style":{"typography":{"lineHeight":"1"}}} -->
<div style="line-height:1;text-align:right" class="wp-block-lemmony-companion-counter"><span class="lemmony-counter-wrapper" data-start="0" data-end="15" data-duration="3"><span class="lemmony-counter-number">0</span><span class="lemmony-counter-suffix"><?php esc_html_e( 'k+', 'lemmony' ); ?></span></span></div>
<!-- /wp:lemmony-companion/counter -->

<!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.6"}},"fontSize":"small-plus"} -->
<h3 class="has-text-align-right has-small-plus-font-size" style="font-style:normal;font-weight:600;line-height:1.6"><?php esc_html_e( 'Clients Use Our Themes', 'lemmony' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"lemmony-group-squeeze","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group lemmony-group-squeeze"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2974,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"4px"}},"borderColor":"background","className":"lemmony-animation lemmonyFadeInLeft","animationStyle":"lemmonyFadeInLeft","animationSpeed":"xfast","animationDelay":"small"} -->
<figure class="wp-block-image size-full is-resized has-custom-border lemmony-animation lemmonyFadeInLeft lemmony-animation" style="--lemmony-animation-name:lemmonyFadeInLeft;animation-duration:var(--lemmony-speed-xfast);animation-delay:var(--lemmony-delay-small)"><img src="<?php echo esc_url( lemmony_media("front-client1.jpg") ); ?>" alt="" class="has-border-color has-background-border-color wp-image-2974" style="border-width:4px" width="80" height="80"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:image {"id":2975,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"4px"}},"borderColor":"background","className":"lemmony-animation lemmonyFadeInLeft","animationStyle":"lemmonyFadeInLeft","animationSpeed":"xfast","animationDelay":"xsmall"} -->
<figure class="wp-block-image size-full is-resized has-custom-border lemmony-animation lemmonyFadeInLeft lemmony-animation" style="--lemmony-animation-name:lemmonyFadeInLeft;animation-duration:var(--lemmony-speed-xfast);animation-delay:var(--lemmony-delay-xsmall)"><img src="<?php echo esc_url( lemmony_media("front-client2.jpg") ); ?>" alt="" class="has-border-color has-background-border-color wp-image-2975" style="border-width:4px" width="80" height="80"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0"><!-- wp:image {"id":2976,"width":80,"height":80,"sizeSlug":"full","linkDestination":"none","style":{"border":{"width":"4px"}},"borderColor":"background","className":"lemmony-animation lemmonyFadeInLeft","animationStyle":"lemmonyFadeInLeft","animationSpeed":"xfast"} -->
<figure class="wp-block-image size-full is-resized has-custom-border lemmony-animation lemmonyFadeInLeft lemmony-animation" style="--lemmony-animation-name:lemmonyFadeInLeft;animation-duration:var(--lemmony-speed-xfast)"><img src="<?php echo esc_url( lemmony_media("front-client3.jpg") ); ?>" alt="" class="has-border-color has-background-border-color wp-image-2976" style="border-width:4px" width="80" height="80"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->