<?php

/**
 * Title: Hero block for Homepage
 * Slug: greenlight/hero-main
 * Categories: greenlight-general
 * Inserter: no
 */
?>
<!-- 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|base"}}}},"backgroundColor":"contrast","textColor":"base","className":"","layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group alignfull has-border-color has-base-color has-contrast-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":"xs"} -->
<p class="has-text-align-left text-nowrap is-style-default has-xs-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","fontSize":"grand"} -->
<h1 class="wp-block-heading has-text-align-left full-width has-grand-font-size" id="greenlight-smart-theme-wordpress-websites" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-weight:600;line-height:1.15">GreenLight - Smart theme<br/><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-brand-color">for WordPress Websites</mark></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","className":""} -->
<p class="has-text-align-left">Use GreenLight 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"}}} -->
<div class="wp-block-button"><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":"xs"} -->
<p class="has-text-align-left text-nowrap has-xs-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%"} -->
<div class="wp-block-column" style="flex-basis:33.33%">
    <?php if(is_glgs_active()): ?>
<!-- wp:greenshift-blocks/element {"id":"gsbp-b06bf08","inlineCssStyles":".gsbp-b06bf08{display:flex;flex-direction:row;justify-content:flex-end;}\n                    @media (max-width: 575.98px){\n                        .gsbp-b06bf08 {\n                            display: none !important;\n                        }\n                    }\n                    \n                    @media (min-width: 576px) and (max-width: 767.98px){\n                        .gsbp-b06bf08 {\n                            display: none !important;\n                        }\n                    }\n                    \n                    @media (min-width: 768px) and (max-width: 991.98px){\n                        .gsbp-b06bf08 {\n                            display: none !important;\n                        }\n                    }\n                    ","type":"inner","localId":"gsbp-b06bf08","styleAttributes":{"display":["flex"],"flexDirection":["row"],"justifyContent":["flex-end"],"hideOnMobile_Extra":true,"hideOnLandscape_Extra":true,"hideOnTablet_Extra":true}} -->
<div class="gsbp-b06bf08"><!-- 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%20width%3D%22162%22%20height%3D%22162%22%20viewBox%3D%220%200%20162%20162%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M81%200L83.4069%2072.8093C83.4353%2073.6682%2084.4623%2074.0936%2085.0897%2073.5063L138.276%2023.7243L88.4937%2076.9103C87.9064%2077.5377%2088.3318%2078.5647%2089.1907%2078.5931L162%2081L89.1907%2083.4069C88.3318%2083.4353%2087.9064%2084.4623%2088.4937%2085.0897L138.276%20138.276L85.0897%2088.4937C84.4623%2087.9064%2083.4353%2088.3318%2083.4069%2089.1907L81%20162L78.5931%2089.1907C78.5647%2088.3318%2077.5377%2087.9064%2076.9103%2088.4937L23.7243%20138.276L73.5063%2085.0897C74.0936%2084.4623%2073.6682%2083.4353%2072.8093%2083.4069L0%2081L72.8093%2078.5931C73.6682%2078.5647%2074.0936%2077.5377%2073.5063%2076.9103L23.7243%2023.7243L76.9103%2073.5063C77.5377%2074.0936%2078.5647%2073.6682%2078.5931%2072.8093L81%200Z%22%20fill%3D%22%2300BC6D%22/%3E%3C/svg%3E" alt=""/></figure>
<!-- /wp:image --></div>
<!-- /wp:greenshift-blocks/element -->  
<?php endif; ?>  
</div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide","style":{"border":{"bottom":{"color":"var:preset|color|border","width":"1px"},"top":[],"right":[],"left":[]},"spacing":{"margin":{"top":"-50px"}}}} -->
<div class="wp-block-columns alignwide" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;margin-top:-50px"><!-- 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":"xs"} -->
<p class="has-xs-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/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/screenx2.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">50,000+ happy <br>customers.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"s"} -->
<p class="has-s-font-size">Using GreenLight 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":"giga"} -->
<p class="has-text-align-center has-giga-font-size" style="line-height:1.3">24K</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"xs"} -->
<p class="has-text-align-center has-xs-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":"giga"} -->
<p class="has-text-align-center has-giga-font-size" style="line-height:1.3">96%</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"xs"} -->
<p class="has-text-align-center has-xs-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":"giga"} -->
<p class="has-text-align-center has-giga-font-size" style="line-height:1.3">32K</p>
<!-- /wp:paragraph -->

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