<?php

/**
 * Title: Hero block for Homepage Light
 * Slug: greenshift/hero-main-light
 * Categories: greenshift-hero
 */
?>

<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">

<!-- wp:group {"align":"full","style":{"border":{"radius":"100px","width":"1px","color":"#cecece6b"},"spacing":{"blockGap":"8px","padding":{"top":"4px","right":"12px","bottom":"4px","left":"12px"}},"elements":{"link":{"color":{"text":"var:preset|color|basecolor"}}}},"backgroundColor":"contrastcolor","textColor":"basecolor","className":"","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignfull has-border-color has-basecolor-color has-contrastcolor-background-color has-text-color has-background has-link-color" style="border-color:#cecece6b;border-width:1px;border-radius:100px;padding-top:4px;padding-right:12px;padding-bottom:4px;padding-left:12px"><!-- wp:paragraph {"align":"left","className":"text-nowrap is-style-default","fontSize":"xsmall"} -->
<p class="has-text-align-left text-nowrap is-style-default has-xsmall-font-size">New features are now available <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">(Beta)</mark></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"left","level":1,"style":{"typography":{"fontWeight":"600","lineHeight":"1.15"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"className":"wp-block-heading full-width has-inter-font-family","fontSize":"max-60"} -->
<h1 class="wp-block-heading has-text-align-left full-width has-inter-font-family has-max-60-font-size" id="greenshift-smart-theme-wordpress-websites" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:600;line-height:1.15">GreenShift - Smart theme<br/><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color">for WordPress Websites</mark></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":""} -->
<p class="has-text-align-left">Use Greenshift for building high quality sites for any niche, <br>unlocking valuable insights, and effortlessly revealing new features</p>
<!-- /wp:paragraph -->

<!-- wp:group {"align":"full","style":{"border":{"radius":"0px"},"spacing":{"blockGap":"28px","padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"dimensions":{"minHeight":"48px"}},"className":"","layout":{"type":"flex","orientation":"horizontal","justifyContent":"left","verticalAlignment":"center"}} -->
<div class="wp-block-group alignfull" style="border-radius:0px;min-height:48px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"100px"}},"className":"is-style-systemdark"} -->
<div class="wp-block-button is-style-systemdark"><a class="wp-block-button__link wp-element-button" style="border-radius:100px">See it in action</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"align":"left","className":"text-nowrap","fontSize":"xsmall"} -->
<p class="has-text-align-left text-nowrap has-xsmall-font-size">50<mark style="background-color:rgba(0, 0, 0, 0);color:rgba(254,91,36,1)" class="has-inline-color">+</mark> people use GS today.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%","gshideOnMobile":true,"gshideOnTablet":true} -->
<div class="wp-block-column gs-mobile-hide gs-tablet-hide" style="flex-basis:33.33%"><!-- wp:image {"align":"right","style":{"spacing":{"margin":{"top":"44px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<figure class="wp-block-image alignright" style="margin-top:44px;margin-right:0px;margin-bottom:0px;margin-left:0px"><img src="data:image/svg+xml,%3Csvg width=&quot;196&quot; height=&quot;163&quot; viewBox=&quot;0 0 196 163&quot; fill=&quot;none&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;%3E%3Cpath d=&quot;M151.104 31.7284C150.832 31.6814 150.573 31.8639 150.526 32.136C150.479 32.4081 150.662 32.6668 150.934 32.7138L151.104 31.7284ZM39.6939 71.2672L40.0304 71.637L39.6939 71.2672ZM60.0339 56.3707C60.0945 56.1013 59.9251 55.8338 59.6557 55.7732L55.2652 54.7864C54.9958 54.7259 54.7283 54.8952 54.6678 55.1646C54.6072 55.434 54.7765 55.7015 55.046 55.7621L58.9486 56.6392L58.0715 60.5419C58.0109 60.8113 58.1803 61.0788 58.4497 61.1393C58.7191 61.1999 58.9866 61.0306 59.0471 60.7612L60.0339 56.3707ZM176.264 48.6411C181.253 59.3391 177.142 73.1959 166.161 87.0329C155.201 100.844 137.492 114.499 115.623 124.696L116.045 125.603C138.025 115.354 155.869 101.611 166.944 87.6545C177.999 73.7244 182.406 59.4447 177.171 48.2185L176.264 48.6411ZM115.623 124.696C93.7535 134.894 71.9099 139.683 54.2853 139.201C36.6272 138.719 23.3697 132.961 18.3812 122.263L17.4749 122.686C22.7097 133.912 36.481 139.715 54.2579 140.201C72.0683 140.688 94.0659 135.852 116.045 125.603L115.623 124.696ZM150.934 32.7138C163.269 34.8448 172.332 40.2083 176.264 48.6411L177.171 48.2185C173.043 39.3673 163.602 33.8875 151.104 31.7284L150.934 32.7138ZM18.3812 122.263C15.1424 115.318 15.7348 107.049 19.5642 98.2974C23.3938 89.5456 30.4439 80.3572 40.0304 71.637L39.3575 70.8973C29.7017 79.6804 22.5502 88.9789 18.6481 97.8965C14.7457 106.815 14.0763 115.398 17.4749 122.686L18.3812 122.263ZM40.0304 71.637C45.7713 66.4149 52.4165 61.3657 59.8135 56.6835L59.2787 55.8386C51.8366 60.5493 45.1446 65.6332 39.3575 70.8973L40.0304 71.637Z&quot; fill=&quot;black&quot;/%3E%3Cpath d=&quot;M150.897 0C150.897 18.8731 135.598 34.1727 116.725 34.1727C135.598 34.1727 150.897 49.4723 150.897 68.3454C150.897 49.4723 166.197 34.1727 185.07 34.1727C166.197 34.1727 150.897 18.8731 150.897 0Z&quot; fill=&quot;black&quot;/%3E%3C/svg%3E%0A" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","className":"negative-desktop-margin","style":{"border":{"bottom":{"color":"var:preset|color|lightborder","width":"1px"},"top":{},"right":{},"left":{}}}} -->
<div class="wp-block-columns alignwide negative-desktop-margin" style="border-bottom-color:var(--wp--preset--color--lightborder);border-bottom-width:1px">

<!-- wp:column {"verticalAlignment":"bottom","width":"33%","style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);flex-basis:33%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}},"fontSize":"xsmall"} -->
<p class="has-xsmall-font-size" style="margin-bottom:var(--wp--preset--spacing--40)">Made with top technologies</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4013,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="<?php echo esc_url(get_template_directory_uri()) . '/assets/img/v2/logos.svg'; ?>" alt="logos" class="wp-image-4013"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->


<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:image {"id":3990,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url(get_template_directory_uri()) . '/assets/img/v2/screen2x.webp'; ?>" alt="" class="wp-image-3990"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:column {"verticalAlignment":"center","width":"33.33%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.2"}},"fontSize":"max-huge"} -->
<p class="has-max-huge-font-size" style="font-style:normal;font-weight:600;line-height:1.2">30,000+ happy <br>customers.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Using Greenshift everyday and loving it!</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"max-gigantic"} -->
<p class="has-text-align-center has-max-gigantic-font-size" style="line-height:1.3">24K</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"xsmall"} -->
<p class="has-text-align-center has-xsmall-font-size" style="text-transform:uppercase">Trusted Reviews</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"max-gigantic"} -->
<p class="has-text-align-center has-max-gigantic-font-size" style="line-height:1.3">96%</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"xsmall"} -->
<p class="has-text-align-center has-xsmall-font-size" style="text-transform:uppercase">customer satısfactıon</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.3"}},"fontSize":"max-gigantic"} -->
<p class="has-text-align-center has-max-gigantic-font-size" style="line-height:1.3">32K</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"xsmall"} -->
<p class="has-text-align-center has-xsmall-font-size" style="text-transform:uppercase">Expenses saved</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->